/* CSS Document */

body {
	font-size:12px;
	font-family: Tahoma,Verdana,Arial, Helvetica, sans-serif;	
    padding: 0;
    margin: 0;
	color:#666;
	background-color:#fefefe;
	line-height:18px;
	text-align:center;
}

p {
	padding:5px 0px;
	margin:0;
}

hr {
	border:0;
	height:1px;
	border-top:1px solid #eee;
}
/* Content Headlines */
h1 {
	font-family: Georgia,Tahoma,Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 25px 0px;
	margin:0;
    font-size: 20px;
	color:#e2001a;
	font-weight:normal;
	line-height:24px;
}

h2{
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#555e74;	
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

/* Für die H2 Überschrift in Textareas */

.Ueberschrift {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#555e74;	
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	display:block;
}


/* Teaser Headlines */
h3{
    font-size: 11px;
	color:#555e74;
	padding:0px 0px 16px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
} 


h4 {
	font-size: 11px;
	color:#A02511;	
	padding:0px 0px 0px 0px;
	margin:15px 0px 3px 0px;
}  

a {
	color: #e2001a;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #e2001a;
	text-decoration: underline;
}
a.active {
	color: #e2001a;
	text-decoration: none;
}

a img{
	border: none;
}

table.normal {
	width:100%;
	font-family:Tahoma,Verdana,Arial;
	font-size:11px;	
	border:1px solid #ccc;	
	padding:5px;
	
}
table.normal tr, table.normal td {
	/*background-color:#eeeff1;*/
	border:1px solid #fff;
	color:#000;
	padding:4px;
	margin:1px;
}
/*
table.normal td span.highlight {
	background-color:#565e73;
	color:#fff;
	font-weight:bold;
	font-size:12px;	
	line-height:40px;
	border:none;
	padding:4px;
	margin:0;
}
*/	

form { 
	display:inline;
}

.submitbutton {
	color:#FFFFFF;
	background-color:#F15822;
	padding:2px 2px;
	font-weight:bold;
}

.submitbutton:hover {
	color:#000000;
	background-color:#F15822;	
}

label{
    position: relative;
	width: 80px;
	display: block;
	float: left;
	margin:0px 0px 15px 0px;
	padding: 0 5px 0 0px;
}

ul, ol {
	padding: 0px 0px 10px 20px;
	margin: 0;
}

ul li, ol li {
	padding: 0;
	margin: 3px 0px 3px 0px;
}

.floatleft {
	float: left;
	margin:0px 10px 10px 0px;	
	display: inline;
}

.floatright {
	float: right;
	margin:0px 0px 10px 10px;
	display: inline;
}

select {
	background: #fff;
	color: #666;
	padding: 2px;
	font-size:11px;
	border:1px solid #ccc;
	width:198px;
}



input, textarea {
	background: #fff;
	color: #999;
	padding: 2px;
	font-size:10px;
	border:1px solid #ccc;
	width:100px;
	height:20px;	
}

input:hover, textarea:hover {
	background: #fff;
	padding: 2px;
	border:1px solid #ccc;
}

.submitImage {
	background:none;
	border:none;
	margin-left:5px;
	margin-top:-2px;
	width:30px;
	height:20px;
}

.submitImage:hover {
	background:none;
	border:none;
}

textarea {
	font-size: 1.4em;
	font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	width:263px;	
}

.checkRadio {
	width:10px;
	border:none;
	background:none;
}

.antifloat {
	float:none;
	clear:both;
}
.clearleft{
	clear: left;
}

.bilderrahmen {
	border: 1px solid #ccc;
	padding:4px;

}
.bilderrahmen {
	border: 1px solid #ccc;	
	padding:4px;

}

.bildTitel {
	font-size:10px;
	font-weight:bold;
	color:#555e74;
	padding:0;
	margin:0;
}

.bildQuelle {
	font-size:11px;
	font-style:italic;
	padding:0;
	margin:0;
}

.fehlermeldung{
	color:#FF0000;
}

.webEdition {
	color:#800080;
    font-size:12px;  
    padding:0;
    margin: 10px 0;  
}

.webEditionTextarea {
	font-size:12px;
	font-family: Tahoma,Verdana,Arial, Helvetica, sans-serif;	
    padding: 0;
    margin: 0;
	color:#666;
	line-height:18px;
}

/* 
########################################################################
Alternierende Farben z.B News Background
########################################################################
*/

.hell {
	background-color:#f6f6f6;
}
.dunkel {
	background-color:#eee;
}

/* 
########################################################################
Container
########################################################################
*/

#container {
	margin: 0 auto;
	padding: 0 20px;
    width:980px;
    text-align:left;
}


