/* CSS Document */
html, body {
	height:100%;
}

body {
	/*color:#7c7c7c;*/
	color:#636363;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	margin:0px;
}
img {
	border:0px;
}
img.social {
	border:#CCCCCC solid 1px;
	padding:3px;
}
a:hover, a:active, a:focus { outline:none; }


/*########## Schatten Container ##########*/
.shadow1, .shadow2, .shadow3 {
	background-position:bottom left;
	position:absolute;
    margin:0;
	padding:0;
}
.shadow1 { top:84px; left:5px; width:235px; }
.shadow2 { top:205px; left:834px; width:151px; }
.shadow3 { top:206px; left:985px; width:120px; font-size:9px; }

/*########## Navigation ##########*/
div#Navigation {
    margin:0 0 7px 7px;
	padding:0;
	border:1px solid #cccccc;
	background-color:#f4f4f4;
}
div#Navigation h1, div#Navigation p.one {
	color:white;
	font-size:12px;
	font-weight:bold;
	display:block;
	line-height:30px;
	padding:0px 5px 0px 12px;
	margin:0px;
}
div#Navigation h2, div#Navigation p.two {
	font-size:11px;
	margin:0px;
	padding-left:5px;
	padding:0px 5px 0px 12px;
}
div#Navigation p {
    font-size:10px;
	padding:0px 5px 0px 12px;
}
div#Navigation img {
	border:none;
	margin:0px;
	padding:0px;
}

ul.Navigation {
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-size:12px;
	border-top:#f1f1f1 solid 1px;
	border-bottom:#FFFFFF solid 1px;
}
	ul.Navigation li {
		background-repeat:no-repeat;
		background-position:0px 1px;
		list-style:none;
		/*margin-left:15px;
		padding:3px 0px 3px 30px;*/
		margin-left:12px;
		padding:3px 0px 3px 25px;
		line-height:19px;
		cursor:default;
	}
	ul.Navigation a, ul.Navigation a:link, ul.Navigation a:visited, ul.Navigation a:active {
		text-decoration:none;
		/*color:#7c7c7c;*/
		color:#636363;
	}
	ul.Navigation li ul {
		display:none;
	}
		ul.Navigation li:hover ul {
			display:block;
		}

ul.Navigation li ul {
	background-image:none;
	margin:0;
	padding:0;
}
	ul.Navigation li ul li {
		background-image:none;
		list-style:none;
		line-height:19px;
		margin-left:0px;
		padding:0px 0px 0px 0px;
		font-size:10px;
	}

/*########## Info / News Box ##########*/
div#Info {
    margin:0 0 7px 7px;
	padding:0;
    border:1px solid #cccccc;
	background-color:#f4f4f4;
}
div#Info h1, div#Info p.one {
	color:white;
	font-size:12px;
	font-weight:bold;
	display:block;
	line-height:30px;
	padding:0px 5px 0px 8px;
	margin:0px;
}
div#Info h2, div#Info p.two {
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:10px 5px 0px 8px;
}
	div#Info h2 a, div#Info p.two a {
		text-decoration:none;
	}
div.news-hr {
	height:2px;
	border:none;
	background-position:right;
	background-repeat:no-repeat;
	margin-bottom:0px;
}
div.news-hr hr {
	display:none;
}
div#Info p {
    font-size:10px;
	padding:0px 5px 8px 8px;
	margin:0;
}
a.Info, a.Info:link, a.Info:visited, a.Info:active {
	color:#404040;
	text-decoration:none;
}
	a.Info:hover {
	}
.socialBookmarking {
	background-color:#ececec;
}

/*########## Wrapper ##########*/
div#Wrapper {
	position:absolute;
	top:205px;
	left:219px;
	width:641px;
	background-color:#f4f4f4;
	margin-bottom:20px;
}

/*########## Inhalt ##########*/
div#Inhalt {
	padding-left:40px;
	padding-right:30px;
    border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div#Inhalt a, div#Inhalt a:link, div#Inhalt a:visited, div#Inhalt a:active {
	/*text-decoration:underline;*/
}
	div#Inhalt a:hover {
	}
