body{ font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #333; background: #fff; background-image: url("../images/election_regionale_champagne_ardenne_warsmann2010.jpg");}
input,textarea,select{ font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #333;}

#container{width: 1000px; margin: 0px auto 0 auto; }
em,strong{line-height: 1.6em;}

#header{height: 0px; position: relative; z-index: 6;}
h1 a{text-indent: -9999px; display: block; margin: 0; padding: 0; height: 405px; width: 344px; background: url(../images/warsmann2010.png); position: absolute; left: 0; top: 0; }

#hotline{position: absolute; left: 335px; top:0px; color: #999; font-size: 12px; }
#warsmann2010{position: absolute; right: 0; top:0; color: #999; display: block; height: 80px; width: 650px;background: url(../images/logo.png); text-decoration: none; }


#content p{line-height: 1.5em;}

.imageteaser{ width: 100%; height: 405px; display: block; margin: 0 0 25px 0; position: relative; overflow: hidden; }
.imageteaser .imagetext { z-index: 5; }
.imageteaser #teaser_images { z-index: 2; }
.imageteaser #teaser_images img { z-index: 3; }

.imagetext{ position: absolute; height: 355px; width: 285px; background: url(../images/text.png) repeat; padding: 20px;}
.imagetext h2{font-size: 20px; color: #fff; line-height: 1.3em; padding: 200px 0 15px 0;}
.imagetext p{line-height: 1.6em; color: #999;}
.imagetext a{color: #fff; font-weight: bold;}

#main_navigation{ display: block; list-style: none; width: 100%; height: 50px; background: #ccc;margin: 0 0 50px 0;}
#main_navigation li{float: left;}
#main_navigation li a{display: block; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #666; text-decoration: none;text-shadow:  1px 1px #fff; }
	#nav1{ width: 199px;  }
	#nav2{ border-left: 1px solid #fff; border-right: 1px solid #fff; width: 200px; }	
	#nav3{ border-right: 1px solid #fff; width: 199px;  }
	#nav4{ border-right: 1px solid #fff; width: 199px;  }
	#nav5{ width: 199px;  }
	
#main_navigation li a:hover, #main_navigation li a.active{background: #7d7d7d url(../images/nav_hover.gif) repeat-x; color: #2d2d2d; font-size: 16px;text-shadow:  1px 1px #c8c8c8; }

#content{}
#content #main_text1{ width:600px; color: #333; float: left; margin: 0 25px 0 0; }
#content #main_text1 p{ padding: 0 0 15px 0; text-align: justify; }



#content h3{font-size: 18px; color: #999; padding: 0 0 15px 0; margin: 0 0 25px 0; border-bottom: 1px solid #ccc;}
#content h4{font-size: 16px; color: #999; padding: 0 0 15px 0; display: block; margin: 25px 0 0 0; }
h4 span{font-size: 12px; display: block;  margin: 5px 0 0 20px; color: #33ccff; }

#formular input.text{border:1px solid #ccc; padding: 5px; font-size: 12px; width: 300px; float: left; margin: 0 0 25px 0; }
#formular input.text:hover, #formular input.text:focus{border-color: #33ccff;}
#formular select{border:1px solid #ccc; padding: 5px; font-size: 12px; width: 312px; float: left; margin: 0 0 25px 0; }
#formular select:hover, #formular select:focus{border-color: #33ccff;}
#formular label{width: 150px; display: block; float: left; height: 28px; line-height: 28px;}


#formular input.validation-failed { border: 1px solid #ef9595; }

.submit{background: #000; color: #fff; padding: 10px 15px 10px 15px; border: 0; clear: both; margin: 15px 0 0 0;}


	.form_left{ width: 500px; float: left; }
	.form_right{float: left; width: 500px; }

#content #main_text2{width: 666px; color: #999; float: left; position: relative;}
#content #main_text2 ul{list-style-image: url(../images/petitv.gif); padding: 0 0 0 25px; line-height: 1.6em; width: 250px; }
#content #main_text2 ul li{padding-bottom: 15px; line-height: 1.6em; color: #333; }
#content #main_text2 ul li a{color: #33ccff; text-decoration: none;}

.content_left{width: 450px; float: left; display: block; padding: 0 50px 0 0; }
.content_right{width: 500px; float: left; display: block;}

.presentation{display: block; height: 332px; width: 411px; position: absolute; right: 0; top: 0;}
	#presentation1{background: url(../images/presentation.gif) no-repeat; }
	#presentation2{background: url(../images/presentation2.gif) no-repeat; }
	#presentation3{background: url(../images/presentation3.gif) no-repeat; }

#footer{clear: both; margin: 50px 0 0 0; padding: 15px 0 25px 0; display: block; border-top: 1px solid #ccc; color: #999; position: relative; }
#footer ul{position: absolute; right:0; top:15px;}
#footer p{position: absolute; left:0; top: 15px; }
#footer ul li{float: left; padding: 0 0 0 15px;}
#footer ul li a{color: #999;}
#footer ul li a:hover{color: #33ccff;}

#hinweistext{ text-align: right; }
#hinweistext em{line-height: 1.6em;}