/* CSS für agnaturstrom.ch */

/* ALLGEMEIN */
* {margin:0px; padding:0px;}
html,body {
	height:100%; /* needed for container min-height */
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.90em;
	color:#336600;
	background:#FFFFFF;}
body {background:url(/img/bg/body_bg.jpg) repeat-x;}
.clearer {
	clear:both; 
	font-size:0px;
	line-height:0px; 
	height:0px;}
img {border:none;}


/* RAHMEN */

div#wrapper {
	position:relative; /* needed for footer positioning */
	margin:0 auto;
	width:900px;
	background:#FFFFFF;
	background-image:url(/img/bg/content_footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */}


/* HEADER */

#headArea {
	background:url(/img/bg/header_bg.gif) no-repeat 0 33px #8bbff5;
	padding:50px 0px 0px 0px;}
#logoSchmetterling {
	float:left;
	width:auto;
	margin:0 30px 0 0;}
#logoText {
	float:left;
	width:auto;
	margin:19px 0 0 0;}
#serviceNavig {
	float:right;
	width:auto;
	padding:0 30px 0 0;}
#serviceNavig a {
	color:#024b98;
}
#serviceNavig a:hover {
	background-color:#024b98;
	color:#FFFFFF;}
#dekobild {
	position:absolute;
	top:122px;
	left:480px;
	width:auto;
	height:auto;}


/* NAVIGATION */

#mainNavig {	
	/*float:left;*/
	position:absolute;
	top:222px;
	left:0;
	width:182px;
	/*margin-top:40px;*/
}

#mainNavig ol {width:182px; list-style:none;}
#mainNavig > ol {}
#mainNavig ol li{ margin:0; padding:0;}
#mainNavig ol li a {display:block; padding:3px 4px 3px 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; text-decoration:none; color:#7ba108;}
* html #mainNavig ol li a {width: 178px; /* w\idth:173px; */ /* Breitenangaben nur fuer IE */}
#mainNavig ol li a:focus, #mainNavig ol li a:hover {background-image:url(/img/bg/navig_hover_bg.jpg); background-repeat:repeat-y; color:#7ba108; background-color:#FFFFFF;}  

#mainNavig ol li ol li a {display:block; padding:3px 4px 3px 30px; font-weight:normal; border:none; text-decoration:none;}
* html #mainNavig ol li ol li a {width: 172px; /* Breitenangaben nur fuer IE */}
#mainNavig ol li ol li a:focus, #mainNavig ol li ol li a:hover {background-image:url(/img/bg/navig_hover_bg.jpg); background-repeat:repeat-y; color:#7ba108; background-color:#FFFFFF;}
#mainNavig li.aktiv a {background-image:url(/img/bg/navig_aktiv_bg.jpg); background-repeat:repeat-y; color:#024b98; background-color:#FFFFFF;}


/* CONTENT */

div#contentArea {
	/*float:left;*/
	min-height:600px;
	margin:0 60px 0 230px;
	padding:80px 0 100px 0; /*definiert footer-Höhe */
	line-height:1.7em;}

h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:normal;
	color:#669900;
	margin-bottom:1em;}
h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	/*font-weight:normal;*/
	color:#669900;
	margin-bottom:0.5em;}
h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#669900;}
p {margin-bottom:1.5em;}

a { color:#024b98;}

div#contentArea ol {list-style:decimal;
	margin:0 0 1.5em 25px;}
div#contentArea ul {margin:0 0 1.4em 20px;}
div#contentArea a:hover {background-color:#7ba108; color:#FFFFFF;}

.news { margin-bottom:2em;}
.news h2 { margin:0;}
.news p { margin-bottom:1em;}

ul li.doc { list-style-image:url(/img/icon_doc.gif);margin-left:0; padding-left:7px;}
ul li.xls { list-style-image:url(/img/icon_xls.gif);margin-left:0; padding-left:7px;}
ul li.pdf { list-style-image:url(/img/icon_pdf.gif);margin-left:0; padding-left:7px;}

/* Error */

.error {
	border:1px solid #C00;
	padding:5px;
	margin:0 0 10px 0;
	color:#C00;
	font-weight:bold;}
.error img {margin:0 5px 0px 0;}
.errorMeldung {color:#C00;}
	
	
/* FORMULAR */

form br { 
	clear: both;} 

label{ 
	float:left; 
	text-align:left; 
	width:100px; 
	margin-right:10px; 
	line-height:30px;}
input {
	/*float: left;*/
	margin-right:10px;
	width:300px;
	border:solid 1px #CCC;
	/*background-color:#f4f3f4;*/
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;}
select {
	/*float: left;*/
	margin-right:10px;
	width:300px;
	border:solid 1px #CCC;
	/*background-color:#f4f3f4;*/
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;}
textarea {
	/*float: left;*/
	margin-right:10px;
	width:300px;
	height:100px;
	border:solid 1px #CCC;
	/*background-color:#f4f3f4;*/
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.97em;}
.btnSenden input {
	/*float: left;*/
	margin:20px 10px 0 110px;
	width:100px;
	border:solid 1px #CCC;
	/*background-color:#f4f3f4;*/
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;}


/* FOOTER */

div#footerArea {	
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	color:#9e96a5;
	font-size:0.9em;
	padding:0 0 18px 30px;}
.abstand {
	margin:0 auto;
	width:900px;
	text-align:right;
	font-size:0.8em;
	color:#CCCCCC;
	padding:6px 0 20px 0;}
.abstand a {color:#CCCCCC; text-decoration:none;}
.navAccesskey {display:none;}