/*
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%;}
html[xmlns] { min-height:100%; padding-bottom: .005em; } /*v-scrollbar für moz einschalten*/
body{ background: #ebf5ff url(../images/chrome/bg_minwidth.jpg) center repeat-y; }
#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; }
.cmsColor05 { /*||title-de:Satt blau||title-en:Blue*/ color: #3f70d3; }
.cmsColor06 { /*||title-de:Grün||title-en:Green*/ color: #44c661; }

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%; }
li { list-style: square; }

table {  empty-cells: show; }
	td { empty-cells: show; }

/*
HEADLINE-Styles */
h1 {font-weight: normal; margin:0px; padding:15px 0 0 210px; float: left }
h2 {font-size: 1.2em; color: #17447d; text-transform: uppercase; font-weight: normal;}
h3 {font-size: 1em; color: #000; font-weight: bold;}
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;
}

#content dd{ margin: 0 10px 15px 10px; border-bottom: 1px solid #dfdfd9; }
	#content 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  */

div.memberLogin{ /*||hide:true*/ margin-left: 15px; }
	div.memberLogin ul{ /*||hide:true*/ margin-left: 0px; padding-left: 0; }
		div.memberLogin li{/*||hide:true*/ list-style: none;margin-bottom: 3px;}

#nav1{	margin-left: 30px;	padding-left: 0;}
	#nav1 li{list-style: url(../images/chrome/square.gif); }

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


a.view{ /*||hide:true*/ border-left: 1px solid #C5C4CE; margin-left: 5px; padding-left: 5px; }



/* 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.checktable{ /*||hide:true*/width: 100%} 
	table.checktable th{/*||hide:true*/padding: 2px;}
	table.checktable td {/*||hide:true*/padding: 2px; border-bottom: 1px solid #C5C4CE; border-right: 3px solid #fff; text-align: center;}
	table.checktable input{ /*||hide:true*/border: none; width:auto;}

table.forum{/*||hide:true*/
	width: 100%;
	padding: 10px;
	border: 1px solid #C5C4CE; 
	margin-bottom: 10px;
	background: #f4f4f4;
}

	table.forum th{/*||hide:true*/
		text-align: left;
		background: #e7f0ff;
		padding: 3px;
		color: 
		}

	table.forum th.number{/*||hide:true*/
		text-align: center;
		width: 25px;
		border: 1px solid #C5C4CE;
		}
	
	table.forum th.user{/*||hide:true*/
		border-top: 1px solid #C5C4CE;
		border-bottom: 1px solid #C5C4CE;
		border-left: 1px solid #C5C4CE;
		}
	
	table.forum h3{/*||hide:true*/
		color: #1860AB;
		}
	
table.optic_forum{/*||hide:true*/padding: 5px;}
	table.optic_forum th{ /*||hide:true*/ text-align: left; border-bottom: 1px solid #C5C4CE; padding: 2px 0 2px 0;}
	table.optic_forum thead{ /*||hide:true*/ background: #e7f0ff; }
		table.optic_forum thead th{/*||hide:true*/text-align: center;border:none;border-bottom: 3px solid #C5C4CE;	}
	table.optic_forum td{/*||hide:true*/border-bottom: 1px solid #C5C4CE;border-left: 1px solid #C5C4CE;}
	table.optic_forum caption{/*||hide:true*/	display: none;}

div.forumAntworten table{ /*||hide:true*/ background: #fff; width: 100%; }

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


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

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

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

#minWidth{
	background: transparent url(../images/chrome/justitia.gif) 13px 0 no-repeat;
	position: absolute;
	min-height: 100%;
	height: 100%;
	width:894px;
}

#top{ height: 110px; }

#leftCol{
	margin-top: 30px;
	position: relative;
	padding: 10px 10px 0 22px;
	float: left;
	width: 170px;
}

#content{
	position: relative;
	float: left;
	padding: 5px;
	width: 465px;
}

#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;
	right: 0;
	padding:0 10px 0 0;
	margin:0;
	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{
	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;
}

/* -------------------------------------------------- reiter Leiste  */

ul.reiterLeiste{/*||hide:true*/
	list-style: none;
	margin:0;
	padding: 0;
	display: block;
	width: 473px;
	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:473px;
}

.clear { overflow: hidden; height: 0; clear: left; }

/*======================= Bildergalerie ================================*/

p.intro { color: #024788; margin-bottom: 0; }

a.img, a.vid { float: left; margin: 0 0 15px 15px; text-decoration: none; color: #555; background: #000; width:145px; }
	a.img span, a.vid span { border-bottom: 1px solid #c5c4ce; display: block; padding-top: 2px; background: #fff; }
	a.img:hover img, a.vid:hover img {         filter:alpha(opacity=80);
	        -moz-opacity:0.8;
	        -khtml-opacity: 0.8;
	        opacity: 0.8; }
	a:hover.img span, a:active.img span, a:hover.vid span, a:active.vid span { background: #e7f0ff; }
a.img:first-child, p + a.img, .clear + a.img, a.vid:first-child, p + a.vid, .clear + a.vid { margin-left: 0; }
	a.img img, a.vid img { width: 145px; height: 105px; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: all 0.2s ease-out; }



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

.cssForm fieldset{/*||hide:true*/width: 445px; margin-top: 10px;} /* 'A' */
.cssForm label {/*||hide:true*/ width: 120px;} /* 'B' */
.cssForm .rightCol {/*||hide:true*/padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea {/*||hide:true*/ width: 310px; 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;}