@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 62.5%;
	background: url(../Bilder/BodyBG.png) #cac6c5 repeat-x; /* Hintergrundbild setzen */ 
	color: #414243;
}
html, body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
}
p, li, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1em;
}
.clear {
	clear: both;
	height: 0;
    font-size: 1px;
    line-height: 0px;
}
a img {
	border: none;
}
#Wrapper a{
	color: #414243;
	background-color: transparent;
	text-decoration: none;
}
#Wrapper a:hover {
	color: #414243;
	background-color: transparent;
	text-decoration: underline;
}

#Main a {
	color: #222;
	background-color: transparent;
}

	html, body {
		height: 100%; /* Um Prozentuale H�hen anzuwenden */
	}		
		
    #Wrapper {
		background-color: white;
		width: 96.1em;
		margin: 0 auto 2em auto;
		height: auto;
		border: 1px solid #2f2483;
		border-top: none;
	}
	
	/* --- Linke Leiste und Men� --- */
	
	#Navigation {
		width: 17.7em;
		height: 28.5em;
		background: url(../Bilder/LeftBarBG.png) repeat-x white;
		float: left;
		position: relative; /* Damit untermenuliste sich nicht am body orientiert */
		font-size: 1.1em;
		line-height: 1.55em;
	}
	.menu {
		padding-top: 5.5em;
	}
	.menu li {
		text-align: right;
		list-style-type: none;
		padding-right: 1.0em;
	}
	.menu a, .menu span {
		color: #414243;
		text-decoration: none;
	}
	.menu a:hover {
		text-decoration: underline;
	}
	.menu li.activ a, .menu span.activ {
		color: #2f2483;
	}
	.menu .submenu ul {
		display: none;
		width:100px;
	}
	.menu .submenu .display {
		display: block;
		position: absolute;
		left: 17.6em;
		padding-left: 1em;
		width:100px;
	}
	.menu .submenu .display li {
		text-align: left;
	}
	.menu:hover .display {
		display: none;
	}
	.menu .submenu:hover ul {
		display: block;
		position: absolute;
		left: 17.6em;
		padding-left: 1em;
	}
	
   	.menu .submenu:hover li {
		text-align: left;
	}
	
	
	/* --- Content und Header --- */
	
	#Content {
		width: 60.2em;
		padding: 3.5em 0 0 14.4em;
		float: left;
		background-color: white;
		border-left: 1px #2f2483 solid;
	}
	
	#Header {
		width: 60.2em;
	}
	.HomeBG {
		background: url(../Bilder/BG-Home.png) no-repeat white;
	}
	.uberunsBG {
		background: url(../Bilder/BG-ICM.png) no-repeat white;
	}
	.MittelstandBG {
		background: url(../Bilder/BG-Compliance.jpg) no-repeat white;
	}
	.PresseBG {
		background: url(../Bilder/BG-Presse.jpg) no-repeat white;
	}
	.AktuellBG {
		background: url(../Bilder/BG-Aktuell.jpg) no-repeat white;
	}
	.AktivitaetenBG {
		background: url(../Bilder/BG-Aktivitaet.png) no-repeat white;
	}
	.ImpressumBG {
		background: url(../Bilder/BG-Impressum.png) no-repeat white;
	}
	.KontaktBG {
		background: url(../Bilder/BG-Kontakt.png) no-repeat white;
	}
	#Header img {
		float: left;
		margin-top: 45px;
		margin-left: 50.0em;
	}
	
	/* --- Text --- */
	
	#Main {
		width: 45.6em;
		border-top: 1px #2f2483 solid;
		border-bottom: 1px #2f2483 solid;
		background-color: transparent;
		padding: 2.5em 0 4em 0;
	}
	
	h1 {
		font-size: 1.4em;
		font-weight: bold;
	}
	h1.normal {
		font-size: 1.1em;
		margin-bottom: 1.1em;
	}
	
	h1.normal2 {
		font-size: 1.1em;
		margin-bottom: 1.1em;
		width:100px;
	}
		
	h2 {
		font-weight: bold;
		font-size: 1.1em;
	}
	h2.normal {
		font-weight: normal;
	}
	h3 {
		font-size: 1.1em;
		font-style: italic;
	}
	p {
		font-size: 1.1em;
		line-height: 1.3em;
		margin-top: 1.1em;
		margin-bottom: 1.1em;
	}
	p.no-margin {
		margin-top: 0;
	}
	
	.portrait {
		border: 1px #2f2483 solid;
		float: right;
	}
	
	.portrait2 {
		border: 1px #2f2483 solid;
	}
	
	#Main ul {
		margin-top: 1.0em;
		margin-bottom: 1.1em; 
		margin-left: 2.0em;		
		color: #2f2483;
	}
	#Main ul li {
		font-size: 1.1em;
		line-height: 1.3em;
		list-style-type: circle;
		list-style-position: outside;
		padding-left: 0.25em;
	}
	#Main ul li span {
		color: #414243;
	}
	#Main ul li span a {
		color: #414243;
		text-decoration: none;
	}
	#Main ul li span a:hover {
		text-decoration: underline;
	}
	
	#Main .sprungmenu {
		margin: -1.2em 0 2.2em 0;
		padding: 0 0 1.3em 0;
		border-bottom: 1px #2f2483 solid;
	}
	#Main .sprungmenu li {		
		list-style-type: none;		
	}
	#Main .sprungmenu li a {
		color: #414243;
		text-decoration: none;
	}
	#Main .sprungmenu li a:hover{
		text-decoration: underline;
	}
	#Main .Ansprechpartner {
		color: #414243;
		margin-bottom: 1em;
		font-size: 1.1em;
		text-decoration: none;
		font-style: italic;
		float: right;
		margin: 0;
	}
	#Main .Ansprechpartner:hover {
		text-decoration: underline;
	}
	#Main .Ansprechpartner img {
		vertical-align: middle;
	}
	#Main .Ansprechpartner2 {
		color: #414243;
		font-size: 1.0em;
		text-decoration: none;
		font-weight:normal;
		font-style: italic;
		float: right;
	}
	#Main .Ansprechpartner2:hover {
		text-decoration: underline;
	}
	#Main .Ansprechpartner2 img {
		vertical-align: middle;
	}
	#Main .Ansprechpartner3 {
		color: #414243;
		text-decoration: none;
		font-weight:normal;
		font-size: 1.1em;
		line-height: 1.3em;
        padding-top:5px;
	}
	#Main .Ansprechpartner3:hover {
		text-decoration: underline;
	}
