/* Stylesheet: www.langro.de */
/* by Franziska Mälzer             */

/* * * * * * * * * * * * * * * * * * * * */
/* Farben                  * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * */
/* blau fuer die Ueberschriften: #002e44 */
/* rot fuer die Links: #E10003           */
/* grau Servicenavigation: #666          */
/* hellgrau fuer Rahmen: #bbb            */
/* * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * */
/* Allgemeine Definitionen * * * * * */
/* * * * * * * * * * * * * * * * * * */
*{
	padding: 0;
	margin: 0;
}

html { height:101%; }

body  { 
	min-height: 101%;
  font-size: 100.01%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /* fuer IE */
	background-color:#fff;
}

h1 {
	margin:3.5em 1em 0em 0em;
	font-size:1.1em;
	font-weight:bold;
	color:#002e44;
}
h2 {
	margin:2em 1em 0em 0em;
	font-size:0.9em;
	color:#002e44;
	font-weight:bold;
	width:30em;
	line-height:1.5em;
}
h3 {	
}
h4 {	margin:2em 1em 0em 1em;
	font-size:0.8em;
	color:#002e44;
	font-weight:bold;}

p {
	font-size:0.8em;
	margin:1em 1.5em 0em 0em;
	line-height:1.5em;
}
a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color:#E10003;
	text-decoration:none;
}
a:visited {
	
}
a:focus,
a:hover,
a:active {
	text-decoration:underline;
}

img, a img {
	border: 0;
}

ul {
	list-style-type:none;
	margin:1em 3em;
	font-size:0.8em;
}
	ul li {
		line-height:1.5;
		padding-left:15px;
		background:#fff url(../images/layout/menu_deaktiv1.gif) no-repeat  0 0;
	}

/* * * * * * * * * * * * * * * * * * */
/* * Allgemeine Klassen  * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
  display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}
.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right;
}
.leftAlign {
	text-align:left;
}

/* * * * * * * * * * * * * * * * * * */
/* * Ebenen  * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */

