@import url("base.css");

a, a:visited
{
	color: #336699;
	text-decoration: none;
}

a:hover
{
	color: #336699;
	text-decoration: underline;
}

body, input, select, textarea, p
{
	font-family: Arial;
	color: #787A7D;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
}


/*** STRUCTURE ***/

.bodybg
{
	background-repeat: repeat-x;
	background-color: #ffffff;
}

.structuretable
{
	width: 976px;
}

.structurecell
{
	height: 100%;
	padding-right: 14px;
	padding-left: 14px;
}

.headertable
{
	width: 975px;
	background-image: url(../images/headerbg_alt.png);
	background-repeat: no-repeat;
}

.greyBox
{
	background-color: #f2f2f2;
}
.image_left_grey
{
	float: left;
	padding-right: 15px;
	padding-left: 0;
	padding-bottom: 5px;
	padding-top: 0;
}
.image_left_grey img
{
	background-image: none !important;
	padding: 0 !important;
	border: none !important;
}
.homeimage
{
	float: left;
	height: 90px;
}
.search
{
	/*float: left;*/
	margin-bottom: 10px;
	margin-left: 740px; /*margin-top: 10px;*/
}
.homeimage img /***Logo Position***/
{
	margin-left: 740px;
	padding-top: 15px;
	width: 233px;
}

.headertoptable
{
	margin-top: 10px;
	margin-right: 15px;
}

.headertoptable td
{
	padding-bottom: 10px;
	padding-left: 14px;
	vertical-align: middle;
}

input.searchinput
{
	height: 17px;
	padding-top: 4px;
	padding-left: 5px;
	color: #646464;
	border: 0;
	width: 195px;
	font-size: 12px;
	vertical-align: middle;
	background-color:#FFFDD7;
}
.searchbutton
{
	width: 22px;
	height: 22px;
	border: 0px;
	background-image: url(../images/search.gif);
}

.headeremail
{
	background-image: url(../images/email.gif);
	background-position: 14px top;
	background-repeat: no-repeat;
	color: white;
	padding-top: 2px;
}

.headeremail a
{
	color: #262626;
}

.headeremail a, .headeremail a:visited, .headeremail a:hover
{
	padding-left: 6px;
	text-decoration: none;
}

.topnavigation
{
	height: 35px;
	background-image: url(../images/top_navigat.png);
	background-repeat: no-repeat;
	color: #ffffff;
}

.topnavigationcontainer
{
	position: relative;
	float: left;
	height: 35px;
}

.navigationdistance
{
	width: 4px;
	float: left;
}

