﻿/* ---------- tags ---------- */
html {
/*\*/
	height: 100%;
	width: 100%;
/**/
}

body 	{
	margin: 0px;
	padding: 0px;
/*\*/
	width: 100%;
	height: 100%;
/**/
	text-align:center;
	background-color: #284678; 
	font-family: Arial, Helvetica, sans-serif;
}

a {color:#3c3c3c; text-decoration: underline}

p, li, td, th {
	font-size: 12px;
	color: #3c3c3c;
}

h1 {
	font-size: 18px;
	font-weight:normal;
	color: #284678;
}

h2 {
	font-size: 14px;
	font-weight:bold;
	color: #3c3c3c;
}

h3 {
	font-size: 12px;
	font-weight:bold;
	color: #3c3c3c;
}

/* ------------- IDs ------------- */

#container {
	width: 940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	padding: 0px 20px 0 20px;
	background-color: #fff;
}

#spacer {
	width: 940px;
	height: 20px;
}

#logo {
	width: 210px;
	height: 145px;
	top: 45px;
	left: 20px;
	position: absolute;
}

#sprache {
	width: 210px;
	height: 15px;
	top: 225px;
	left: 20px;
	position: absolute;
	font-size: 11px;
	color: #3c3c3c;
}

#sprache a {
	text-decoration: none;
}

#sprache a:hover {
	text-decoration: underline;
}

#navtop {
	width: 730px;
	height: 25px;
	margin-left: 210px;
	background-color: #dadfe9;
	position:relative;
}

#themenbild {
	width: 730px;
	height: 180px;
	margin-left: 210px;
	background-color: #dadfe9;
	position:relative;
}

#nav1 {
	width: 730px;
	height: 30px;
	margin-left: 210px;
	background-image:url(../images/hg_nav1a.gif);
	background-repeat: repeat-x;
	position: relative;
}

#center {
	width:940px;
	position: relative;
	margin-top:-5px;
	clear: left;
}

#nav2 {
	float: left;
	width: 210px;
	display: block;
}

#main {
	width: 490px;
	margin-left: 245px;
	padding: 27px 0px 30px 0px;
	display: block;
}

#right {
	float: right;
	width: 170px;
	display: block;
	margin-top:20px;
}

#dival {
	width: 170px;
	background-color: #dcdcdc;
	color: #5a5a5a;
}

#dival h1 {
	font-size: 11px;
	color: #fff;
	width: 150px;
	padding: 2px 10px;
	margin: 0px;
	border-bottom: 1px solid #fff;
	background-color: #969696;
}

#dival img {
	border-bottom: 1px solid #fff;
}

#dival p {
	padding: 10px;
	margin-top: 0px;
	font-size: 11px;
}

#dival a { color: #5a5a5a; text-decoration: none; }
#dival a:hover { text-decoration: underline; }

#dival h1 a { color: #fff; text-decoration: none; }
#dival h1 a:hover { color: #5a5a5a; text-decoration: none; }

#suchen label {
	font-size: 11px;
	color: #5a5a5a;
}

#suchen input {
	width: 140px;
	height: 17px;
	border: 1px solid #a0a0a0;
}

#suchen #suchenbtn {
	width: 21px;
	height: 21px;
	border: none;
	padding-bottom: 1px;
}

#stopfloater {
	clear: both;
	height:1px;
	padding-bottom: 55px;
}

#footer {
	height: 45px;
	width: 980px;
	background-image:url(../images/hg_footer.gif);
	background-repeat: no-repeat;
	margin-top: -45px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#standorte {
	padding: 6px 0px 0px 30px
}

#standorte a { 
	font-size: 11px;
	color: #5a5a5a;
	text-decoration: none; 
}

#standorte a:hover { text-decoration: underline; }

#wechsel {
	float: right;
	padding-right: 20px;
}



/* --- Navi--- */

#navtop ul {
	margin: 0 0 0 370px;
	padding: 6px 0px 0px 0px;
	height: 19px;
}

#navtop li {
	list-style: none;
	display: inline;
	float: left;
	padding: 0px 7px;
	border-left: 1px solid #5a5a5a;
}

#navtop li.first {
	border-left: none;
}

#navtop li a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: #3c3c3c;
	text-transform: uppercase;
}