#Main .Ansprechpartner4 {
		color: #414243;
		text-decoration: none;
		font-weight:normal;
		line-height: 1.3em;
        padding-top:5px;
	}
	
	#Main .Onlineformular {
		color: #414243;
		margin-bottom: 1em;
		font-size: 1.1em;
		text-decoration: none;
	}
	#Main .Onlineformular:hover {
		text-decoration: underline;
	}
	#Main .Onlineformular img {
		vertical-align: middle;
	}
		
	.mail {
		text-decoration: none;
		color: #2f2483;
	}
	.mail:hover {
		text-decoration: underline;
		
	}
	
	
	/* Formular */
	
	form input[type|=radio] {
		display: inline;
		width: auto;
		background: none;
		border: none;	
	}
	form #titel, form #plz, form #ort {
		width: 6.8em;
	}
	form #fax {
		width: 14em;
	}
	
	form input {
		display: block;
		margin-bottom: 1.0em;
		width: 18.1em;
		background-color: #f3f3f3;
		border: 1px solid #2f2483;
	}
	form textarea {
		width: 28.2em;
		background-color: #f3f3f3;
		border: 0.1em solid #2f2483;
	}
	form #send {
		font-size: 1em;
		width: 7.6em;
		height: 2.4em;
		border: none;
		float: left;
		/* margin-right: -0.2em ;*/
		margin-top: 0.5em;
		
	}
	form .send {
		width: 32em;
		background-color: white;
		margin-bottom: 2.0em;
	}
	
	form .float1 {
		float: left;
		width: 9em;
	}
	form .float2 {
		float: left;
		width: 21.5em;
	}
	form label {
		font-size: 1.1em;
	}
	form p label {
		font-size: 1.0em;
	}
	
	form p.no-margin {
		margin: 0;
	}
	form #nope {
		border: none;		
	}
	.pflichtfelder {
		margin: 0.4em 0;
	}
		
		
	p.Impressum {
		font-size: 0.9em;
	}
	
	p .indent1 {
		padding-left: 1.4em;
	}
	p .indent2 {
		padding-left: 1.05em;
	}
	
	
	
	/* --- Bilder --- */
	.Seil {
	 	width: 45.7em;
		height: 21.1em;
		margin-bottom: 2em;
	}
	
	/* --- Sprunganker --- */
	
	.Jump {
		float: left;
		width: 45.6em;
	}
	.Jump a {
		color: #414243;
		text-decoration: none;
		float: right;
		width: auto;
		padding: 0.8em 0;
		margin-bottom: 1.5em;
	}
	.Jump img {
		vertical-align: middle;
		padding-left: 0.5em;
	}
	
	small {
		color: #2f2483;
		text-align: center;
		display: block;
		font-size: 1.0em;
		width: 100%;
		margin-bottom: 0.5em;
	}