div#Inhalt a.linkToOtherSite, div#Inhalt a.linkToOtherSite:link, div#Inhalt a.linkToOtherSite:visited, div#Inhalt a.linkToOtherSite:active {
	text-decoration:none;
	font-weight:bold;
	/*color:#7c7c7c;*/
	color:#636363;
}
	div#Inhalt a.linkToOtherSite:hover {
		/*color:#7c7c7c;*/
		color:#636363;
	}
div#Inhalt h1 {
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:13px 0 8px 0;
	line-height:22px;
}
div#Inhalt h2 {
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0px 0 15px 0;
}
	div#Inhalt h2 a {
		text-decoration:none;
	}
div#Inhalt h3 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}
div#Inhalt p {
	font-size:12px;
	text-align:left;
	margin:0;
	padding:0 0 10px 0;
}
	div#Inhalt p.anfordernLink {
		text-align:center;
	}
	div#Inhalt p.eingerueckt {
		margin-left:20px;
	}
div#Inhalt ul, div#Inhalt ol {
	margin-top:0px;
	margin-bottom:10px;
	font-size:12px;
}
	div#Inhalt ul li {
		list-style:disc;
	}
div#Inhalt table {
	width:100%;
	font-size:12px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
div#Inhalt th {
	font-size:12px;
	text-align:left;
}
div#Inhalt th, div#Inhalt td {
	border-bottom:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
}
	table#Portale {
		width:100%;
		font-size:12px;
		margin-bottom:10px;
		background-color:#f4f4f4;
	}
	table#Portale td, table#Portale th {
		background-color:#f4f4f4;
		border-bottom:none;
		border-right:none;
		vertical-align:top;
	}
	table#Portale p {
		margin-right:25px;
		text-align:left;
	}
div.beispiel {
	border:#CCCCCC solid 1px;
	padding:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
	div.beispiel table tr td.zahl {
		text-align:right;
		padding-right:10px;
	}
	img.pdfPreview, img.lightboxPreviewRahmen {
		border:#CCCCCC 1px solid;
	}
div.hervorgehoben {
	border:#CCCCCC solid 1px;
	padding:10px 10px 0px 10px;
	margin-bottom:10px;
}
	div#Inhalt div.hervorgehoben table {
		background:none;
		color:#FFF;
		margin:0px;
		padding:0px;
	}
	div#Inhalt div.hervorgehoben table tr td {
		border:none;
	}


/*### MooTools ToolTips ###*/
.tool-tip {
	color: #000;
	width:200px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


/*### Liste mit Spiegelungen zur Darstellung von mehreren Logos ###*/
div.auflistung {
	border:none;
	margin-bottom:10px;
}
	div.auflistung table {
		width:100%;
		font-size:11px;
		text-align:left;
		margin-bottom:10px;
	}
	div#Inhalt div.auflistung tr.auflistung {
		outline:#ffffff solid 1px;
	}
	div#Inhalt div.auflistung th, div#Inhalt div.auflistung td {
		/*width:33%;*/
		border:none;
	}
	div#Inhalt div.auflistung th {
		background-color:#f4f4f4;
		padding-left:10px;
	}
	div#Inhalt div.auflistung td {
		background-repeat:repeat-x;
		background-color:#e7e7e7;
		padding:5px 5px 15px 10px;
		border-right:#d3d3d3 solid 1px;
	}
	div#Inhalt div.auflistung td.auflistung {
		border-right:none;
	}

div.small {
	font-size:9px;
}
div#Inhalt hr {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #f4f4f4; /* Für IE (Seiten-Hintergrundfarbe!) */
}
a.mb img, img.lightboxPreview, img.lightboxPreviewRahmen {
	margin-left:10px;
	margin-bottom:5px;
	float:right;
}
img.lightboxPreviewLeft {
	margin-right:10px;
	margin-bottom:5px;
	float:left;
}
div#Inhalt .textInfoButton {
	float:right;
	text-align:center;
	font-size:12px;
	margin-left:15px;
}
	div#Inhalt a.textInfoButton, 
	div#Inhalt a.textInfoButton:link, 
	div#Inhalt a.textInfoButton:visited, 
	div#Inhalt a.textInfoButton:active, 
	div#Inhalt a.textInfoButton:hover {
		text-decoration:none;
	}
