html { width:100%; }
body { width:100%; margin:0; font-size:1em; font-family:Arial,Helvetica,Sans-Serif; }
a img { border:none; }

.c { clear:both; }



/**
 * content frame
 */
 
#body { position:relative; margin:auto; width:984px; padding:0; background:url(../img/copy.gif) no-repeat 100% 90%; }
#borderLeft { position:relative; margin:auto; background:url(../img/border_left.gif) repeat-y left top; width:964px; }
#borderRight { position:relative; padding:0 19px 0 19px; background:url(../img/border_right.gif) repeat-y right top; width:926px; }
#header { display:block; background:url(../img/header.jpg); width:926px; height:151px; margin-bottom:2px; position:relative; }

#headerbg { background:url(../img/header/verlauf.png) no-repeat left top; position:absolute; top:63px; left:0; width: 926px; height:88px; z-index:2; }
#headerslide { position:absolute; top:0; left:0; width: 926px; height: 151px; z-index:1; }
.header { width:926px;height:151px; }

/**
 * topMenu with submenus
 */

#topMenu { font-size:0.7em; font-weight:bold; margin:0 0 1px 0; padding-left:12px; background:url(../img/top_menu_bg.gif) repeat-x left top; height:25px; }
#topMenu ul { list-style-type:none; margin:0 0 0 3px; padding:0; }
#topMenu li { float:left; border-right:1px solid #ffffff; }
#topMenu li a:link, #topMenu li a:visited { overflow:hidden; display:block; height:15px; padding:5px 0 5px 15px; width:110px; color:#ffffff; text-decoration:none; }
#topMenu li a:hover { color:#464442; }

#topMenu li.first { border-left:1px solid #ffffff; background:#EA2127; height:14px; padding:6px 0 5px 0; width:125px; }
#topMenu li.first a:link, #topMenu li.first a:visited { padding:0 6px 0 6px; }

#topMenu ul ul { display:none; position:absolute; list-style-type:none; margin:0; padding:0; background:#E7E8EA; }
#topMenu ul ul li { clear:both; }

#topMenu ul ul li a:link, #topMenu ul ul li a:visited { width:105px; display:block; display:inline-block; padding:1px 5px 1px 15px; color:#464442; text-decoration:none; }
#topMenu ul ul li a:hover { background:#FFAD0E url(../img/arrow_white_down.gif) no-repeat 110px 6px; color:#ffffff; }




/**
 * breadcrumb navigation
 */

#breadcrumbContainer { color:#464442; padding:6px 0 0 20px; margin:0 0 2px 0; height:19px; font-size:0.7em; list-style-type:none; background:#E7E8EA; }
#breadcrumbContainer li { display:inline; background:url(../img/arrow_dark.gif) no-repeat left center; padding:0 8px 0 12px; }
#breadcrumbContainer li.first { background:transparent; }
#breadcrumbContainer li a:link, #breadcrumbContainer li a:visited { color:#464442; text-decoration:none; }
#breadcrumbContainer li a:hover { text-decoration:underline; }


/**
 * layout type - index
 */

#index .left { width:251px; float:left; padding-left:10px; }
#index .center { width:384px; float:left; margin-left:2px; background:#ffffff; padding-left:10px;}
#index .right { width:246px; float:right; padding:0 10px 10px 10px; }


/**
 * layout type - content
 */

#content .left { width:138px; float:left; font-size:0.7em; }
#content .center { width:482px; float:left; margin-left:2px; padding:20px;}
#content .right { width:261px; float:right; }


/**
 * footer block
 */

#footer { margin:auto; width:964px; background:url(../img/border_bottom.gif) repeat-x left top; }
#footerBottomLeft { width:964px; background:url(../img/corner_bottom_left.gif) no-repeat left top; }
#footerBottomRight {
	padding:12px;
	width:940px;
	background:url(../img/corner_bottom_right.gif) no-repeat right top;
	color:#464442;
	font-size:0.68em;
}

#footerBottomRight a:link, #footerBottomRight a:visited { color:#464442; text-decoration:none; }
#footerBottomRight a:hover { text-decoration:underline; }


/**
 * copyright link
 */
 
#copyright { float:left; }


/**
 * headline
 */