#wrapper {
	margin:0 auto;
	width:62.5em;
	text-align:left;
}

	/* auf der Startseite */
	#header {
		height:11.9em;
		position:relative;
	}

	/* Servicenavigation */
	ul#servicenavigation {
		float:right;
		list-style-type:none;	
		font-size:0.65em;
		margin:0;
		padding:0;
	}
		ul#servicenavigation li {
			float:left;
			color:#666;
			margin:1em 0.5em 0 0;
			padding:0 0.5em 0 0;
			line-height:1.5;
			background:#ffffff url(../images/layout/li-servicenavigation.gif) repeat-y top right;
		}
			ul#servicenavigation li a:link,
			ul#servicenavigation li a:visited,
			ul#servicenavigation li a:focus,
			ul#servicenavigation li a:hover,
			ul#servicenavigation li a:active {
				color:#666;
				text-decoration:none;
			}
			ul#servicenavigation li a:focus,
			ul#servicenavigation li a:hover,
			ul#servicenavigation li a:active {
				text-decoration:underline;
			}
			ul#servicenavigation li.aktiv a:link,
			ul#servicenavigation li.aktiv a:visited,
			ul#servicenavigation li.aktiv a:focus,
			ul#servicenavigation li.aktiv a:hover,
			ul#servicenavigation li.aktiv a:active {
				text-decoration:none;
				font-weight:bold;
			}
		
		/* Lango-Logo */
		img#logo {
			position:absolute;
			top:20px;
			left:0;
			z-index:100;
			width:16.5em;
		} 
		/* Hintergrund-Bild */
		img#hintergrund {
			position:absolute;
			top:48px;
			left:0;
			width:62.5em;
			z-index:1;
		}
		
	/* blauer rahmen */
	#rahmen {
		position:relative;
		border-left:1px solid #A0C2CD;
		border-right:1px solid #a0c2cd;
		z-index:1000;
	}

	#rahmen_gruen {
		position:relative;
		border-left:1px solid #C2D37D;
		border-right:1px solid #C2D37D;
		z-index:1000;
	}

	#rahmen_gelb {
		position:relative;
		border-left:1px solid #e2bbed;
		border-right:1px solid #e2bbed;
		z-index:1000;
	}
	
	/* Hauptnavigation */
	#hauptnavigation {  

	}

	
		#hauptnavigation ul {
			list-style-type:none;
			float:right;
			font-size:0.85em;
			margin:0;
			padding:0;
		}
			#hauptnavigation ul li {
				float:left;
				width:16.3em;
				border:1px solid #C8C8C8;
				margin:0.20em 0.5em 0 0;
				padding:0.6em;
				text-transform:uppercase;
				letter-spacing:2px;
				font-weight:bold;
				background:none;
			}
			#hauptnavigation a {
				color:#002e44;
			}
	
				#hauptnavigation ul li.aktiv {
					background-color:#f2f6f8;
					background-image:none;
				}

				#hauptnavigation ul li.aktivgruen {
					background-color:#e9ffc5;
					background-image:none;
				}

				#hauptnavigation ul li.aktivgelb {
					background-color:#F6E8FA;
					background-image:none;
				}
					#hauptnavigation ul li.aktiv a {
						color:#E10003;
						text-decoration:none;
					}

					#hauptnavigation ul li.aktivgruen a {
						color:#E10003;
						text-decoration:none;
					}

					#hauptnavigation ul li.aktivgelb a {
						color:#E10003;
						text-decoration:none;
					}
	
	/* Inhalt */
	#inhalt {
		margin:0 0.6em;
	}
	
		/* Unternavigation */
		#unternavigation {
			float:left;
			width:16em;
		
		}
		
			#unternavigation ul {
				list-style-type:none;
				font-size:0.7em;
				margin:5.6em 0 0 0;
				padding:0;
			}
				#unternavigation ul li {
					background:#fff url(../images/layout/menu_deaktiv.gif) no-repeat 0 50% ;
					padding:0 0 0 17px;
					margin:0 0 0 0.5em;
					font-weight:bold;
					line-height:1.5;
				}
					#unternavigation ul li a {
						color:#002e44;
					}
					#unternavigation ul li.aktiv {
						background-image: url(../images/layout/menu_aktiv.gif);
					}
					#unternavigation ul li.aktiv a {
						color:#E10003;
						text-decoration:none;
					}
				
				/* Hauptteil */
				#hauptteil {
					float:left;
					width:30em;
				}
			
				#hauptteil_breit {
					float:left;
					width:44.5em;
				}
			
			        #hauptteil_blocksatz {
					float:left;
					width:30em;
					text-align: justify;
				}	

				/* bild */
				#bild {
					float:left;
					width:14.5em;
				}
				
					img.bild_rechts {
						margin:4em 0 0 0.5em;
						border:1px solid #bbb;
						
					}

				#seitentext {
					float:left;
					width:14.5em;
					font-size: 0.8em;
					margin-top: 8em;
					margin-left: 2em;
				}
	
	/* Footer */
	#footer {
		margin-top:4em;
	}
		#footer p {
			margin:2em 2em 1em 2em;
			font-size:0.65em;
			color:#666;
		}
		#footer a {
			color:#666;
			text-decoration:none;
		}

		/*forms*/
/*forms*/
#fieldset_form {

 margin: 1em;
 padding: 0 0 0 1em;
 font-size: 0.8em;
 border-top: 1px solid #c0c0c0;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #c0c0c0;
 text-align: left;


}

.left {
 float: left;
 text-align: left;
 width: 100%;
 margin: 0 0 0 0.5em;
}

.button {
 text-align: left;
 margin: 1em;
 padding: 0.2em;
 font-weight: bold;
}

.field {
border: 1px solid #cccccc;
background-color: #f0f0f0;
}

.button {
background-color: #f0f0f0;
}

.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}