div.googleAdSense {
	border-top:#DDDDDD solid 1px;
	border-bottom:#DDDDDD solid 1px;
	padding-left:50px;
	margin-top:10px;
	margin-bottom:15px;
}

/*### Formular ###*/
div#FormHeader {
	height:60px;
	background-repeat:no-repeat;
	padding-left:14px;
}
div#FormHeader h1 {
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:10px 0 0 0;
}
div#FormHeader h2 {
	font-size:15px;
	font-weight:bold;
	margin-top:5px;
	padding:0;
}
form#FormKontakt, #FormKontakt {
	background-repeat:repeat-y;
}
div#FormText {
	font-size:10px;
	font-weight:normal;
	/*color:#7c7c7c;*/
	color:#636363;
	padding:10px 10px 10px 15px;
	width:250px;
	float:left;
	min-height:200px;
}
div#FormFormular {
	padding:10px 5px 10px 5px;
}
form.searchForm {
	margin:5px 0px 10px 10px;
}
div#FormFormular p, div#FormText p {
	font-size:10px;
	font-weight:normal;
	/*color:#7c7c7c;*/
	color:#636363;
	padding-right:10px;
}
div#FormFormular ul li, div#FormText ul li {
	margin-left:285px;
}
div#FormFormular input, div#FormFormular select, div#FormFormular textarea, 
form.searchForm input, form.searchForm select, form.searchForm textarea, 
input, select, textarea {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*color:#7c7c7c;*/
	color:#636363;
	margin:3px 0px 3px 0px;
	padding:2px;
}
	form.searchForm input, form.searchForm select, form.searchForm textarea {
		margin:3px 0px 0px 0px;
	}
*:not(hr) div#FormFormular input, div#FormFormular select, div#FormFormular textarea, 
*:not(hr) input, select, textarea, 
*:not(hr) form.searchForm input, form.searchForm select, form.searchForm textarea {
/* Schatten der Formularfelder nur im Mozilla, alles andere grauer Rahmen */
	border:none;
	background-repeat:no-repeat;
}

div#FormFormular ul {
	font-size:10px;
	font-weight:normal;
	/*color:#7c7c7c;*/
	color:#636363;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}
div#FormFormular li {
	margin-left:15px;
}
div#FormFooter {
	height:13px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	clear:both;
}
#SubmitButton, div#FormFormular #SubmitButton, #Inhalt form#vergleich #absenden {
	background-color:transparent;
	width:134px;
	height:28px;
	border:none;
	font-size:14px;
	font-weight:bold;
	color:#696969;
}
#ResetButton, div#FormFormular #ResetButton {
	background-color:transparent;
	width:98px;
	height:22px;
	border:none;
	font-size:12px;
	font-weight:bold;
	color:#696969;
}
	#SubmitButton:hover, #ResetButton:hover, div#FormFormular #SubmitButton:hover, div#FormFormular #ResetButton:hover, #Inhalt form#vergleich #absenden {
		cursor:pointer;
	}

#SubmitSearchButton, #SubmitNewsletter {
	background-color:transparent;
	width:83px;
	height:22px;
	border:none;
	font-size:14px;
	font-weight:bold;
}
*:not(hr) #SubmitSearchButton, *:not(hr) #SubmitNewsletter {
	padding-top:0px;
	margin-top:0px;
}
	#SubmitSearchButton:hover, #SubmitNewsletter:hover {
		cursor:pointer;
	}

