/*	Standard Stylesheet www.maxximizzer.de
	Start: 11.06.2007
	Letzte Aenderung: 02.08.2007
*/

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// GENERAL ////////////////////////////////////// */

* { /* Reset all */
	padding: 0;
	border: 0;
	margin: 0;
}

html, body { height: 100%; }

html { /* Für FF, damit FLOAT-Layout sich nicht verschiebt */
    overflow: -moz-scrollbars-vertical;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Helvetica, Arial, sans-serif;
	font-size: 72.5%; /* 16px × 62.5% = 10px */
	line-height: 1em;
	color: #545454;
	text-align: center;
	background: #c1c8cc url(../img/bg.png) repeat-y 50% 0;
}

img {
	background: #fafafa url(../img/loading.gif) no-repeat 50% 50%;
	behavior: url(../img/pngbehavior.htc);
}

a { color: #1c92bb; text-decoration: none; }

table a em { color: #5fb7d4; }

h1, h2, h3, h4 { line-height: 1em; }

h1 em, h2 em, h3 em, h4 em { font-style: normal; font-weight: lighter; }

h1 {
	font-size: 2.4em;
	letter-spacing: 1px;
	color: #1c92bb;
	margin-bottom: .85em;
}

h2 { font-size: 1.6em; margin-bottom: 1em; }

h3 { font-size: 1.2em; margin-bottom: 1em; }

li { list-style: none; }

table {	width: 100%; }

table, td, tr, thead, th {
	padding: 0;
	border: 0;
	margin: 0;
	border-collapse: collapse;
	vertical-align: top;
}

p em, table em { font-style: normal; color: #999; }

.error em { color: #f00; }

thead em { color: #333; }

th { text-align: left; font-weight: lighter; width: 50px; }
tbody th { width: 180px; }

thead, th, td { padding: .5em .5em .5em 0; }

thead td { padding-left: .5em }

td { line-height: 1.4em; border-bottom: 1px solid #ededed; }

tr:hover { background-color: #fafafa; }

acronym { cursor: help; border-bottom: #144b93 1px #bbb; }

thead { font-weight: bold; }

thead em, td em { font-weight: normal; }

thead, thead tr:hover { background-color: #e1f2fa; }

tfoot, tfoot tr:hover { background-color: transparent; }

tfoot { text-align: right; }

tfoot input { float: right; }



/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// LAYOUT ////////////////////////////////////// */
/*	  */

div { /* zum Testen */
/*	border: 1px solid #0f0;
	margin: -1px;*/
}

#wrapper {
	width: 900px;
	margin: auto;
	background-color: #fff;
	min-height: 100%;
	text-align: left;
}

* html #wrapper { /* Für IE6 */ height: 100%; }

#header {
	width: 860px;
	height: 124px;
	margin: auto;
	background: url(../img/header-bg.png) repeat-x 0 0;
}

#header img { float: left; }

#logo { width: 200px; float: left; }

#key { width: 660px; height: 124px; float: left; }

#pageContent {
	font-size: 1em;
	text-align: left;
	background: url(../img/page-bg.png) repeat-x 0 0;
	margin: 0 auto 40px auto;
	width: 860px;
}

#vcard { font-size: .85em; margin: 0 29px; }

#vcard img { text-align: center; border: 1px solid #333; }

#vcard p { background: url(../img/foto-gradient.png) repeat-x 0 0; padding-top: .75em; min-height: 55px; }

* html #vcard p { /* Für IE6 */ height: 55px; margin-top: -3px; }

#footer {
	width: 860px;
	height: 30px;
	font-size: .85em;
	color: #cca300;
	text-align: left;
	background: #fc0 url(../img/footer-bg.png) repeat 0 0;
	margin: 0 auto 0 auto;
	overflow: hidden;
	clear: both;
}

#footer ul { float: left; display: block; padding-left: 220px; margin-top: .85em; }

#footer li { float: left; }

#footer li a { color: #cca300; padding: 0 .5em; }

#footer li a:hover { color: #997a00; }


/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/

#clear { clear: both; }

.clearA {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
	}

.clearB {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
	}

.clearC {
	overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
	}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
 .clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

	/*------------------------------------------------------------------------------------------------------*/
	/* Workaround: Clearfix-Anpassung für diverse IE-Versionen */
	/* 
	** IE5.x/Mac - x
	** IE7       - x
	*/	
	.clearfix { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */

	/*
	** IE5.x/Win - x
	** IE6       - x
	*/	
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
	/* End hide from IE-mac */
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Bug: 'kollabierender Margin an #col3 beim Clearing der Spalten' 
	** 
	** Im speziellen Fall dass im 3-Spalten-Layout (1-3-2 oder 2-3-1) die linke Spalte die kürzeste und die 
	** rechte Spalte gleichzeitig die längste der drei Spalte ist, kollabiert im Internet Explorer der 
	** linken Margin von #col3 durch das Clearen der Spalten mittels "clear:both". 
	** Im IE6 und IE7 lässt sich das Problem beseitigen durch eine trickreiche alternative Clearing-Lösung.
	**
	** IE5.0/Win - x (Bug nicht zu beheben! Stattdessen wird normales Clearing eingesetzt)
	** IE5.5/Win - x (Bug nicht zu beheben! Stattdessen wird normales Clearing eingesetzt)
	** IE5.x/Mac - ???
	** IE6       - x
	** IE7       - x
	*/
	
	#ie_clearing {
		display:block;       /* DIV sichtbar machen */
		/*clear:both;         /* nur für IE5.x/Win gedacht, um normales Clearing zu aktivieren */ 

		width: 100%;         /* IE-Clearing mit 100%-DIV für IE 6 */
		font-size:0;         /* reduziert zusammen mit dem negativen Margin die Höhe des DIVs auf 2 Pixel */
		margin: -2px 0 -1em 1px; /* IE-Clearing mit übergroßem DIV für IE7 */  
	}

	* html #ie_clearing { margin: 0 0 -1em 0} 		
	
	html {margin-right: 1px} /* Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
	* html {margin-right: 0} /* Der IE6 benötigt das nicht */

	#col3_content {margin-bottom:-2px; } /* Beseitigt auch die letzten 2 Pixel des IE-Clearings */
	#col3 { position:relative; } /* notwendig für den IE 7 */
	/*------------------------------------------------------------------------------------------------------*/



/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////// NAVIGATION //////////////////////////////////// */
/*	margin: 1em 0; vertikal horizontal */

@media all
{
/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/

	#mainmenu { 
		width: 100%; 
		overflow: hidden;
		list-style-type: none; 
		border-bottom: 5px #f5f5f5 solid;
		line-height: 1.2em;
	}
	
	#mainmenu a { display:block; text-decoration: none; }
	#mainmenu li { float:left; width: 100%; margin:0; padding: 0 }

	#mainmenu li a { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#fff; 
		color: #666; 
		border-bottom: 1px #eee solid;
	}
	#mainmenu li a:hover { background-color: #ffeb99 /*#e8f0f8*/; }
	
	#mainmenu li em { color: #999; font-style: normal; }
	
	#mainmenu li a:hover em { color: #cca300; }
	
	#mainmenu li ul { list-style-type: none; margin:0; padding: 0; }
	#mainmenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#mainmenu li ul li a { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		background-color:#f8f8f8; 
		color: #666; 
		border-bottom: 1px #ddd solid; 
	}

	#mainmenu li ul li a:hover { background-color:#f63; color: #fff; }
	
	#mainmenu li#title { 
		width: 90%; 
		padding: 8px 0px 3px 10%; 
		font-weight: bold; 
		color: #fff; 
		background-color: #fc0; 
		border-bottom: 5px #e5e5e5 solid; 
	}
	
	#mainmenu li#title em {
		color: #fff;
		font-weight: normal; 
	}

	#mainmenu li#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #eee solid;
	}
	
	#mainmenu li ul li#active { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #fff solid;
	}

}

