/**
 * CSS Stile für Logenium
 *
 * @author		Florian Ilch <post@fainomenal.de>
 * @copyright		Copyright 2007, publicgarden
 * @link		http://www.logenium.de
 * @package		de_logenium
 * @version		0.1
*/

/**
 * Standard
 */
*{padding:0;margin:0;}
ul, ol{list-style-type:none;}
img, a img {border: none;}

/**
 * Struktur
 */
html, body{
	color:					#5D8192;
	background:				white;
	font:					normal 85% arial, sans-serif;
    line-height:			140%;
}

body{
	width:					917px;
	margin-top:				45px;
	margin-bottom:			25px;
	background-position:	top left;
	background-repeat:		no-repeat;
}

p{
	margin-bottom: 			1em;
}

address{
	float: 					left;
	font-style:				normal;
	display: 				inline;
	font-size: 				95%;
	padding-left:			12px;
	background: 			transparent url(../_medien/pfeil.gif) 0px 4px no-repeat;
}

blockquote{
	background:				transparent url(../_medien/linie.gif) top left repeat-x;
	padding-top:			1em;
	margin-right:			18px;
}

blockquote p cite{
	display: 				block;
	font-size:				.9em;
	margin-top:				.3em;
	font-style: 			normal;
	margin-left:			-12px;
	padding-left:			12px;
	padding-bottom: 		1em;
	background:				transparent url(../_medien/linie.gif) bottom left repeat-x;	
}

a, a:link, a:visited, a:active{
	text-decoration:		none;
        color:                          #7CB021;
}

a:hover {
	text-decoration:		underline;
}

h2{
	font-size:				1.7em;
	font-weight:			normal;
	margin:   		        1em 0 0.3em 0;
}

h3{
	font-size: 				1em;
	margin-bottom: 			.9em;
}

/**
 * Wrapper und Spezialfälle
 */
#signet a{
	position:				absolute;
	top:					6px;
	left: 					670px;
	height: 				114px;
	text-indent: 			-9999px;
	width: 					261px;
	background: 			transparent url(../_medien/signet.png) top right no-repeat;
	z-index:				2;
}

#teaseref{
	position:				absolute;
	height:					500px;
	text-indent:			-9999px;
	background: 			transparent;
	width: 					500px;
	left:					400px;
}

#container{
	border-left: 			6px solid white;
	margin-left: 			112px;
	width:					799px;
	background-position: 	bottom right;
	background-repeat: 		no-repeat;
	background-color:		white;
	padding-bottom:			1.1em;
}

body.folge #container{
	background: 			white url(../_medien/bg_grad.gif) top right repeat-y;
}

/**
 * Hauptnavigation
 */
#navigation{
	background:				white;
	border-right:			6px solid white;
	border-bottom:			1px solid white;
}

#navigation li{
	margin-bottom: 			6px;
}

#navigation li a{
	display: 				block;
	color:					white;
	background:				#9aca3b;
	width: 					254px;
	line-height:			19px;
	padding-left:			12px;
	text-transform:			uppercase;
        font-size: 95%;
}

#navigation li a:hover, #navigation li#current a{
	text-decoration:		none;
        background:			#5d8093;
}

/**
 * Marginalspalte
 */
#marginal{
	width: 					272px;
}

#marginal p{
	padding-left:			12px;
	padding-right:			12px;
        font-size:                      95%;
        line-height:                    145%;
}
#marginal blockquote p{ padding-right: 0px; }

#marginal:after{
	clear: 					both; 
	visibility: 			hidden; 
	display: 				block; 
	font-size: 				0; 
	height: 				0; 
	overflow:				hidden; 
	content: 				".";
}

#margbild{
	margin-top:				-1px;
	margin-bottom: 			1.2em;
}

/**
 * Inhaltsspalte
 */
#content{
	display:				inline;
	position:				relative;
	float:					right;
	margin-right:			50px;
	margin-top:				120px;
	margin-bottom:			2.5em;
	width:					455px;
	padding-left:			18px;
	left:					-11px;
	background: 			white url(../_medien/edge_left.gif) bottom left no-repeat;	
}

#content #top{
	padding-top:			10px;
	padding-right:			28px;	
	margin-bottom:			2em;
	min-height:				200px;
	background: 			white url(../_medien/edge_right.gif) top right no-repeat;
}

/**
 * Metanavigation
 */
#metanavigation{
	clear: 					both;
	background: 			#5d8093 url(../_medien/bg_meta.gif) top left no-repeat;
	padding-left: 			116px;
	padding-right:			61px;
	height: 				25px;
	border-top:				6px solid white;
	font-size:				.8em;
}

#metanavigation li{
	display:				inline;
	float: 					right;
	border-left: 				1px solid white;
	padding: 				0 1.8em;	
}
#metanavigation li.last{ border-right: 1px solid white; }

#metanavigation li a{
	line-height:			25px;
	height:					25px;
	display: 				block;
	color:					white;
	text-transform:			uppercase;
}
#btnsend	{ 	padding-left: 16px; background: transparent url(../_medien/brief.gif) 0px 8px no-repeat; 	}
#btnprint	{ 	padding-left: 21px; background: transparent url(../_medien/drucker.gif) 0px 4px no-repeat; 	}


#metanavigation li.leftmeta{
	float: 					left;
	border-left: 			none;
	border-right: 			1px solid white;
}

/**
 *	Formulare
 */
#kontakt fieldset{
	width: 426px;
	border: none;
}

#kontakt label{
	display:		block;
	margin-bottom:	.4em;
	font-weight:	bold;
}

#kontakt label em{
	font-style:		normal;
}

#kontakt input, #kontakt textarea{
	position:	 	relative;
	width: 			422px;
}

#kontakt input, #kontakt textarea, #kontakt select{
	border:	1px solid #9aca3b;
	margin-bottom:	.4em;	
	font: normal 100% arial, sans-serif;
	padding: .1em;
}

#kontakt div input{
	margin-bottom:	0px;
	width:			99%;
}

#kontakt br{
	clear:		left;
}

#kontakt div{
	float:		left;
	display:	inline;
	margin-bottom:	.3em;	
}

#kontakt .error{
	border: 1px solid red;
}

#kontakt input.btn{
	margin-top:				1em;
	margin-bottom:			2em;
	padding: 				.3em;
	background:				white;
	color:					#9aca3b;
	width:					100px;
}

/**
 * Klassen und Alles andere für webEdition WYSIWYG (Span fix)
 */
p.teaser					{ font-weight: bold; padding: 10px 0 8px 0;}
h3, p.pfeil, span.pfeil		{ padding-left: 20px; 	}
p.pfeil, span.pfeil			{ background: transparent url(../_medien/pfeil.gif) 0px 2px no-repeat; }
#top ul						{ list-style-type: disc; list-style-image: url(../_medien/pfeil.gif); margin-bottom: 1em; }
#top ul li					{ margin-left: 18px; }