/* 
########################################################################
Header
########################################################################
*/

#header {
	margin: 0 auto;
	padding: 0 20px;
    width:980px;
	height:98px;
	/*background:url(../_img/layout/header_bg.gif) no-repeat;*/
	background:transparent url(../_img/layout/header_bg.gif) no-repeat scroll 20px 0;
	text-align:left
}

#headerLeft {
	width:580px;
	padding:0;
	margin:0;
	float:left;
}

#logo {
	width:300px;
	height:98px;
	padding:0;
	margin:0;
}

#headerRight {
	width:400px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
}

#headerNavigation {
	font-size:11px;
	padding:0;
	margin:0px 0px 0px 0px;
	color:#ae4418;
	float:right;
}

#headerNavigation ul {
	padding:0;
	margin:0;
	list-style:none;
}
#headerNavigation ul li {
	padding:0px 0px 0px 16px;
	margin:0;
	float:left;
	list-style:none;
	display:block;	
}
#headerNavigation ul li a, #headerNavigation ul li a:link  {	
	padding:10px 0px 0px 0px;
	margin:0;
	display:block;
	color:#999;
	text-decoration:none;
}
#headerNavigation ul li a:hover  {
	border-top:4px solid #e2001a;
	padding:6px 0px 0px 0px;
	margin:0;
	color:#e2001a;
}
#headerNavigation ul li a.active  {
	border-top:4px solid #e2001a;
	padding:6px 0px 0px 0px;
	margin:0;
	color:#e2001a;
}


/* 
########################################################################
Content 3-spaltig
########################################################################
*/

/* Subnavigation 155px; */

#content3spaltig {
	width:485px;
	padding: 0px 10px 0px 0px;
	margin: 18px 0px 0px 0px;
	float:left;	
}

.content3spaltigKomplett {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

.content3spaltigLeftBig {
	width:320px;	
	padding:0;
	margin:0px 10px 20px 0px;
	float:left;
}
.content3spaltigRightSmall {
	width:155px;
	padding:0;
	margin:0px 0px 20px 0px;
	float:left;
}

.content3spaltigLeftSmall {
	width:155px;
	padding:0;
	margin:0px 10px 20px 0px;
	float:left;
}
.content3spaltigRightBig {
	width:320px;	
	padding:0;
	margin:0px 0px 20px 0px;
	float:left;
}

/* Teaser 320px; */

/* 
########################################################################
Content 2-spaltig
########################################################################
*/

#content2spaltig {
	width:650px;
	padding: 0;
	margin: 18px 0px 0px 0px;
	float:left;
}

.content2spaltigKomplett {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

.content2spaltigLeft {
	width:320px;	
	padding:0;
	margin:0px 10px 20px 0px;
	float:left;
}
.content2spaltigRight {
	width:320px;
	padding:0;
	margin:0px 0px 20px 0px;
	float:left;
}

/* 
########################################################################
Startseite
########################################################################
*/
/*
#leftrowStartseite {
	width:650px;
	padding: 0px 10px 0px 0px;
	margin: 30px 0px 0px 0px;
	float:left;
}

#content2spaltigStartseite {
	padding: 0px 0px 20px 0px;
	margin: 0;
	float:left;
}
*/

#contentStartseite {
	width:980px;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#startseiteEL1 {
	position:absolute;
	top:30px;
	left:0;
	width:650px;
}
#startseiteEL2 {
	position:absolute;
	top:355px;
	left:0;
	width:312px;
	height:192px;
	padding:4px;
	border:1px solid #ccc;
	margin:0px 0px 0px 0px;
}
#startseiteEL3 {
	position:absolute;
	top:355px;
	left:330px;
	width:312px;
	height:192px;
	padding:4px;
	border:1px solid #ccc;
	margin:0px 0px 0px 0px;
}
#startseiteEL4 {
	position:absolute;
	top:30px;
	left:660px;
	width:320px;
}
#startseiteEL5 {
	position:absolute;
	top:52px;
	left:660px;
	width:320px;
}
#startseiteEL6 {
	position:absolute;
	top:355px;
	left:660px;
	width:312px;
	height:192px;
	padding:4px;
	border:1px solid #ccc;
}