#submenu {
	font-size: .8em;
	background: #f5f5f5;
	width: 860px;
	height: 25px;
	padding: 10px 0;
	margin: 40px auto 5px auto;
}

#submenu ul { float: left; display: block; padding-left: 220px; margin: .1em 0; }

#submenu ul :lang(en-GB) { color: #737373; } /* ab IE7, FF1 */

#submenu ul :lang(en-GB) a { border-color: #737373; } /* ab IE7, FF1 */

#submenu ul :lang(en-GB) a:hover { background-color: #737373; } /* ab IE7, FF1 */

#submenu li { float: left; }

#submenu li a { color: #252525; padding: 0 .35em; border-right: 1px solid #333; }

#submenu li a:hover { color: #fff; background-color: #252525; }



/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////// PAGECONTENT //////////////////////////////////// */
/*	  */

#col1, #col2, #col3 { background: url(../img/page-bg.png) repeat-x 0 0; min-height: 55px; float: left; }

#col2, #col3 { padding-top: 50px; }

#col1 { width: 200px; height: 100%; }

#col2 { width: 640px; padding-left: 20px; }

#col3 { overflow: hidden; }

p { margin-bottom: 1.4em; }

p, p br, li { line-height: 1.4em; }

#col2 ul { margin: 1.4em; }