#navtop li a:hover {
	text-decoration: underline;
}

/*---- Nav 1 --- */

#nav1 ul {
	margin: 0px;
	padding: 0px;
}

#nav1 li {
	list-style: none;
	display: inline;
	float: left;
	border-right: 1px solid #fff;
}

#nav1 li a {
	display: inline;
	float: left;
	height: 24px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding: 6px 20px 0px 20px;
}

#nav1 li a.nav1a {
	background-image:url(../images/hg_nav1a.gif);
	background-repeat: repeat-x;
}

#nav1 li a.nav1a:hover {
	background-image:url(../images/hg_nav1b.gif);
	background-repeat: repeat-x;
}

#nav1 li a.nav1b {
	background-image:url(../images/hg_nav1b.gif);
	background-repeat: repeat-x;
}

/* --- Nav 2  --- */

#nav2 ul {
	margin: -5px 0 0 0;
	padding: 6px 0 0 0;
	background-image:url(../images/hg_nav2_ul.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 5px solid #c8c8c8;
}

* html #nav2 ul {
	margin: 0 0 0 0;
	padding: 6px 0 0 0;
	background-image:url(../images/hg_nav2_ul.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 5px solid #c8c8c8;
}

*+html #nav2 ul {
	margin: 0 0 0 0;
	padding: 6px 0 0 0;
	background-image:url(../images/hg_nav2_ul.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 5px solid #c8c8c8;
}


#nav2 li {
	display: block;
	list-style: none;
	font-size: 12px;
	border-bottom: 1px solid #fff;
}

#nav2 li.nav2b {
	background-color: #284678;
}

#nav2 li a {
	text-decoration:none;
	width: 180px;
	display: block;
	padding: 6px 0 5px 30px;
}

#nav2 li a.nav2a {
	background-image:url(../images/hg_nav2a.gif);
	background-position: left top;
	color: #284678;
}

#nav2 li a.nav2a:hover {
	background-image:url(../images/hg_nav2b.gif);
	background-position: left top;
	color: #fff;
}

#nav2 li a.nav2b {
	background-image:url(../images/hg_nav2b.gif);
	background-position: left top;
	color: #fff;
}

/* --- Nav 3 --- */

#nav2 ul ul {
	margin: 0px 0px -1px 30px;
	padding: 0px;
	background-image:none;
	border: none;
}

#nav2 li li {
	font-size: 11px;
}

#nav2 li li a {
	width: 180px;
	padding: 3px 0 3px 0;
}

#nav2 li li a.nav2a {
	background: none;
	color: #fff;
}

#nav2 li li a.nav2a:hover {
	color: #a0a0a0;
	background: none;
}

#nav2 li li a.nav2b {
	background: none;
	color: #a0a0a0;
}


/* typo */

.titel {
	font-size: 18px;
	font-weight:normal;
	color: #284678;
}

.titelkl {
	font-size: 14px;
	font-weight:bold;
	color: #3c3c3c;
}

.text {
	font-size: 12px;
	color: #3c3c3c;
}

.textkl {
	font-size: 11px;
	color: #3c3c3c;
}

/* ---------- Suche -------------*/
#pagenav {
  float:right;
  text-align:right;
  font-size:12px;
  font-weight:bold;
  color: #284678;
}

#pagenav a {
  color: #284678;
}
/* ---------- Formular ---------- */


#kontaktform fieldset {
	border:none;
	margin: 0px;
	padding: 0px;
}

#kontaktform legend {
	margin: 0px !important;
	margin: 0px 0px 0px -8px; /* nur für den IE */
	padding: 0px;
	font-size: 18px;
	font-weight:normal;
	color: #969696;
}

#kontaktform label {
	font-size: 12px;
	color: #000000;
	width: 100px;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
}

#kontaktform input {
	width: 250px;
	padding: 2px;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	color: #000000;
	border:1px solid #000000;
	background:#FFFFFF;
}

#kontaktform textarea {
	width: 250px;
	padding: 2px;
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	color: #000000;
	border:1px solid #000000;
	background:#FFFFFF;
}

#kontaktform .submit {
	display: block;
	width: 255px;
	height: 20px;
	background: #284678;
	color: #fff;
	font-size: 12px;
	margin: 5px 0px 0px 106px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding-top: 3px;
}