form#FormKontakt .size1 { width:63px; }
form#FormKontakt .size2 { width:85px; }
form#FormKontakt .size5 { width:120px; }
form#FormKontakt .size6 { width:121px; }
form#FormKontakt .size8 { width:156px; }
form#FormKontakt .size9 { width:164px; }
form#FormKontakt .size10 { width:257px; }
form#FormKontakt .size11 { width:265px; }
form#FormKontakt .size12 { width:259px; }
	*:not(hr) form#FormKontakt .size9 { width:160px; }
	*:not(hr) form#FormKontakt .size10 { width:253px; }
	*:not(hr) form#FormKontakt .size11 { width:257px; }
	*:not(hr) form#FormKontakt .size12 { width:253px; }

/*### Formular Girl ###*/
#leadFormular {
	margin:20px 0px;
}
.formularHeader {
}
	.formularHeader img {
		border:none;
		display:block;
	}
.formularContent {
}
.formularInhalt {
	min-width:572px;
	min-height:323px;
	padding-top:10px;
}
.formularInhalt label, .formularInhalt div.formAbsatz {
	width:120px;
	display:block;
	font-size:11px;
	float:left;
	color:#000000;
	margin-left:30px;
	padding:0px;
}
	div.formularInhalt div.formAbsatz {
		width:auto;
		float:none;
		margin-top:5px;
		margin-bottom:10px;
	}
*:not(hr) .formularInhalt label, *:not(hr) .formularInhalt div.formAbsatz {
	padding:4px 0px;
}
div#Inhalt div.formularInhalt p {
	color:#000;
	font-size:11px;
	margin-left:30px;
}
.formularInhalt input, .formularInhalt select {
	background-image:none;
	margin:0px;
	padding:0px;
	float:left;
	display:block;
}
*:not(hr) .formularInhalt input, *:not(hr) .formularInhalt select {
}
	.formularInhalt input {
		width:110px;
		height:14px;
		margin-right:10px;
		padding-top:1px;
		padding-left:5px;
	}
	*:not(hr) .formularInhalt input {
		height:19px;
		margin-right:3px;
		padding-top:5px;
		padding-left:5px;
	}
	.formularInhalt input.datenschutz, #FormKontakt input.datenschutz {
		width:inherit;
		margin-right:10px;
	}
	.formularInhalt input.hidden {
		display:none;
	}
	.formularInhalt select {
		margin-bottom:0px;
		padding:4px 0px 5px 0px;
	}
	.formularInhalt #SubmitButton {
		width:200px;
		height:31px;
		font-size:12px;
		font-weight:normal;
		color:#000000;
		margin:20px 0px 20px 0px;
		padding:0px;
	}
	*:not(hr) .formularInhalt #SubmitButton {
		margin:20px 0px 0px 0px;
	}
div.clear {
	clear:both;
	height:7px;
}
*:not(hr) div.clear {
	height:3px;
}
div.clearTall {
	clear:both;
	height:17px;
}
*:not(hr) div.clearTall {
	height:10px;
}
.formularFooter {
	padding-top:5px;
	text-align:center;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}
	.formularFooter a {
		font-weight:bold;
	}

/*########## Header ##########*/
div#Header {
	position:absolute;
}
div#Header h1, div#Header p.one {
	font-family:Tahoma, Verdana, Arial;
	font-weight:bold;
	text-transform:uppercase;
}
div#Header h2, div#Header p.two {
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	padding-left:3px;
	margin:0px;
}

/*########## Footer ##########*/
div#Footer {
	background-repeat:no-repeat;
	font-size:10px;
	padding:8px 5px 5px 5px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.Footer {
	float:left;
	padding-left:20px;
}
#FooterWhite {
	background-color:#FFFFFF;
	height:20px;
}
div#Footer ul {
	text-align:right;
	margin:0;
	padding:0;
	padding-right:20px;
}
div#Footer li {
	display:inline;
}
div#Footer a, div#Footer a:link, div#Footer a:visited, div#Footer a:active {
	/*color:#7c7c7c;*/
	color:#636363;
	text-decoration:none;
}
div#Footer a:hover {
	color:#404040;
}

div#FooterSatz a, div#FooterSatz a:link, div#FooterSatz a:visited, div#FooterSatz a:active {
	text-decoration:underline;
}
	div#FooterSatz a:hover {
	}