#teaserBoxStartseite {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#footerStartseite {	
	position:absolute;
	top:550px;
	left:0;	
	width:980px;
	color:#aaa;
	padding: 8px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
	font-size:11px;
	border-top:1px solid #ccc;
}

#footerStartseite ul {
	padding: 0;
	margin: 0;
	list-style:none;
}
#footerStartseite ul li {
	padding: 0px 10px 0px 0px;
	margin: 0;
	float:left;
}

/* 
########################################################################
Content
########################################################################
*/

#leftrow {
	width:650px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}


#rightrow {
	width:320px;	
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	font-size:11px;
	float:left;
}

#panoramaBig {
	width:972px;
	border:1px solid #ccc;
	padding:4px;
	margin:30px 0px 0px 0px;
}

#panoramaSmall {
	width:632px;
	border:1px solid #ccc;
	padding:4px;
	margin:30px 0px 0px 0px;
}

#search {
	font-size:10px;
}
#search a {
	color:#e2001a;
	text-decoration:none;
}

#search input {
	background: #fff;
	color: #999;
	padding: 2px;
	font-size:10px;
	border:1px solid #ccc;
	width:180px;
	height:14px;	
}

input.searchFormText {
	background: #fff;
	color: #999;
	padding: 2px;
	font-size:10px;
	border:1px solid #ccc;
	width:180px;
	height:14px;
}

* html input.searchFormText {
	background: #fff;
	color: #999;
	padding: 2px;
	font-size:10px;
	border:1px solid #ccc;
	width:180px;
	height:20px;
}

#search .submitImage {
	background:none;
	border:none;
	margin-left:5px;
	margin-top:-2px;
	width:30px;
	height:20px;
}

* html .submitImage {
	background:none;
	border:none;
	margin-left:5px;
	margin-top:0;
}

* html #search input {
	background: #fff;
	color: #999;
	padding: 2px;
	font-size:10px;
	border:1px solid #ccc;
	width:180px;
	height:20px;	
}

* html #search .submitImage {
	background:none;
	border:none;
	margin-left:5px;
	margin-top:0;
}

/* 
########################################################################
News Startseite
########################################################################
*/

#newsStarseite {
	padding:0px 0px 1px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #ccc;
	height:222px;
}

#newsStarseite strong {
	color:#555e74;
}

#newsStarseite a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#666;
	text-decoration:none;
}
#newsStarseite a:hover {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#666;
	text-decoration:underline;
}

.newsArtikelStartseite {
	padding:11px;
	margin:0px 0px 0px 0px;
}

/* 
########################################################################
News - Alle anderen Seiten
########################################################################
*/


#news {
	padding:0px 0px 1px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #ccc;
}

#news strong {
	color:#555e74;
}

#news a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#666;
	text-decoration:none;
}
#news a:hover {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#666;
	text-decoration:underline;
}

.newsArtikel {
	padding:11px;
	margin:0px 0px 0px 0px;
}

* html .newsArtikel {
	padding:11px;
	margin:0px 0px 0px 0px;
}

.uebersichtNews {	
	padding:2px 2px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:10px;
	color:#e2001a;
	text-decoration:none;
	float:right;
}
.uebersichtNews:hover {	
	text-decoration:none;
}

#teaserBox {
	padding:20px 0px 0px 2px;
	margin:0px 0px 0px 0px;
}
* html #teaserBox {
	padding:26px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}




/* 
########################################################################
Teaser
########################################################################
*/

#info {
	padding: 70px 12px 0px 10px;
	margin: 0px 0px 0px 0px;
}

/* 
########################################################################
Footer
########################################################################
*/


#footer {		
	color:#aaa;
	padding: 8px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
	font-size:11px;
	border-top:1px solid #ccc;
}

#footer ul {
	padding: 0;
	margin: 0;
	list-style:none;
}
#footer ul li {
	padding: 0px 10px 0px 0px;
	margin: 0;
	float:left;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	padding: 0;
	margin: 0;
}
#footer ul li a:hover {
	padding: 0;
	margin: 0;
}
#footer ul li a.active {
	padding: 0;
	margin: 0;
}


/* 
########################################################################
Navigation
########################################################################
*/