h1 { font-size:0.9em; color:#FFAD0E; margin-bottom:50px; }
h1 span { display:block; font-size:0.8em; padding-left:16px; color:#464442; background:url(../img/arrow_dark.gif) no-repeat 4px center; }
h1 img { float:right; }


/**
 * content links 
 */

.center a:link, .center a:visited { color:#464442; }


/******************************************************************/




.left .teaserContainer ul { list-style-type:none; padding:0; margin:0; }

.left .teaserContainer li { color:#464442; border-bottom:1px dashed #464442; margin-bottom:10px; padding-bottom:5px; }
.left .teaserContainer li.last { border-bottom:none; }

.left .teaserContainer li div.img img { margin:0; padding:0; }

.left .teaserContainer li div.img, .left .teaserContainer li div.img {
    background: #F2F2F4;
    width: 123px;
    height: 75px;
    display: block;
    position: relative;
    float: left;
    text-align: center;
}

/*
.left .teaserContainer li a div.zoom {
    background:url(../img/icon_plus.gif) no-repeat left 96%;
    top:0;
    left:3px;
    position:absolute;
    height:75px;
    width:9px;
}
*/

.left .teaserContainer li strong a { font-size:1em; color:#78777D; text-decoration:none; }
.left .teaserContainer li div.textContainer { float:right; width:118px; font-size:0.7em; }
.left .teaserContainer li div.textContainer div.date { font-size:0.9em; color:#989898; }
.left .teaserContainer li div.textContainer p { margin:5px 0 0 0; }







/* left menu col - level one */
#content .left ul { margin:0; padding:0; list-style-type:none; }

#content .left ul li a:link, #content .left ul li a:visited {
	width:122px;
	padding:3px 0 3px 0;
	margin-bottom:2px;
	display:block;
	display:inline-block;
	background:#E7E8EA url(../img/arrow_dark.gif) no-repeat 5px 7px;
	padding-left:16px;
	color:#464442;
	text-decoration:none;
}
#content .left ul li a:hover { background-color:#FFAD0E; }

#content .left ul li a.active:link, #content .left ul li a.active:visited {
	background:#FFAD0E url(../img/arrow_dark_down.gif) no-repeat 4px 8px;
	padding:3px 0 3px 16px;
	margin-bottom:2px;
}


/* level two */

#content .left ul ul { margin:0; padding:0; list-style-type:none; }

#content .left ul ul li a:link, #content .left ul ul li a:visited {
	width:122px;
	padding:0;
	margin-bottom:2px;
	display:block;
	display:inline-block;
	background:transparent;
	color:#464442;
	text-decoration:none;
	padding:0 0 0 16px;
}

#content .left ul ul li a:hover { text-decoration:underline; }

#content .left ul ul li a.active:link, #content .left ul ul li a.active:visited {
	/* border-bottom:1px solid #807F7F; */
	background:transparent;
	padding:0 0 0 16px;
	color:#FFAD0E;
}


/* level tree */

#content .left ul ul ul {
    border-bottom:1px solid #807F7F;
    background: url(../img/arrow_dark_down.gif) no-repeat right 10%;
    border-top:1px solid #807F7F;
}

#content .left ul ul ul li a:link, #content .left ul ul ul li a:visited {
	width:116px;
	padding-left:22px;
}

#content .left ul ul ul li a:hover { text-decoration:underline; }

#content .left ul ul ul li a.active:link, #content .left ul ul ul li a.active:visited {
	border:none;
	padding-left:22px;
}


/* level four */

#content .left ul ul ul ul { border:none; background:transparent; }

#content .left ul ul ul ul li a:link, #content .left ul ul ul ul li a:visited {
	width:106px;
	padding-left:32px;
}

#content .left ul ul ul ul li a.active:link, #content .left ul ul ul ul li a.active:visited {
	color:#FFAD0E;
	background:url(../img/arrow_orange.gif) no-repeat 24px 4px;
	padding-left:32px;
}



/**
 * contact block in left col
 */

#contactBlock { margin:60px 0 20px 0; }

