/*****************************************************************************************
 *   GRID
 *****************************************************************************************/

html{
	height: 100%;
}

body{
	background: url(../img/bg.jpg) repeat-x #dce5cb;
	height: 100%;
	text-align: center;
	min-width: 936px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #767a71;
	overflow-y: scroll;
}

#wrapper{
	position: relative;
	margin: 0 auto;
	background: url(../img/bg_wrap_transparency_helper.jpg) repeat-y center;
	width: 936px;
	min-height: 100%;
}

#header{
	height: 270px;
	width: 838px;
	margin: 0 auto;
}

#container{
	margin: 0 auto;
	width: 838px;
}

#header h1{
	padding: 0;
	margin: 0;
	position: relative;
	top: 8px;
	left: 10px;
	width: 701px;
	height: 201px;
	background: url(../img/logo.png) no-repeat;
}

#header h1 a{
	display: block;
	width: 201px;
	height: 201px;
	position: absolute;
	outline: none;
	z-index: 10;
}

#header h1 span.logo_text{
	background: url(../img/logo_text.png) no-repeat;
	width: 391px;
	height: 61px;
	position: relative;
	display: block;
	top: 25px;
	left: 253px;
}

#left{
	float: left;
	width: 225px;
}

#main{
	float: left;
	width: 510px;
	padding: 36px 50px 100px 50px;
	min-height: 460px;
}

.bg_wrap{
	background: url(../img/bg_wrap.png) repeat-y center;
	width: 936px;
	height: 100%;
	position: absolute;
	margin-left: -468px;
	left: 50%;
}

.bg_spirale{
	background: url(../img/bg_spirale.png) no-repeat center 290px;
	width: 944px;
	height: 100%;
	position: absolute;
	margin-left: -472px;
	left: 50%;	
}

.sujet_head{
	width: 722px;
	height: 213px;
	position: absolute;
	background: url(../img/sujet_head.png) no-repeat;
	margin-left: -265px;
	top: 85px;
	left: 50%;	
}

.sujet_ano{
	width: 393px;
	height: 390px;
	position: absolute;
	bottom: 0;
	left: 28px;
	background: url(../img/sujet_ano.png) no-repeat;
}


/*****************************************************************************************
 *   NAV
 *****************************************************************************************/


#left .mod_navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 215px;
	left: 5px;
	background: url(../img/bg_nav.jpg) repeat-x;
	padding-top: 41px;
}

#left .mod_navigation ul li a{
	height: 30px;
	display: block;
	background: url(../img/bg_nav.jpg) repeat-x;
	color: #767a71;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	padding-top: 11px;
	padding-left: 15px;
	outline: none;
}

#left .mod_navigation ul li a:hover{
	background: url(../img/bg_nav_act.jpg) repeat-x;
}

#left .mod_navigation ul li span{
	height: 30px;
	display: block;
	background: url(../img/bg_nav_act.jpg) repeat-x;
	color: #767a71;
	font-size: 16px;
	font-weight: bold;
	padding-top: 11px;
	padding-left: 15px;			
}

.mod_breadcrumb{
	font-size: 12px;
	margin-top: -10px;
}

.mod_breadcrumb a{
	color: #6b7c5b;
}

/*****************************************************************************************
 *   GLOBAL
 *****************************************************************************************/

@font-face{
	font-family: "Lucida";
	src: url(../fonts/lucida.eot);
	src: local("Lucida"), url(../fonts/lucida.ttf) format("truetype");
} 

.hide{
	display: none;
}

.clear{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}

h2{
	font-family: Lucida;
	font-weight: normal;
	font-size: 24px;
	color: #6b7c5b;
	padding: 0;
	margin: 0;
	margin-top: 25px;
	margin-bottom: 15px;
}

h3{
	font-size: 14px;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 1px;
}

p{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 17px;
}

a{
	color: #767a71;
}

a:hover{
	color: #444444;
}

.intro{
	font-family: Lucida;
	font-size: 24px;
	line-height: 26px;
	margin-top: 35px;
	margin-bottom: 20px;
	color: #6b7c5b;	
}

/*****************************************************************************************
 *   CONTENT
 *****************************************************************************************/

/*************************************** Main ********************************************/

.image_container{
	padding: 3px;
	border: 1px solid #b1b2af;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 0;
}

/************************************** Teaser *******************************************/

.teaser_overview h2{
	margin-bottom: 30px;
}

.teaser_overview h3{
	margin-top: 0;
}

.teaser_overview .image_container{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 10px;
}

.teaser_overview .ce_hyperlink{
	text-align: right;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #ececea;
}

.google_maps iframe{
	padding: 2px 5px 5px 5px;
	border: 1px solid #b1b2af;	
}

.google_maps p{
	text-align: right;
	margin-top: 2px;
	font-size: 10px;	
}

form.kontakt label{
	display: block;
}

form.kontakt input{
	display: block;
	width: 300px;
	margin-bottom: 10px;
}

form.kontakt textarea{
	display: block;
	width: 501px;
}

form.kontakt br{
	display: none;
}

form.kontakt p.error{
	color: #990000;
	padding: 0;
	margin: 0;
}

form.kontakt .submit_container{
	text-align: center;
	padding-top: 20px;
}

form.kontakt .submit_container input{
	display: inline;
	width: auto;
}