/* CSS Document */

body {
    color:#7c7c7c;
	background-color:white;
    font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
    margin:0px;
	padding-top:3px;
}

img {
	border:0px;
}
img.social {
	border:#CCCCCC solid 1px;
	padding:3px;
}

/*########## Schatten Container ##########*/
.shadow1, .shadow2 {
	background-image:url('../images/shadow.png');
	background-position:bottom left;
	position:absolute;
    margin:0;
	padding:0;
}
.shadow1 { top:84px; left:5px; width:235px; }
.shadow2 { top:205px; left:834px; width:151px; }

/*########## Navigation ##########*/
div#Navigation {
    margin:0 0 7px 7px;
	padding:0;
	border:1px solid white;
	background-color:#f4f4f4;
}
div#Navigation h1, div#Navigation p.one {
	background-color:#3b9ad0;
	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 {
	color:#3b9ad0;
	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-image:url('../images/bg-navigation.gif');
	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-image:url('../images/li-arrow.gif');
	background-repeat:no-repeat;
	list-style:none;
	margin-left:15px;
	padding:3px 0px 3px 30px;
	line-height:19px;
}
ul.Navigation a, ul.Navigation a:link, ul.Navigation a:visited, ul.Navigation a:active {
	font-size:12px;
	text-decoration:none;
	color:#7c7c7c;
}
ul.Navigation a:hover {
	color:#54647c;
}

ul.SubNavigation {
	background-image:none;
	margin:0;
	padding:0;
}
ul.SubNavigation li {
	background-image:none;
	list-style:none;
	line-height:19px;
	margin-left:0px;
	padding:0px 0px 0px 0px;
}
*:not(hr) ul.SubNavigation li {
/* Änderungen gelten nur für den Firefox */
	margin-left:15px;
	padding:0px 0px 0px 30px;
}

ul.SubNavigation a, ul.SubNavigation a:link, ul.SubNavigation a:visited, ul.SubNavigation a:active {
	font-size:10px;
	text-decoration:none;
	color:#7c7c7c;
}
ul.SubNavigation a:hover {
	color:#54647c;
}

/*########## Info / News Box ##########*/
div#Info {
    margin:0 0 7px 7px;
	padding:0;
    border:1px solid white;
	background-color:#f4f4f4;
}
div#Info h1, div#Info p.one {
	background-color:#3b9ad0;
	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 {
	color:#3b9ad0;
	font-size:11px;
	margin:0px;
	padding:10px 5px 0px 8px;
}
	div#Info h2 a, div#Info p.two a {
		color:#3b9ad0;
	}
div.news-hr {
	height:2px;
	border:none;
	background-image: url('../images/hr-news.gif');
	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 {
	color:#3b9ad0;
}
.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;
}
	div#Inhalt a, div#Inhalt a:link, div#Inhalt a:visited, div#Inhalt a:active {
		text-decoration:underline;
		color:#3b9ad0;
	}
	div#Inhalt a:hover {
		color:#a77a32;
	}
div#Inhalt h1 {
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:13px 0 8px 0;
	line-height:22px;
	color:#3b9ad0;
}
div#Inhalt h2 {
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0px 0 15px 0;
}
div#Inhalt h3 {
	font-size:12px;
	font-weight:bold;
	color:#3b9ad0;
	margin:0;
	padding:0;
}
div#Inhalt p {
	font-size:12px;
	text-align:justify;
	margin:0;
	padding:0 0 6px 0;
}
	div#Inhalt p.anfordernLink {
		text-align:center;
	}
.ImageLeft {
	float:left;
	margin-right:10px;
}
.ImageRight {
	float:right;
	margin-left:10px;
}
div#Inhalt ul {
	margin-top:0px;
	margin-bottom:10px;
}
div#Inhalt li {
	list-style:disc;
	font-size:12px;
}
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.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 I.Explorer (Seiten-Hintergrundfarbe!) */
}
div#Inhalt .textInfoButton {
	float:right;
	text-align:center;
	font-size:12px;
}
	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;
	}
