/*
Allgemeine Tag-Definitionen  */
html * { font-size: 100.01%; }

html, body, textarea, input { font-family: Arial, Helvetica, sans-serif; color: #000; }

body { font-size: 0.9em; background: #fff url(../images/chrome/bg.gif) top center repeat-y;  }

input, textarea, select { font-size: 100%; }

html, body { margin: 0; padding: 0; height: 100%; }

#popup{ background: #ebf5ff; }

body.larger { font-size: 1em; }
 
body.largest { font-size: 1.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: bold; margin: 0px; padding: 35px 0 0 30px; float: left; font-size: 1.4em; color: #006699; }
h2 {font-size: 1.2em; color: #17447d; text-transform: uppercase; font-weight: normal; }
h3 { font-size: 1em; color: #000; font-weight: bold; }
#topMenu h3{margin: 0; padding: 0; color: #66ccff; display: inline; }
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;
}

img{ border: 0; }

/* 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; }

#mainMenu a:link, #mainMenu a:visited, #mainMenu a:hover, #mainMenu a:active { color: #000; text-decoration: none; }
#mainMenu a:hover, #mainMenu a:active { color: red; }

#topMenu a:link, #topMenu a:visited, #topMenu a:hover, #topMenu a:active { color: #fff; text-decoration: none; }
#topMenu a:hover, #topMenu a:active { color: #FFFF00; text-decoration: none }

#func a:link, #func a:visited, #func a:hover, #func a:active {
	font-size: 1em;
	padding-left: 15px;
	color: #1860ab;
	text-decoration: none;
}

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

#func li#func30{ background: url(../images/sitemap.gif) 3px 0px no-repeat; }
#func li#func31{ background: url(../images/empfehlen.gif) 3px 0px no-repeat; }
#func li#func32{background: url(../images/fonts.gif) 6px 1px no-repeat;}

#func2 a:link, #func2 a:visited, #func2 a:hover, #func2 a:active { color: #5b5b5b; text-decoration: none; }

#func2 a:hover, #func2 a:active { color: #000; text-decoration: underline; }

/* Tabellen */
table.optic1{
	/*||title-de:Tabellenoptik 1||title-en:Tableoptic 1*/
	width: 80%;
	font-size: 13px;
	border-left: 1px solid #C5C4CE;
	border-top: 1px solid #C5C4CE;
}

	table.optic1 caption{
		text-align: left;
		font-weight: bold;
		color: #fff;
		padding: 3px;
	}

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

	table.optic1 TH img{
		vertical-align: middle;
	}

	TABLE.optic1 TD {padding:5px}

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

	table.optic1 thead TH{
	/*||hide:true*/
	border-bottom: 1px solid #024788;
	
	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;
}

/*############################################################################################*/
/*~~ LAYOUT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*############################################################################################*/
#minWidth{

	position: relative;
	width: 952px;
	margin: 0 auto;
	_height: 100%;
	min-height: 100%;
}

#top{
	height: 228px;
	position: absolute;
	left: 153px;
	top: 0px;
	width: 796px;
}

#head{ height: 109px; background-color: #66ccff; }

#topMenu{ height: 105px; background-color: #006699;padding: 7px 30px; color: #fff; font-size: 0.75em;  }
	#topMenu ul{margin:0; padding:0; float: left; 	width: 100px; } 
		#topMenu div li{margin-bottom: 0px; padding: 0; list-style: none;  } 

		
#topMenu .memberLogin{
	float: left;
	margin: 0px;
	padding: 0
}

	#topMenu .memberLogin div{
		float: left;
		width: 120px
	}
	
	#topMenu .memberLogin ul {font-size: 9px; float: none; margin-top: 2px }
		#topMenu .memberLogin div ul {font-size: 11px;  }
	#topMenu .memberLogin li {margin-bottom: 0px;  line-height: 150% }
	#topMenu .memberLogin input {height: 10px; font-size: 10px}
		#topMenu .memberLogin li input{
			height:0px; border:0; background: #006699; 
		}
		
#mainMenu{ padding: 20px 0 20px 13px; margin: 0; line-height: 120%; float: left; width: 140px }
	#mainMenu li{ padding-top: 13px;list-style: none; }
	
#leftCol{ float: left; padding-bottom:10px}

#topLeft{
	padding: 8px 0 0 15px;
	width: 143px;
	background-color: #fff;
	height: 220px;
}

#topLeft a{color:#000; text-decoration: none;}


	#topLeft img{ margin-bottom: 10px; }

#content{ float: left; width: 760px; padding: 20px 0px 10px 36px; }

#func{
	position: absolute;
	right: 0;
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 0.75em;
}

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

#footer{
	width: 953px;
	height: 21px;
	background-color: #dfdfd9;
	font-size: 0.9em;
	margin: 0 auto;
	clear: both;
	position: relative;
	margin-top: -21px;
}

#func2{
	color: #5b5b5b;
	position: absolute;
	right: 0;
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 0.75em;
}

	#func2 li{
	float: left;
	line-height: 100%;
	list-style: none;
	margin: 6px 0 0px;
	border-left: 1px solid #555555;
	padding: 0 4px;
}

	
		#func2 li.first{ border: none; padding-left: 0; }
		
/* -------------------------------------------------- reiter Leiste  */



ul.reiterLeiste{/*||hide:true*/
	list-style: none;
	margin:0;
	padding: 0;
	display: block;
	width: 650px;
	float: none;
	min-height: 20px;
}

		ul.reiterLeiste li{/*||hide:true*/
			   white-space:nowrap;
				list-style: none;
				padding:0;
				margin:0;
				border: none;
				float: left;
				display: block;
				border-right: 5px solid #fff;
				background: #E9E9E9;
				/*-moz-border-radius-topright: 5px;	*/
		}		
		ul.reiterLeiste li.active{/*||hide:true*/}
		ul.reiterLeiste a:link, ul.reiterLeiste a:hover,
		ul.reiterLeiste a:active, ul.reiterLeiste a:visited{/*||hide:true*/   
				display: block;
				float: left;
				margin: 0;
				color: #555;
				text-decoration: none;
				font-weight: normal;
				padding: 4px 8px 3px 8px;
				width: auto;
				background: none;
		}
		
		ul.reiterLeiste a:hover, ul.reiterLeiste a:active{/*||hide:true*/ color: #024788; }
		ul.reiterLeiste li.active a:link, ul.reiterLeiste li.active a:hover,
		ul.reiterLeiste li.active a:active, ul.reiterLeiste li.active a:visited{/*||hide:true*/ color: #024788 !important;  font-weight: normal; }
		ul.reiterLeiste li.disabled a:link, ul.reiterLeiste li.disabled a:hover,
		ul.reiterLeiste li.disabled a:active, ul.reiterLeiste li.disabled a:visited{/*||hide:true*/ color: #B8B8B8 !important;  cursor: text; }

.reiterContent{/*||hide:true*/
		padding: 7px;
		clear: left;
		border: 1px solid #C5C4CE;
		border-top: none;
	}
	
.reiter {/*||hide:true*/
		background:transparent url(../images/chrome/reiter-ecke.gif) no-repeat scroll right top;
		width:651px;
}

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



.cssForm fieldset{/*||hide:true*/width: 486px; margin-top: 10px;} /* 'A' */
.cssForm label {/*||hide:true*/ width: 133px;} /* 'B' */
.cssForm .rightCol {/*||hide:true*/padding-left:133px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea {/*||hide:true*/ width: 319px; 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: 87px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {/*||hide:true*/width: 200px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

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