#navigationBody{	
	background: url(../_img/layout/navigation_bg.gif) repeat-x;
	height:35px;
	padding: 1px 20px;
	margin:0;
}

#navigation {
	width:980px;
	height:35px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	display:block;
	font-size:11px;
	background-color:#fff;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left
}


/* 
########################################################################
Subnavigation
########################################################################
*/

#SubnavigationHeadline {
	padding: 0px 0px 7px 5px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;	
}


#subnavigation {
width:135px;
padding: 0px 20px 0px 0px;
margin: 55px 0px 0px 0px;
display:block;
font-size:11px;
float:left;
}

#subnavigation ul {
padding:0;
margin:0;
display:block;
}

#subnavigation ul li {
padding: 0px 0px 0px 0px;
margin: 0;
display:inline;
line-height:2em;
list-style:none;
}

#subnavigation ul li a, #subnavigation ul li a:active {
color:#555e74;
padding: 0px 0px 0px 20px;
margin: 0px 0px;
text-decoration:none;
display:block;
border-top:1px solid #eee;
background: url(../_img/layout/subNaviIconInactive.gif) no-repeat;
background-position:left;
}

#subnavigation ul li a:hover{
color:#e2001a;
padding: 0px 0px 0px 20px;
margin: 0px 0px;
text-decoration:none;
background: url(../_img/layout/subNaviIcon.gif) no-repeat;
background-position:left;
display:block;
}

/*Aktivierter Punkt*/
#subnavigation ul li a.active, #subnavigation ul li a.active:active {
color:#e2001a;
padding: 0px 0px 0px 20px;
margin: 0px 0px;
text-decoration:none;
background: url(../_img/layout/subNaviIcon.gif) no-repeat;
background-position:left;
display:block;
}

#subnavigation ul li.active ul {
display: block;
}


/* 
########################################################################
Unter Sub-Navigation
########################################################################
*/
#subnavigation ul li ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#subnavigation ul li ul li  {
padding: 0px 0px 0px 0px;
margin: 5px 0px 10px 0px;
display:block;
border:none;
}

#subnavigation ul li ul li a, #subnavigation ul li ul li a:active {
border:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
color:#555e74;
display:block;
background:none;
line-height:12px;
}
* html #subnavigation ul li ul li a {
height:10px;
}

#subnavigation ul li ul li a:hover{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
color:#555e74;
display:block;
font-weight:bold;
background:none;
}
/*Aktivierter Punkt*/
#subnavigation ul li ul li a.active, #subnavigation ul li ul li a.active:active {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
color:#555e74;
display:block;
font-weight:bold;
background:none;
}

/* 
########################################################################
Breadcrumb
########################################################################
*/

#breadcrumb {
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	display:block;
	font-size:10px;
	font-weight:bold;
	border-top:1px solid #ccc;
}

#breadcrumb ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:block;
}

#breadcrumb ul li {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	display:inline;
	float:left;
}

#breadcrumb ul li a, #breadcrumb ul li a:active {
	color:#ccc;
	padding: 2px 5px;
	margin: 0px 0px;
	text-decoration:none;
}

#breadcrumb ul li a:hover{
	color:#f398a3;
	padding: 2px 5px;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
}

/*Aktivierter Punkt*/
#breadcrumb ul li a.active, #breadcrumb ul li a.active:active {
	color:#f398a3;
	padding: 2px 5px;
	margin: 0px 0px;
	text-decoration:none;
}

#kontaktformularContainer {
	width:632px;
	border:1px solid #ccc;
	padding:4px;
	margin:10px 0px 0px 0px;	
}
#kontaktformular {
	padding:0;
	margin:0px 0px 0px 0px;	
	background: url(../_img/layout/kontaktformular_bg.jpg) repeat-x;
	height:306px;
}

#kontaktformularLeft {
	width:296px;
	padding:25px 0px 10px 14px;
	margin:0;
	float:left;
}
* html #kontaktformularLeft {
	width:310px;
}
#kontaktformularTrenner {
	background: url(../_img/layout/kontaktformularTrenner.jpg) no-repeat;
	width:10px;
	height:306px;
	float:left;
	padding:0;
	margin:0px 0px 0px 0px;
}

#kontaktformularRight {
	width:296px;
	padding:25px 0px 10px 14px;
	margin:0;
	float:left;
}
* html #kontaktformularRight {
	width:300px;
}