.contentarea
{
	width: 967px;
	height: 200px;
	background-image: url(../images/content_bg_main.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-left: 4px;
}

.topdistance
{
	height: 27px;
	background-image: url(../images/top.png);
}

.navigation
{
	width: 240px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 25;
}

.editcontent
{
	width: 660px;
	height: 380px;
	background-color: transparent;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 50px;
	color: #646464;
	border-right: solid 1px #e5e5e5;
	border-left: solid 1px #e5e5e5;
}

.editcontent img
{
	background: url(../images/shadow.gif) no-repeat right bottom;
	padding: 4px 10px 10px 4px;
	border: #eee 1px solid;
	border-right: none;
	border-bottom: none;
}

.homecontent img
{
	background: url(../images/shadow.gif) no-repeat right bottom;
	padding: 4px 10px 10px 4px;
	border: #eee 1px solid;
	border-right: none;
	border-bottom: none;
}
.editcontent a
{
	color: #336699;
}
.homecontent a
{
	color: #336699;
}
.key img
{
	background: url(../images/shadow.gif) no-repeat right bottom;
	padding: 4px 10px 10px 4px;
	border: #eee 1px solid;
	border-right: none;
	border-bottom: none;
}
.actiontable img
{
	background-image: none;
	padding: 0;
	border: none;
}

.locatortable img
{
	background-image: none;
	padding: 0;
	border: none;
}

.editcontent table, .editcontent a, .editcontent a:visited, .editcontent a:active, .editcontent a:hover
{
	color: #336699;
}
.homecontent table, .homecontent a, .homecontent a:visited, .homecontent a:active, .homecontent a:hover
{
	color: #336699;
}
.editcontent b, .editcontent strong
{
	color: #262626;
}


.locatortable a, .locatortable a:visited, .locatortable a:active
{
	color: #262626;
	text-align: left;
	text-decoration: none;
}

.locatortable a:hover
{
	text-decoration: none;
	text-align: left;
}

.locatortable a.highlightunderline, .locatortable a.highlightunderline:visited, .locatortable a.highlightunderline:active, .locatortable a.highlightunderline:hover
{
	color: #336699;
	text-decoration: none;
}

.locatordistance
{
	height: 9px;
	line-height: 9px;
}

.key
{
	width: 210px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
	background-image: url(../images/content_bg_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.key2
{
	width: 210px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
	background-image: url(../images/content_bg_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.key table, .key table a, .key table a:active, .key table a:visited, .key table a:hover, .key2 table, .key2 table a, .key2 table a:active, .key2 table a:visited, .key2 table a:hover
{
	text-decoration: none;
}

.searchdetailtable
{
	width: 100%;
}

.searchtable, .searchtable a, .searchtable a:active, .searchtable a:visited, .searchtable a:hover
{
	line-height: 12px;
	font-size: 9px;
	text-decoration: none;
}

.searchdetailtable td
{
	padding-top: 5px;
	padding-bottom: 1px;
}

.bottomdistance
{
	height: 1px;
	background-color: transparent;
}

.footer
{
	width: 975px;
	font-size: 10px;
	font-family: Arial;
	background-image: url(../images/footerbg.png);
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: baseline;
	color: #9e9e9e;
	line-height: 16px;
	height: 100px;
	margin-bottom: 5px;
}

.copyright
{
	padding-left: 20px;
	padding-top: 14px;
}

.footernavigation
{
	text-align: right;
	padding-right: 20px;
	padding-top: 14px;
}

.footer a, .footer a:visited, .footer a:active
{
	vertical-align: baseline;
	color: #9e9e9e;
	line-height: 16px;
	text-decoration: none;
}

.footer a:hover
{
	color: #336699;
}

.footer a.active, .footer a.active:visited, .footer a.active:hover, .footer a.active:active
{
	vertical-align: baseline;
	line-height: 16px;
}
.ganz
{
    Width: 270px;
}
.halb
{
    width:130px;
}

.css_email
{
    width: 270px;
    margin-bottom:5px;
}
.css_stadt
{
    width:226px;
}

/* STYLES */

.error
{
	color: #FF0000;
}

h1, .pagetitle
{
	font-weight: bold;
	font-size: 16px;
	color: #336699;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	margin: 0;
}

h2, .subtitle
{
	font-weight: bold;
	font-size: 12px;
	color: #262626;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin: 0;
}
h3
{
	font-weight: bold;
	font-size: 12px;
	color: #262626;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	margin: 0;
}
h4
{
	font-weight:normal
	font-size: 12px;
	color: #262626;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	margin: 0;
}
h5
{
	font-weight:normal
	font-size: 11px;
	color: #262626;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	margin: 0;
}
.headline
{
	font-weight: bold;
	vertical-align: bottom;
	color: #262626;
	height: 17px;
}

.highlight
{
	color: #336699;
}


/* NAVIGATION */

.firstlevel, .firstlevel a, .firstlevel a:visited, .firstlevel a:active
{
	padding-right: 10px;
	padding-left: 10px;
	line-height: 35px;
	height: 35px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: White !important;
	font-size: 11px !important;
	text-align: center;
}

.firstlevel .active, .firstlevel .active a, .firstlevel .active a:visited, .firstlevel .active a:active
{
	padding-right: 10px;
	padding-left: 10px;
	background-color: white;
	line-height: 35px;
	height: 35px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color: #262626 !important;
	font-size: 11px !important;
	white-space: nowrap;
	text-align: center;
}

a.firstlevel, .firstlevel .darkblue .green .orange .red .yellow
{
	text-decoration: none;
}

.blue:hover, .blue_active
{
	background: url(      "../images/color/img_blue.jpg" ) repeat-x scroll center top transparent;
}
.darkblue:hover, .darkblue_active
{
	background: url(      "../images/color/img_darkblue.jpg" ) repeat-x scroll center top transparent;
}
.green:hover, .green_active
{
	background: url(      "../images/color/img_green.jpg" ) repeat-x scroll center top transparent;
}
.orange:hover, .orange_active
{
	background: url(      "../images/color/img_orange.jpg" ) repeat-x scroll center top transparent;
}
.purple:hover, .purple_active
{
	background: url(      "../images/color/img_purple.jpg" ) repeat-x scroll center top transparent;
}
.red:hover, .red_active
{
	background: url(      "../images/color/img_red.jpg" ) repeat-x scroll center top transparent;
}
.yellow:hover, .yellow_active
{
	background: url(      "../images/color/img_yellow.jpg" ) repeat-x scroll center top transparent;
}
/*WB Farben*/
.darkmarine:hover, .darkmarine_active
{
	background: url(      "../images/color/darkmarine.jpg" ) repeat-x scroll center top transparent;
}
.darkcreme:hover, .darkcreme_active
{
	background: url(      "../images/color/darkcreme.jpg" ) repeat-x scroll center top transparent;
}
.darkgreen:hover, .darkgreen_active
{
	background: url(      "../images/color/darkgreen.jpg" ) repeat-x scroll center top transparent;
}
.darkorange:hover, .darkorange_active
{
	background: url(      "../images/color/darkorange.jpg" ) repeat-x scroll center top transparent;
}
.darkrose:hover, .darkrose_active
{
	background: url(      "../images/color/darkrose.jpg" ) repeat-x scroll center top transparent;
}
.darkyellow:hover, .darkyellow_active
{
	background: url(      "../images/color/darkyellow.jpg" ) repeat-x scroll center top transparent;
}

.secondlevelcontainer
{
	position: absolute;
	top: auto;
	color: #333;
	display: none;
	z-index: 99;
	width: 250px;
	border: solid 1px #CCCCCC;
	background-color: #F8FAFC;
}

.thirdleveltopcontainer, .thirdlevelcontainer
{
	z-index: 99;
	position: absolute;
	display: none;
	width: 200px;
	background-color: #F1F1F1; /*border: solid 1px #CCCCCC;*/
}
.leftthirdlevelcontainer
{
	/*border: 1px solid #ccc;*/
	display: none; /*padding: 3;*/ /*background-color: #ccc;*/
}
.thirdleveltopcontainer
{
	left: 200px; /**border-top: solid 1px #FFFFFF; **/
}

.thirdlevelcontainer, .leftthirdlevelcontainer
{
	/**border-top: solid 1px #CCCCCC;  **/
}

.thirdlevelcontainer
{
	left: 200px;
}

.leftthirdlevelcontainer a
{
	line-height: 16px;
}

a.secondlevel, a.secondlevel:visited, a.secondlevel:active, a.secondlevelchildren, a.secondlevelchildren:visited, a.secondlevelchildren:active
{
	background-color: #F8FAFC;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	display: block;
	text-decoration: none;
	border: none;
	height: auto;
	text-transform: none;
}
a.thirdlevel, a.thirdlevel:visited, a.thirdlevel:active, a.leftthirdlevel, a.leftthirdlevel:visited, a.leftthirdlevel:active
{
	/*background-color: #f1f1f1;*/
	color: #333;
	line-height: 1.5em;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	display: block;
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
	height: auto;
	text-transform: none;
}

a.secondlevel:hover, a.secondlevel_active, a.secondlevel_active:visited, a.secondlevel_active:active, a.secondlevel_active:hover, a.secondlevelchildren:hover, a.secondlevelchildren_active, a.secondlevelchildren_active:visited, a.secondlevelchildren_active:active, a.secondlevelchildren_active:hover
{
	color: #336699;
	background-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	text-decoration: none;
	text-align: left;
	border: none;
	height: auto;
	text-transform: none;
}
a.thirdlevel:hover, a.thirdlevel_active, a.thirdlevel_active:visited, a.thirdlevel_active:active, a.thirdlevel_active:hover, a.leftthirdlevel:hover, a.leftthirdlevel_active, a.leftthirdlevel_active:visited, a.leftthirdlevel_active:active, a.leftthirdlevel_active:hover
{
	color: #336699;
	background-color: #f1f1f1;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px dashed #333;
	height: auto;
	text-transform: none;
}

a.secondlevel, a.secondlevel_active, a.secondlevelchildren, a.secondlevelchildren_active
{
	padding-left: 8px;
}

a.secondlevelchildren, a.secondlevelchildren:visited, a.secondlevelchildren:active
{
	background-image: url(../images/secondnav_inactive.gif);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: left;
}

a.secondlevelchildren:hover, a.secondlevelchildren_active, a.secondlevelchildren_active:visited, a.secondlevelchildren_active:active, a.secondlevelchildren_active:hover
{
	background-image: url(../images/secondnav_active.gif);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: left;
}

a.thirdlevel, a.thirdlevel:visited, a.thirdlevel:active
{
	background-image: url(../images/thirdnav_inactive.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	text-align: left;
}

a.thirdlevel:hover, a.thirdlevel_active, a.thirdlevel_active:visited, a.thirdlevel_active:active, a.thirdlevel_active:hover
{
	background-image: url(../images/thirdnav_active.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	text-align: left;
}

a.leftthirdlevel, a.leftthirdlevel:visited, a.leftthirdlevel:active
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../images/thirdnav_inactive.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

a.leftthirdlevel:hover, a.leftthirdlevel_active, a.leftthirdlevel_active:visited, a.leftthirdlevel_active:active, a.leftthirdlevel_active:hover
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../images/thirdnav_active.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.dropdownnavigationseperator
{
}

.leftnavigationtable
{
	width: 240px;
	z-index: 25;
}

.leftnavigationtable a, .leftnavigationtable a:active, .leftnavigationtable a:visited, .leftnavigationtable a:hover
{
	display: block;
	text-decoration: none;
}

.leftnavigationtable a:hover
{
	text-decoration: none;
}

a.leftnavigationlink, a.leftnavigationlink:visited, a.leftnavigationlink:active
{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	background-image: url(../images/nav_inactive.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

a.leftnavigationlink:hover, a.leftnavigationlink_active, a.leftnavigationlink_active:visited, a.leftnavigationlink_active:hover, a.leftnavigationlink_active:active
{
	color: #336699;
	text-decoration: none;
	text-align: left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../images/nav_active.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* CONTENTNAVIGATION */

.contentnavigationtable
{
	margin-top: 15px;
	line-height: 16px;
	width: 100%;
}

.contentnavigationleft
{
	padding-right: 30px;
	width: 50%;
}

.contentnavigationright
{
	border-left: dashed 1px #C8C8C8;
	padding-left: 8px;
	padding-right: 30px;
	width: 50%;
}

.contentnavigationitem
{
	padding-bottom: 15px;
}

a.contentnavigationheadline, a.contentnavigationheadline a, a.contentnavigationheadline:visited, a.contentnavigationheadline:active, a.contentnavigationheadline:hover
{
	font-weight: bold;
	color: #262626;
	line-height: 16px;
}

a.contentnavigationmore, a.contentnavigationmore a, a.contentnavigationmore:visited, a.contentnavigationmore:active, a.contentnavigationmore:hover
{
	color: #ED0B16;
	padding-right: 12px;
	background-image: url(../images/contentnavigationmore.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
	line-height: 16px;
}

/**** HOMEPAGE ***/

.hometopdistance
{
	height: 27px;
	background-image: url(../images/top.png);
}

.homecontent
{
	padding: 10px 20px 10px 20px;
	background-color: transparent;
	border-right: solid 1px #e5e5e5;
	background-image: url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.homecontent2
{
	padding: 10px 20px 10px 20px;
	background-color: transparent;
	border-right: solid 1px #e5e5e5;
	background-image: url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.leftnavi_first
{
	font-size: 12px;
	font-weight: bold;
}

.navtopdistance
{
	width: 975px;
	height: 6px;
}

/*** SITEMAP ***/

.sitemaptable a, .sitemaptable a:active, .sitemaptable a:visited
{
	display: block;
	line-height: 18px;
	text-decoration: none;
}

.sitemaptable a:hover
{
	display: block;
	color: #336699;
	line-height: 18px;
	text-decoration: none;
}

.sitemaplevel0
{
	text-decoration: none;
}

.sitemaplevel1
{
	padding-left: 20px;
	text-decoration: none;
}

.sitemaplevel2
{
	padding-left: 40px;
	text-decoration: none;
}

/***SEARCH PAGE***/

.search_filter_table, .search_result_table
{
	font-size: 11px;
	line-height: 18px;
}

.main_search_input
{
	width: 200px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding-left: 3px;
}

.main_search_dropdown
{
	width: 240px;
	height: 19px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	padding-left: 3px;
}
.downloadicon img
{
	background: none !important;
}
/***LISTS***/
.listheadline, a.listheadline, a.listheadline:active, a.listheadline:visited, a.listheadline:hover
{
	color: #262626 !important;
}

/* ------------------ container für slides ----------------------------- */
.images
{
	position: relative;
	height: 208px;
	width: 690px;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

/* ein slide */
.images div
{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	padding: 0px;
	margin: 0px;
}
/* tabs (kleine Kreise unter dem Slider) */
.tabs
{
	clear: both;
	width: 100px;
	height: 24px;
	margin: 0 auto;
}

.tabs a
{
	width: 12px;
	height: 12px;
	float: left;
	margin: 3px;
	margin-top: 10px;
	background: url(../images/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
}
/* mouseover state */
.tabs a:hover
{
	background-position: 0 -12px;
}

/* active state (current page state) */
.tabs a.current
{
	background-position: 0 -24px;
}
.teaser
{
	margin-top: 10px;
	margin-bottom: 30px;
}