/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
G
#TB_window a:link {color: #333333;}
#TB_window a:visited {color: #333333;}
#TB_window a:hover {color: #333;}
#TB_window a:active {color: #333333;}
#TB_window a:focus{color: #333333;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #fbf2df;
	z-index: 102;
	color:#000000;
	display:none;
	border: 2px solid #EF7B29;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #5561ff;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/**Main**/

body,p{
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: verdana;
}
body{
	margin-top:10px;
}
img{
	border:none;
}
body, h1{
	color: #00516f;
}

fieldset{
	background:transparent;
}

#wrapper{
    width:1000px;
    margin:auto;
}

h1{
 margin-left:15px;	
 margin-top:-10px;
 margin-bottom:0px;
 font-size:23px;
}

a{
  color:#00516f;
  text-decoration:none;
  font-weight:bold;
  font-size:10px;
}

a:hover,#navmenu a:hover{
  text-decoration:underline;
  color:#ef7b29;
}

fieldset a{
	color:#ef7b29;	
}

#navmenu{
	display:none;
	z-index:5;
	position:absolute;
	margin-top:23px;
	*margin-top:33px;
}

#navmenu a{
	font-size:12px;
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	background-color: #00516f;
	border-right: 2px solid #ef7b29;
	border-bottom: 1px solid #ef7b29;	
	border-left: 2px solid #ef7b29;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
}

#navmenu a.last{
	border-bottom:2px solid #ef7b29;
}

/** Header **/
#header{
	width:1000px; 
	height:255px; 
	margin:0px; 
	padding:0px;
	border-top:5px solid #00516f;
	display:block;
	text-align: left;
	padding-bottom:5px;
	*padding-bottom:8px;
	border-right: 1px solid #00516f;
	border-left: 1px solid #00516f;
}


#logo{
 text-indent: -9999em;
 background-image:url(/img/logo.gif);
 width:177px;
 height:200px;
 float:left;
 margin-top:-75px;
 z-index: 100;
 position:relative;
}

#title{
  font-size:55px;
  color: #00516f;
  margin-top: 20px;
  margin-left:210px;
  text-align: left;
  font-family: Times New Roman, Verdana;
  z-index: 100;
  position: relative;
  height:60px;
  letter-spacing: -0.06em;
 
  
}

#subtitle{
  font-size:45px;
  color: #ef7b29;
  margin-top: 10px;
  margin-left:330px;	
  text-align: left;
  font-family: Times New Roman, Verdana;
}

.headteaser{
	margin-left: 800px;
	margin-top:-257px;
	z-index:100;
	position:absolute;
}


#menu{
background-color: #00516F; 
border-bottom:5px solid #ffffff; 
border-top:5px solid #ccd4e6; 
border-right:none;
color:#ffffff; 
height:30px; 
line-height:30px;
padding:0px; 
width:100%;
vertical-align:middle;
font-weight:bold; 
font-size:14px;
z-index:0;
margin-top:40px;
*margin-top:-20px;
}

#menu a{
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
}

#menu a:hover{
  text-decoration:underline;
  color:#ef7b29;
}

#menu .left{
float:left; 
margin-left:-40px; 
*margin-left:150px;
padding:0px;
display:block;	
}

#menu .right{
margin-right:18px;
 float:right;
}

#subMenu{
	background-color:#ccd4e6;
	border-bottom:3px solid #ef7b29;
	margin:0px;
	height:25px;
	line-height:32px;
	*line-height: 35px;
	padding:0px;
	padding-top:4px;
	*padding-top:6px; 
	font-weight:bold; 
	font-size:14px; 
	vertical-align: bottom;
	display:block;
}

#subMenu a.title,#subMenu span.title{
	background:transparent;
	border:none;
	margin-left:5px;
	padding-right:5px;
	color:#00516F;
	font-weight:bold;
	font-size: 19px;
	font-family:Times New Roman, Verdana;
}

a.title:hover{
	text-decoration:none;
}