#kontaktformular input, #kontaktformular textarea {
	background: #fff;
	color: #666;
	padding: 2px;
	font-size:10px;
	border:1px solid #ccc;
	width:194px;
	height:14px;	
}
* html #kontaktformular input, #kontaktformular textarea {
	background: #fff;
	color: #666;
	padding: 2px;
	font-size:10px;
	border:1px solid #ccc;
	width:198px;
	height:20px;	
}

#kontaktformular input.kontaktButton {
	width:80px;
	height:20px;
	background-color:#555e74;
	color:#fff;
	padding:0;
	margin:0;
	font-weight:bold;
}


.kontaktButtonLeft {
	 float:left;
	 padding:0px 44px 0px 0px;
	 margin:0;
}
* html .kontaktButtonLeft {
	 float:left;
	 padding:0px 38px 0px 0px;
	 margin:0;
}
#kontaktformular input.vorwahl {
	width:40px;
	padding-right:5px;
}
* html #kontaktformular input.vorwahl {
	width:45px;
	padding-right:5px;
}

#kontaktformular input.telefon {
	width:140px;
}
* html #kontaktformular input.telefon {
	width:150px;

}

/* 
########################################################################
Sitemap-Navigation
########################################################################
*/

#sitemap {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
font-size:11px;

}

#sitemap ul {
padding:0;
margin:0;
display:block;
}

#sitemap ul li {
padding: 0px 0px 0px 0px;
margin: 0;
display:inline;
line-height:2em;
list-style:none;
}

#sitemap ul li a, #sitemap ul li a:active {
color:#555e74;
padding: 0px 0px 0px 20px;
margin: 0px 0px;
text-decoration:none;
display:block;
border-top:1px solid #eee;
background: url(../_img/layout/subNaviIconInactive.gif) no-repeat;
background-position:left;
}
* html #sitemap ul li a, #sitemap ul li a:active {
background-position:0px 8px;
}

#sitemap ul li a:hover{
color:#e2001a;
padding: 0px 0px 0px 20px;
margin: 0px 0px;
text-decoration:none;
background: url(../_img/layout/subNaviIcon.gif) no-repeat;
background-position:left;
display:block;
}
* html #sitemap ul li a:hover{
background-position:0px 8px;
}

#sitemap ul li.active ul {
display: block;
}


/* 
########################################################################
Unter Sitemap-Navigation
########################################################################
*/

#sitemap ul li ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#sitemap ul li ul li  {
padding: 0px 0px 0px 0px;
margin: 5px 0px 10px 0px;
display:block;
border:none;
}

#sitemap ul li ul li a, #sitemap ul li ul li a:active {
border:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
color:#555e74;
display:block;
background:none;
line-height:12px;
font-weight:bold;
}
* html #sitemap ul li ul li a, #sitemap ul li ul li a:active {
height:10px;
}

#sitemap ul li ul li a:hover{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
color:#555e74;
display:block;
font-weight:bold;
background:none;
}


/* 
########################################################################
Unter Sitemap-Navigation §te Ebene
########################################################################
*/

#sitemap ul li ul li ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#sitemap ul li ul li ul li  {
padding: 0px 0px 0px 0px;
margin: 5px 0px 10px 0px;
display:block;
border:none;
}

#sitemap ul li ul li ul li a, #sitemap ul li ul li ul li a:active {
border:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 60px;
color:#555e74;
display:block;
background:none;
line-height:12px;
font-weight:normal;
}

#sitemap ul li ul li ul li a:hover{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 60px;
color:#555e74;
display:block;
font-weight:bold;
background:none;
}
		
/* 
########################################################################
Sonstige
########################################################################
*/

/*Pageing*/
.pageing {
	width:459px;
	text-align:center;
	padding:4px 0px 4px 0px;
	color:#000000;
}


.lupe {
	position:absolute;
	bottom:0;
	right:0;
}

#IMCleaner {
	position:absolute;
	left:20%;
	top:20%;
	display:none;
	z-index:1001;
	width:600px;
	border:3px solid #999;
	background-color:#fff;
	text-align:left;
	margin:0;
	padding:0;
}

#ladehinweis {
	background-color:#f5cb17;
	position:absolute;
	width:280px;
	z-index:1000;
	left: 0px;
	top: 55px;
	padding:8px;
	border:1px solid #bbb;
	text-align:center;
}