/*### Formular ###*/
div#FormHeader {
	height:60px;
	background-image:url('../images/Form-Header-bg.gif');
	background-repeat:none;
	padding-left:14px;
}
div#FormHeader h1 {
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding:10px 0 0 0;
}
div#FormHeader h2 {
	font-size:15px;
	font-weight:bold;
	color:#2e3949;
	margin-top:5px;
	padding:0;
}
form#FormKontakt, #FormKontakt {
	background-image:url('../images/Form-bg.gif');
	background-repeat:repeat-y;
}
div#FormText {
	font-size:10px;
	font-weight:normal;
	color:#7c7c7c;
	padding:10px 10px 10px 15px;
	width:250px;
	float:left;
}
div#FormFormular {
	padding:10px 5px 10px 5px;
}
div#FormFormular p, div#FormText p {
	font-size:10px;
	font-weight:normal;
	color:#7c7c7c;
	padding-right:10px;
}
div#FormFormular input, div#FormFormular select, div#FormFormular textarea {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7c7c7c;
	margin:3px 0px 3px 0px;
	padding:2px;
}
*:not(hr) div#FormFormular input, div#FormFormular select, div#FormFormular textarea {
/* Schatten der Formularfelder nur im Mozilla, alles andere grauer Rahmen */
	border:none;
	background-image:url('../images/Form-Field-bg.gif');
	background-repeat:no-repeat;
}
div#FormFormular ul {
	font-size:10px;
	font-weight:normal;
	color:#7c7c7c;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}
div#FormFormular li {
	margin-left:15px;
}
div#FormFooter {
	height:13px;
	background-image:url('../images/Form-Footer-bg.gif');
	background-repeat:none;
	margin-bottom:10px;
	clear:both;
}
div#FormFormular #SubmitButton {
	background-color:transparent;
	background-image:url('../images/submit.jpg');
	width:134px;
	height:28px;
	border:none;
	font-size:14px;
	font-weight:bold;
	color:#696969;
}
div#FormFormular #SubmitButton:hover, div#FormFormular #ResetButton:hover {
	cursor:pointer;
}
div#FormFormular #SubmitButton:hover, div#FormFormular #ResetButton:hover {
	color:#3b9ad0;
}
div#FormFormular #ResetButton {
	background-color:transparent;
	background-image:url('../images/reset.jpg');
	width:98px;
	height:22px;
	border:none;
	font-size:12px;
	font-weight:bold;
	color:#696969;
}
	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 .size10 { width:257px; }
	form#FormKontakt .size11 { width:265px; }
	form#FormKontakt .size12 { width:259px; }
		*:not(hr) form#FormKontakt .size10 { width:253px; }
		*:not(hr) form#FormKontakt .size11 { width:257px; }
		*:not(hr) form#FormKontakt .size12 { width:253px; }

/*########## Header ##########*/
div#Header {
	position:absolute;
	top:26px;
	left:180px;
	background-image:url('../images/header.jpg');
	background-position:bottom right;
	height:179px;
	width:743px;
	padding-left:77px;
}
div#Header h1, div#Header p.one {
	font-family:Tahoma, Verdana, Arial;
	font-weight:bold;
	font-size:30px;
	color:#3b9ad0;
	line-height:30px;
	text-transform:uppercase;
	padding:0px;
	margin:40px 0 10px 0;
}
div#Header h2, div#Header p.two {
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#959595;
	line-height:15px;
	padding-left:3px;
	margin:0px;
}

/*########## Footer ##########*/
div#Footer {
	background-image:url('../images/bg-footer.jpg');
	background-repeat:no-repeat;
	background-color:#ebebeb;
	font-size:10px;
	padding:8px 5px 5px 5px;
}
.Footer {
	float:left;
	padding-left:20px;
}
span.Green {
	color:#3b9ad0;
} 
span.Red {
	color:#CC3300;
} 
#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;
	text-decoration:none;
}
div#Footer a:hover {
	color:#404040;
}