/*
Allgemeine Tag-Definitionen  */

html * { font-size: 100.01% }
html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #030C3D;}
body {font-size: 0.72em; }
input, textarea, select {font-size: 100%;}


html, body { margin: 0; padding: 0; height: 100%;}
body{ background: #242525 url(../images/chrome/bg_minwidth.gif) center repeat-y; padding-bottom: 1px}
#popup{background: #ebf5ff; }

body.larger {font-size: 0.9em;} 
body.largest {font-size: 1em;} 

.cmsColor01 { /*||title-de:Rot||title-en:Red*/ color: #ff0000; }
.cmsColor02 { /*||title-de:Hellgrau||title-en:Lightgrey*/ color: #c5c4ce; }
.cmsColor03 { /*||title-de:Blau||title-en:Blue*/ color: #cce2d8; }
.cmsColor04 { /*||title-de:Grau||title-en:Grey*/ color: #555555; }

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #E98800; }

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
ul { margin-left: 0; }
table { wtable-layout: fixed; empty-cells: show; }
	td { empty-cells: show; }

/*
HEADLINE-Styles */
h1 {font-weight: normal; margin:0px; padding:18px 0 0 56px; float: left }
h2 {font-size: 1.4em; color: #17447d; text-transform: uppercase; font-weight: normal;}
#content h2{ color: #ffc000; font-weight: bold; border-bottom: 1px solid #143d5d;}
h3 {font-size: 1.2em; color: #000; font-weight: bold;}
#content div.event h3 { color: #fff; }
#content h3 { color: #17447D; }

h4 {font-size: 1em; margin-bottom: 1px; margin-top: 1px; font-weight: normal;}

/* ALLGEMEINE STYLES */

.small {/*||title-de:Kleinere Schrift||title-en:smaller font*/font-size: 0.9em;}
img.right{ /*||title-de:Bild rechtsbündig||title-en:Right aligned image*/ float: right; margin: 0 0 5px 5px; }
img.left{ /*||title-de:Bild linksbündig||title-en:Left aligned image*/ float: left; margin: 0 5px 5px 0; }

#rightCol p{ margin-top: 0; }
#rightCol dd{margin-left: 0;}
img{border: 0;}

dt.news{
	/*||hide:true*/
	font-size: 1.1em;
	font-weight: bold;
	color: #5a5a5a;
	margin: 0 0 5px 0;
	padding: 0px;
}

#main dd{ margin: 0 10px 15px 10px; border-bottom: 1px solid #dfdfd9; }
	#main dl{border: 1px solid #dfdfd9;	padding: 5px;}

.newsBox dd{/*||hide:true*/
	margin: 0 10px 15px 10px;
	border-bottom: 1px solid #dfdfd9;
	font-size:0.9em;
}
	
.newsBox dt{/*||hide:true*/
	font-size: 1em; font-weight: bold; color: #5a5a5a; margin:0 0 5px 0; padding: 0px;
}

/*  Linke Spalte  */

#nav1{	margin: 0px; padding: 10px 0; font-weight: bold;}
	#nav1 li{list-style: none; line-height: 105%; position: relative; padding: 8px 0; border-top: 1px solid #17447d}
	
/* ANKER-Syles */

a:link, a:visited, a:hover, a:active { color : #1860Ab; text-decoration: none; }
a:hover, a:active { text-decoration: underline;}

#top a:link, #top a:visited, #top a:hover, #top a:active { color : #1860Ab; text-decoration: none; font-weight: normal;}
#top a:hover, #top a:active { text-decoration: underline;font-weight: normal;}

#rightCol a:link, #rightCol a:visited, #rightCol a:hover, #rightCol a:active { font-size: 0.9em; color : #a5acb2; text-decoration: none;}
#rightCol a:hover, #rightCol a:active { color: #1860Ab; text-decoration: underline; }

#nav1 a:link, #nav1 a:visited, #nav1 a:hover, #nav1 a:active { color : #17447d; display: block; text-decoration: none; }
#nav1 a:hover, #nav1 a:active { text-decoration: underline; color:#000 }

.event a:link, .event a:visited, .event a:hover, .event a:active { color : #030C3D; text-decoration: underline; font-weight: bold;}
.event a:hover, .event a:active { text-decoration: none;}

#items a:link, #items a:visited, #items a:hover, #items a:active { color : #143d5d; font-weight: bold; text-decoration: none; }
#items a:hover, #items a:active, #items a.active { text-decoration: underline; color: #ffc000}

table.listItem a:link, table.listItem a:visited, table.listItem a:hover, table.listItem a:active { color : #fff; font-weight: bold; text-decoration: none; }
table.listItem a:hover, table.listItem a:active, table.listItem a.active { text-decoration: underline; color: #ffc000}


/* Tabellen */

table.optic1{/*||title-de:Tabellenoptik 1||title-en:Tableoptic 1*/
	border-left: 1px solid #C5C4CE; 
	border-top: 1px solid #C5C4CE; 
}

	table.optic1 TH, TABLE.optic1 TD  {/*||hide:true*/
		border-right: 1px solid #C5C4CE; 
		border-bottom: 1px solid #C5C4CE; 
		padding:2px;
	}

	table.optic1 TH{ /*||hide:true*/ text-align: left; color: #024788; }

	table.optic1 thead TH{/*||hide:true*/
	   border-bottom: 1px solid #024788;
		text-align:center;
		background: #F4F4F4;
	}

	table.optic1 tfoot td{/*||hide:true*/
		border-top: 1px solid #024788;
		border-bottom: 1px solid #C5C4CE;
		background: #F4F4F4;
		color: #024788;	
		text-align: left;
		font-weight: bold;
	}

table.listItem{/*||title-de:Tabellenoptik 1||title-en:Tableoptic 1*/
	border: 1px solid #143d5d; 
}

	table.listItem TH, table.listItem TD  {/*||hide:true*/
		border-right: 1px solid #fff; 
		vertical-align: top;
		padding:4px 5px;
	}
	
	table.listItem TD{ font-size: 0.95em; padding: 7px 5px}
		table.listItem .last{border-right:none; vertical-align: bottom		}
	
	table.listItem tr{ background-color: #e5eaed; cursor: pointer; height: 25px }
		table.listItem tr.alternate{ background: #D0D8DF	}
		table.listItem tr:hover{ background-color: #f4f4f4; }
	
	

	table.listItem TH{ /*||hide:true*/  text-align: left; color: #fff; }

	table.listItem thead TH{ /*||hide:true*/ background: #143d5d; text-transform: uppercase }

/*############################################################################################*/
/*~~ LAYOUT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*############################################################################################*/


#head{
	left: 0px;
	width: 100%;
	height: 105px;
	background: transparent url(../images/chrome/bg_head.gif) repeat-x;
}

#wrapper{
	height: 105px;
	top: 0;
	background: transparent url(../images/chrome/bg_top.jpg) center no-repeat;
}

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

#minWidth{
	position: absolute;
	min-height: 100%;
	width:988px;
}

#top{ height: 110px; z-index: 1; }

#leftCol{
	color: #9e9393;
	margin: 50px 0 0 0px;
	position: relative;
	padding: 10px 5px 0 19px;
	float: left;
	width: 153px;
}

	#leftCol input, #leftCol select{ width: 150px; margin-bottom:3px;  border: 1px solid #9e9393}
	#leftCol label{ font-size: 0.95em; }
	#leftCol h3{color: #17447d;font-size: 1em;}

#main{
	position: relative;

	float: left;
	width: 798px;
}

	#mainTop{
		 background: transparent url(../images/chrome/bg_maintop.gif) bottom left no-repeat;
		 height: 50px;
		 
	} 
	
	#menu{
		padding-left: 30px;
		position: absolute;
		background: transparent;
		top: 21px;
		width: 350px;
		+width: 350px;
		height: 58px;
	}
	
		#menu ul {
			font-weight: bold;
			font-size: 1em; 
			text-align: center;
			text-transform: uppercase;
		}
		
		#menu li{
			margin: 0; 
			padding: 0;
			list-style: none;
			display: inline; 
			white-space: nowrap;
		}

		#menu li a:link, #menu li a:visited, #menu li a:hover, #menu li a:active {
			float: left;
			width: 68px; 
			height: 29px;
			padding: 6px 2px 0;
			color: #999;
			text-decoration: none;
			background: transparent url(../images/chrome/reiter/id10.gif) no-repeat;
			background-position: 0 0;

		}
		
		
		#menu li#id10.active a:link, #menu li#id10.active a:visited, #menu li#id10.active a:hover, #menu li#id10.active a:active { /*||hide:true*/ background-position: 0 -29px; color: #8b8472; }		
		#menu li#id11.active a:link, #menu li#id11.active a:visited, #menu li#id11.active a:hover, #menu li#id11.active a:active { /*||hide:true*/ background-position: 0 -29px; color: #8b8472; }		
		#menu li#id12.active a:link, #menu li#id12.active a:visited, #menu li#id12.active a:hover, #menu li#id12.active a:active { /*||hide:true*/ background-position: 0 -29px; color: #8b8472; }				
		
		#menu li#id11 a:link, #menu li#id11 a:visited, #menu li#id11 a:hover, #menu li#id11 a:active {
			width: 128px;
			background: transparent url(../images/chrome/reiter/id11.gif) 0 0 no-repeat;
		}
		
		#menu li#id12 a:link, #menu li#id12 a:visited, #menu li#id12 a:hover, #menu li#id12 a:active {
			width: 102px;
			background: transparent url(../images/chrome/reiter/id12.gif) 0 0 no-repeat;
		}
		
		#menu li a:hover, #menu li a:active {background-position: 0 -29px; color: #143d5d}
		#menu li#id11 a:hover, #menu li#id11 a:active {background-position: 0 -29px; color: #143d5d}
		#menu li#id12 a:hover, #menu li#id12 a:active {background-position: 0 -29px; color: #143d5d}

	#content{
		position: relative;
		height: 100%;
		padding: 10px 10px 10px 12px;
		width: 776px;
		background: #fff url(../images/chrome/bg_content.gif) bottom left no-repeat;
	}	
	
		#items{float: left; padding-bottom: 11px}
		
		#details{ background: transparent url(../images/chrome/bg_detail.gif) bottom right no-repeat; padding-right: 250px		}
		
		#date{padding-bottom: 25px		}
		#date input.button{border:0; width: 18px; height: 18px; cursor: pointer	}
			#date input.forward{ background: transparent url(../images/chrome/forward.gif) no-repeat }
			#date input.forwarddis{ background: transparent url(../images/chrome/forward_disabled.gif) no-repeat; cursor: default }
			#date input.back{ background: transparent url(../images/chrome/back.gif) no-repeat}
			#date input.backdis{ background: transparent url(../images/chrome/back_disabled.gif) no-repeat; cursor: default}			
		
		div.eventRow{
			clear: left;
			position: relative;
		}
			div.event{	
				min-height: 250px;
				_height:250px;
				background-color: #d0d8df;
				font-size: 0.95em;
				float:left;
				margin:0 10px 10px 0;
				border: 1px solid #143d5d;
				width: 250px;
				padding: 0px;
			}
					
				div.event h3{background: #143d5d; padding:5px; font-size: 1.1em; text-transform: uppercase; margin:0; color: #fff}
				div.last{margin-right:0px}
				div.event div.alternate{background:#d0d8df;}
				div.event div{background:#dfebef; padding: 7px 8px; cursor: pointer;}
				
					div.event div:hover{ background: #f4f4f4;}
				div.day{width: 750px}
				
				
			
				
#rightCol{
	margin-top: 30px;
	position: relative;
	float: left;
	padding: 10px;
	margin-left: 3px;
}

#news{
	position: relative;
	margin-left: 10px;
	width:160px;
	padding-bottom:250px;
}

#logos{
	bottom:20px;
	text-align: right;
	right: 28px;
	position: absolute;
}

#func{
	position: absolute;
	padding:0;
	right: 0;
	top:-14px;
	font-size: 0.9em;

}

	#func li{
		border-left:1px solid #837C6B;
		float:left;
		line-height:100%;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:4px 0pt 0pt;
		padding:0pt 6px;
	}

	#func li.first{ border: none; }


/*~~ Font Sizer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#fontSizer { position: absolute; right: 24px; top: 30px; }
	#fontSizer span { color:#1860ab; font-size: 0.9em; }


	#fontSizer a.active:link, #fontSizer a.active:visited,
	#fontSizer a.active:hover, #fontSizer a.active:active { color: #f00; }
	
	#fontSizer a.normal:link, #fontSizer a.normal:visited,
	#fontSizer a.normal:hover, #fontSizer a.normal:active { font-size: 10px; }

	#fontSizer a.larger:link, #fontSizer a.larger:visited,
	#fontSizer a.larger:hover, #fontSizer a.larger:active { font-size: 12px; }

	#fontSizer a.largest:link, #fontSizer a.largest:visited,
	#fontSizer a.largest:hover, #fontSizer a.largest:active { font-weight: bold; font-size: 14px; }


	
#footer{
	float:right; 
	font-size:0.9em; 
	color:#a5acb2;
	position: absolute;
	right:0;
}

#poplink{
	top:0;
	left: 0;
	padding: 6px 5px 5px;
	width: 99%;
	background: #e9e9e9;
	border-bottom: 1px dotted #837c6b;
}


/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset{/*||hide:true*/width: 500px; margin-top: 10px;} /* 'A' */
.cssForm label {/*||hide:true*/ width: 160px;} /* 'B' */
.cssForm .rightCol {/*||hide:true*/padding-left:165px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea {/*||hide:true*/ width: 290px; line-height:100%;/* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea {/*||hide:true*/ width: 228px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {/*||hide:true*/width: 200px;} /* ('A'-'B'-130px)/2 */
.cssForm .selectorGroup { width:290px; }
.cssForm .selectorGroup label{ width:250px; }
/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

input.button, .button {/*||hide:true*/
	font-weight: normal;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) ;
	border: 1px solid #B0B1AE ; /*A5ACB2 ist WinXP Style*/
} 

input{width: 120px;}