#col2 li { background: url(../img/ico-list.png) no-repeat 0 0; padding: 0 1em; }

#col3 h3 { color: #fff; background: #000; padding: .15em; }

#col2-2col { width:49%; float:left; }

#col2-2col ul { margin: 0; }

#col2-2col li { background: transparent; padding: 0; }

.y120, .b120, .y120-2, .b120-2 {
	font-size: .85em;
	font-weight: bold;
	padding-top: .5em;
	padding-left: .7em;
	width: 120px;
	height: 26px;
	display: block;
	overflow: hidden;
}

.b120 { color: #ebebeb;  }

.y120-2, .b120-2 { line-height: .9em; }

.b120:hover, .b120-2:hover { color: #fff; }

.y120, .y120-2 { color: #806600; }

.y120:hover, .y120-2:hover { color: #665200; }

.b120, .b120-2 { background: url(../img/b-b120.png) no-repeat 0 0; }

.b120:hover, .b120-2:hover { background: url(../img/b-b120-o.png) no-repeat 0 0; }

.y120, .y120-2 { background: url(../img/b-y120.png) no-repeat 0 0; }

.y120:hover, .y120-2:hover { background: url(../img/b-y120-o.png) no-repeat 0 0; }

.b140, .b140:hover {
	font-weight: bold;
	padding-top: .4em;
	padding-left: .8em;
	width: 140px;
	height: 26px;
	display: block;
}

.b140 { color: #ebebeb; background: url(../img/b-b140.png) no-repeat 0 0; }

.b140:hover { color: #fff; background: url(../img/b-b140-o.png) no-repeat 0 0; }

/*
#col2 a[target=_blank], #col2 a[target=_blank]:hover {
	background: url(../img/ico-linkExtern.gif) no-repeat 0 50%;
	padding-left: 1em;
}*/


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// MISC /////////////////////////////////////// */
/*	  */

#bar {
	font-size: .85em;
	padding-top: .25em;
	margin: 1em 0 2em 0;
	clear: both;
}

#bar a {
	color: #ccc;
	padding: .15em .15em 0 2.2em;
	border: none;
}

#bar a em { font-style: normal; }

#bar a:hover {
	color: #6e6e6e;
	padding: .15em .15em 0 2.2em;
	border: none;
	background-color: transparent;
}

.top { float: right; background: url(../img/ico-top.gif) no-repeat 0 50%; }

.top:hover { float: right; background: url(../img/ico-top-o.gif) no-repeat 0 50%; }

.back { float: left; background: url(../img/ico-back.gif) no-repeat 0 50%; }

.back:hover { float: left; background: url(../img/ico-back-o.gif) no-repeat 0 50%; }

.forward { float: right; background: url(../img/ico-forward.gif) no-repeat 0 50%; }

.forward:hover { float: right; background: url(../img/ico-forward-o.gif) no-repeat 0 50%; }

.print { float: left; background: url(../img/ico-print.gif) no-repeat 0 50%; }

.print:hover { float: left; background: url(../img/ico-print-o.gif) no-repeat 0 50%; }

.linkExtern { background: url(../img/ico-linkExtern.gif) no-repeat 0 50%; padding: .15em 0 0 1.25em; }

.highlight { color: #1c92bb; }

.smallprint { font-size: .75em; }

.marked { color: #fff; background-color: #930; padding: 0 .25em; }

.attention { color: #fff; background-color: #fc0; padding: 0 .25em; }

.error { color: #f00; }

.obligate { color: #1c92bb; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// FORM /////////////////////////////////////// */
/*	  */

input {
	font-size: 1em;
	color: #6e6e6e;
	border: 1px solid #ccc;
	padding: .2em;
}

input[type=text], input[type=password] {
/*	width: 220px;*/
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	margin-bottom: .25em;
}

input[type=text]:focus, input[type=password]:focus {
	color: #333;
	background-color: #fff;
	border: 1px solid #1c92bb;
}

input[type=checkbox] {
	width: auto;
	color: #6e6e6e;
	border: none;
	margin-right: .25em;
}

input[type=submit] {
	font-size: .75em;
	color: #fff;
	background-color: #ccc;
	border: none;
}

input[type=submit]:hover {
	color: #fff;
	background-color: #1c92bb;
}

input[type=hidden] {
	width: auto;
	display: none;
}

textarea {
	width: 400px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #6e6e6e;
	padding: .2em;
	border: 1px solid #ccc;
	overflow: auto;
}

textarea:focus {
	color: #333;
	border: 1px solid #1c92bb;
}

input, select { /* Alle Labels UND Formularelemente auswählen */
	border: 1px solid #ccc;
/*	display: block;*/
/*	width: 220px; /* Breite.*/
}