.telIcon { color:#464442; background:url(../img/icon_tel.gif) no-repeat left center; padding:2px 0 2px 20px; }

a.contactPage:link, a.contactPage:visited { color:#464442; text-decoration:none; background:url(../img/arrow_dark.gif) no-repeat 9px center; padding:2px 0 2px 20px; }
a.contactPage:hover { text-decoration:underline; }

a.mailIcon:link, a.mailIcon:visited { color:#464442; text-decoration:none; background:url(../img/icon_mail.gif) no-repeat left center; padding:2px 0 2px 20px; }
a.mailIcon:hover { text-decoration:underline; }


/**
 * simple text paragraph
 */
.center p { font-size:0.7em; }
.right p { font-size:0.7em; }

/**
 * searchbox for teaser column
 */

.searchBox { background:#E7E8EA; }
.searchBox form { margin:0; }
.searchBox h6 { padding:6px; color:#464442; font-size:0.7em; font-weight:bold; margin:0; border-bottom:2px solid #ffffff; }
.searchBox select { display:block; width:220px; margin:4px auto 4px auto; }

.searchBox .searchButton, .searchBox .extendedButton {
	background:#E7E8EA;
	height:20px;
	float:right;
	padding-left:25px;
	width:105px;
	border-top:1px solid #ffffff;
	padding-top:5px;
	background:url(../img/arrow_dark.gif) no-repeat 15px center;
}
.searchBox .searchButton { float:left; width:105px; border-right: 1px solid #ffffff; }


.searchBox .searchButton a:link, .searchBox .searchButton a:visited { font-size:0.7em; color:#464442; text-decoration:none; } 
.searchBox .extendedButton a:link, .searchBox .extendedButton a:visited { font-size:0.7em; color:#464442; text-decoration:none; } 


/**
 * teaserContainer for teaser column
 */

.right .teaserContainer h6 { padding:6px; color:#464442; font-size:0.7em; font-weight:bold; margin:0; border-bottom:2px solid #ffffff; }
.right .teaserContainer ul { padding:0; margin:0; list-style-type:none; }
.right .teaserContainer li a:link, .teaserContainer li a:visited { color:#464442; font-size:0.7em; text-decoration:none; font-weight:bold; }
.right .teaserContainer li p { margin:0; font-size:0.7em; }
.right .teaserContainer li { padding:5px; background-color:#F1F1F3; border-bottom:2px solid #ffffff; color:#464442;}

.right .teaserContainer .bg2 { background-color:#F8F8FA; }


/**
 * teaser for teaser column with two quadratic boxes
 */

.teaserBox1 { margin-bottom:3px; }
.teaserBox1 .leftBox { padding:15px 5px 5px 5px; height:94px; width:120px; float:left; border-right:1px solid #ffffff; background:#FFAD0E; color:#464442; }
.teaserBox1 .leftBox p { font-size:0.7em; }
.teaserBox1 .rightBox { height:114px; width:130px; float:right; background:#FFAD0E; }
.teaserBox1 a.toFormButton:link, .teaserBox1 a.toFormButton:visited { margin-top:20px; font-weight:bold; color:#464442; text-decoration:none; display:block; padding-left:10px; background:url(../img/arrow_dark.gif) no-repeat 2px center; }
.teaserBox1 a.toFormButton:hover { text-decoration:underline; }


/**
 * teaser for teaser column with big picture and picture text
 */

.teaserBox2 { margin-bottom:10px; }
.teaserBox2 div { background-color:#FFBD0F; font-size:0.7em; color:#3F4045; margin-top:1px; padding:1px 3px 1px 3px; width:239px; }



/**
 * unordered list for center column
 */

.listContainer h6 { margin:0; font-size:0.7em; color:#464442; font-weight:normal; padding-bottom:3px; }
.listContainer ul { font-size:0.7em; list-style-type:none; margin:0; padding:0; }
.listContainer li a:link, .listContainer li a:visited {
	display:block;
	font-weight:bold;
	padding:3px 0 3px 0;
	border-top:1px solid #F1F1F3;
	color:#464442;
	text-decoration:none;
	background:url(../img/arrow_dark_down.gif) no-repeat 99% 4px;
}
.listContainer .last { border-bottom:1px solid #F1F1F3; }



/**
 * unordered list for right column on index
 */

.listContainer2 { margin-bottom:10px; }
.listContainer2 ul { margin:0; padding:0; list-style-type:none; background:url(../img/list_container_bg.gif) repeat-x; }
.listContainer2 h6 { margin:0; color:#FF940D; font-size:0.7em; }
.listContainer2 li { background:url(../img/icon_arrows.gif) no-repeat 3% 50%; font-size:0.7em; border-bottom:1px dashed #ffffff; padding:4px 6px 4px 20px; }
.listContainer2 li a:link, .listContainer2 li a:visited { text-decoration:none; color:#78777D; font-weight:bold; }



/**
 *
 */

h2 { margin:10px 0 10px 0; font-size:0.8em; color:#999999; font-family:"Times New Roman"; font-weight:bold; text-transform:uppercase; letter-spacing:0.07em }

form.search { width:100%; padding:0; margin:0; font-size:0.7em; background:#DADADC; }
form.search h6 { font-size:1em; margin:0; padding:5px; color:#78797D; background:#DADADC; border-bottom:1px solid #ffffff; }

form.search .box { background-color:#DADADC; margin:5px 0 0 0; padding:0 !important; }

form.search .l { float:left; width:47%; padding:1% 0 1% 2%; }
form.search .r { float:right; width:47%; padding:1% 2% 1% 0; }

form.search .field { background:#E5E5E6; margin-bottom:5px; padding:5px; }

form.search label { margin: 6px 0 3px 0; }
form.search div { margin: 3px 0 3px 0; }
form.search select { width:150px; border:1px solid #78797D; color:#78797D; margin:3px 0 3px 0; }
form.search button { font-size:0.9em; background:#DCDADD; border:1px outset #DCDADD; margin-top:2px; padding:2px 10px 2px 0; cursor:pointer; }
form.search button span { font-weight:bold; color:#FF9213; }

form.search .buttons { margin:20px; }
form.search input.small { width:40px; }


/**
 *
 */

#mailform { margin:0; }
#mailform fieldset { border:none; margin:0; padding:0; }
#mailform .csc-mailform-field { margin-bottom:2px; }
#mailform label { font-size:0.7em; display:block; float:left; width:80px; }
#mailform input { width:380px; font-size:0.7em; border:1px solid #DCDADD; }
#mailform textarea { width:380px; font-size:0.7em; font-family:Arial,Helvetica,Sans-Serif; border:1px solid #DCDADD; }
#mailform .csc-mailform-submit { display:block; width:80px; background:#DCDADD; border:1px outset #DCDADD; margin:6px auto 6px auto; }




/**
 * Teaser Liste und H3
 */

div.listTeaser { clear:both; margin-bottom:10px; }
h3, div.listTeaser h3 { border-bottom:1px solid #464442; margin:4px 0 4px 0; color:black; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; }
div.listTeaser p { float:left; margin:0; width:350px; }
div.listTeaser img { float:right; }

div.leftCol { float:left; width:49%; margin-right:1%; }
div.rightCol { float:left; width:49%; margin-left:1%; }

div.leftCol p, div.rightCol p { float:right; margin:0; width:160px; }
div.leftCol img, div.rightCol img { float:left; margin-right:10px; }


div.listTeaserTwoCols { clear:both; padding-top:10px; }
div.listTeaserTwoCols .name { display:block; font-size:11px; }
div.listTeaserTwoCols .abteilung { font-size:11px; }
div.listTeaserTwoCols .tel { font-size:11px; }
div.listTeaserTwoCols a:link, div.listTeaserTwoCols a:visited { display:block; font-size:11px; }


div.popupImage { float:left; margin:5px; margin-bottom:15px; }

p.bodytext { font-size:12px !important; margin:0 !important; padding:0 !important; }
p.bodytext a:link, p.bodytext a:visited { color:#78777D; text-decoration:none; }

/* start page left col intro text */
.left p.bodytext { font-size:11px !important; }


form.contact .errors { list-style-type:none; color:red; font-size:12px; margin:0; padding:10px; border:1px solid red; margin-bottom:3px; }
form.contact p { font-size:12px !important; padding:0 !important; }
form.contact div.field { clear:both; margin-bottom:3px; padding:3px; font-size:12px; background:#E7E8EA; }
form.contact div.field label { display:block; width:130px; float:left; padding-top:3px; margin-left:3px; }

form.contact div.field input { float:left; width:170px; }
form.contact div.field select { float:left; width:176px; }
form.contact div.field .input { float:left; width:170px; margin-top:3px; }
form.contact div.field input.checkbox, form.contact div.field input.radio { width:auto; }
form.contact div.field textarea { float:left; width:170px; }

form.contact div.field .tiny { width:50px; }
form.contact div.field .small { width:100px; float:right; }
form.contact div.field .full { width:400px; }
form.contact div.field .auto { width:auto; }

form.contact div.buttons { margin-top:15px; text-align:center; background:#E7E8EA; padding:5px; }


#ort { background: #dadadc; margin: 5px 0 0 0; padding: 10px; font-size: 0.8em; }
#streets { background: #e5e5e6; margin: 1px 0 0 0; padding: 10px; font-size: 0.8em; }
#persons { font-size: 0.8em; margin: 5px 0 0 0; }
#person {  padding: 10px; font-size: 0.8em; }
#person strong { display: block; padding: 3px 0 0 0; }