#subMenu a{
	color:#00516F;
	background-color: #ccd4e6; 
	padding-left:4px;
	padding-right:4px;
	border-top:2px solid #ef7b29; 
	border-left:2px solid #ef7b29; 
	border-right:2px solid #ef7b29;
	font-size:13px; 
}
#subMenu a.selected{
	color:#ffffff;
	background-color: #00516F; 
}

.subNav{
	margin-top:20px !important;
	*margin-top:25px !important;
	*margin-left:0px;
}

/** end header **/


/** footer **/
#footer{
 display:block;
 padding:0px;
 margin:-1px 0px 0px;
 border-bottom:5px solid #00516f;
 width:1000px;
 border-right: 1px solid #00516f;
 border-left: 1px solid #00516f;
 border-top:none;
 }
 

#footerbox{
	height:150px;
	background: #00516f;
	clear:both;
	width:100%;
	border-bottom:5px solid #ef7b29;
	padding-top:5px;
	padding-bottom:8px;
}

#footerbox img{
	margin:0px;
	padding:0px;
	padding-left: 3px;
}

#footer .ftext h3{
	color:#00516f;
	margin:0px;
	margin-top:1px;
	padding:0px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	padding:3px;
}

#variant4 #footerbox,#variant5 #footerbox,#variant6 #footerbox{
	display:none;
}
/** end footer **/


/** content **/
#content{
 width:980px;
 display:block;
 text-align:left;
 background-color: #CCD4E6;
 padding:10px;
 padding-bottom: 0px;
 border-right: 1px solid #00516f;
 border-left: 1px solid #00516f;
}

#content .text{
 width:	680px;
 float:left;
}

#content .text p{
	margin-top:5px;
}

#content .text fieldset{
 border:none;
 background:#00516f;
 border-top: 3px solid #ef7b29;
 border-bottom: 3px solid #ef7b29;
 margin-bottom:5px;
 padding-left:5px;
 padding-right:5px;
 color:#ffffff;
 padding-bottom:5px;
}

.text fieldset img{
	border:1px solid #ef7b29;
	float:left;
	margin-top:5px;
	margin-right:5px;
}

.text fieldset h2{
	padding:0px;
	margin: 0px;
	margin-top:5px;
	font-size:23px;
}

.text fieldset h3{
	padding:0px;
	margin-top:0px;
	margin-bottom:5px;
	font-size:13px;
}

.text p{	
	text-align: left;
line-height:17px;
}

/** Infobox **/

#infobox{
	display:block;
	width:270px;
	float: right;	
}

#infobox .dates, #infobox .results, #infobox .container{
	display:block;
	border-top: 3px solid #ef7b29;
	border-bottom: 3px solid #ef7b29;
	background: #ccd4e6;
	color:#00516f;
	margin-bottom:10px;
}


#infobox .title{
	font-weight:bold;
}

#infobox h4{
	display: block;
	padding-left:5px;
	font-size:14px;
	margin:0px;
}

#infobox p{
	display: block;
	font-size:11px;
	margin-left:6px;
	padding:3px;
	padding-bottom:5px;
}

#infobox ul{
	margin:0px;
	padding:3px;
	font-weight:bold;
	font-size:11px;
}

#infobox ul li{
	font-size:10px;
	font-weight:normal;
	margin-left: 6px;
	margin-bottom:7px;
	list-style: none;
}

#infobox li.last{
	text-align: right;
}
/** end infobox **/

/** end content **/


/** spezific contents ** /

/** variant 2 **/
#variant2 #content .text,
#variant2leftright #content .text,
#variant2rightleft #content .text
{
	width:100%;
}

#variant2 #content .text fieldset,
#variant2leftright #content .text fieldset,
#variant2rightleft #content .text fieldset
{
	width:960px !important;	
	padding:10px !important;
}

#variant2leftright .even img{
	float:left;
}

#variant2leftright .odd img{
	float:right;
	margin-right:0px;
}


#variant2rightleft .even img{
	float:right;
}

#variant2rightleft .odd img{
	float:left;
}

/** end variant 2 **/
/** variant3 and contact**/
#variant3 #content .text,
#contact #content .text{
 width:100%;	
}

#variant3 fieldset.even,
#contact fieldset.even{
 width:470px;
 float:left;	
}

#variant3 fieldset.odd,
#contact fieldset.odd{
	width:470px;
	float:right;
}

#variant3 fieldset.large,
#contact fieldset.large{
	clear:both;
}

#contact fieldset.odd{
	text-align: center;
}

#contact fieldset p,
#contact fieldset form{
margin-left:5px;
margin-top: 5px;
}

#contact fieldset img{
	margin-right:0px;
	float:none;
	margin:5px;
}

#contact fieldset form,
#contact fieldset table{
	margin-top: 10px;
}

#contact form p label{
	width:150px;
	display: block;
	float:left;
}
#contact form p select{
	width:297px;
}
#contact form p input{
	width:295px;
	*width:293px;
}
#contact form p textarea{
	width:295px;
	height:100px;
	min-height:100px;	
}
#contact form p{
	margin:3px 0 3px 0;
	
}

#contact fieldset{
	height:500px;
}

p.error{
	color:#ff0000;
	font-weight:bold;
	margin-top: 15px;
}

td.err_title{
	width:130px;
	font-weight: bold;
	vertical-align: top;
}

td{
	padding-bottom: 3px;
}

#contact form p.href{
	float:right;
	padding-right:10px;
}

#contact form p.text{
  font-size:10px;
}
 
/** end variant 3 **/

/** variant 5 and 6 and leftright and rightleft*/
#variant5 .text, 
#variant6 .text,
#leftright .text,
#rightleft .text{
	width:975px;
}

#variant5 fieldset, 
#variant6 fieldset,
#leftright fieldset,
#rightleft fieldset{
	border:none !important;
	background:#CCD4E6 !important;
}

#variant5 .text fieldset div, 
#variant6 .text fieldset div,
#leftright .text fieldset div,
#rightleft .text fieldset div
{
	width:550px;
	display:block;
	border-top:  3px solid #ef7b29;
	border-bottom: 3px solid #ef7b29;
	background-color:#00516f; 
	padding-left: 5px;
	padding-bottom:5px;
}

#variant5 .text fieldset img,#variant6 .text fieldset div{
	float:left;
}

#variant6 .text fieldset img,#variant5 .text fieldset div{
	float:right;
}

/** end variant 5 and 6 and leftright and rightleft*/

/** leftright mix **/
#leftright .even img{
	float:left;
}
#leftright .even div{
	float:right;
}

#leftright .odd img{
	float:right;
}
#leftright .odd div{
	float:left;
}
/** leftright mix end **/

/** rightleft mix **/
#rightleft .even img{
	float:right;
}
#rightleft .even div{
	float:left;
}

#rightleft .odd img{
	float:left;
}
#rightleft .odd div{
	float:right;
}
/** rightleft mix end **/

/**variant 7 **/
#variant7 #content .text fieldset.even,#variant7 #content .text fieldset.odd,#variant7 #content .text fieldset.large{
 width:975px !important;
 clear:both !important;
 float:none !important;
}


/** variant 7 end **/
/** misc **/
.clr {
	clear:both;
	font-size:1%;
	line-height:1px;
	border:none !important;
	background:transparent !important;
}

.hide{
	display:none;
}

/** gallery **/

#gallery { text-align:center;}
.galleria_container{ text-align:center;}
.galleria{list-style:none;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;margin-top:10px;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
#gallery p.nav{
	margin-bottom:20px;
}

/** gallery end **/

/** download pages variant 1 **/
#download .text{
 width:975px;
 margin-left:3px;	
}

#download #content .text a{
	color:#EF7B29;
}
/** donwload pages variant 1 end **/

/** variant6rightleft **/

#variant6rightleft .text fieldset,
#variant6leftright .text fieldset{
	width:960px;
	padding:5px 10px 5px 10px;
}

#variant6rightleft p,
#variant6leftright p{
	text-align: justify;
}

#variant6rightleft img.even,
#variant6leftright img.odd{
	float: right;
	margin-left:10px;
	margin-right:0px;
}

#variant6rightleft img.odd,
#variant6leftright img.even{
	float: left;
}

/** end variant6rightleft **/