/* Grundformatierung */
* {
	margin: 0;
	padding: 0;
}


html, body {
  background: #000000 url(../pix/bg.jpg) no-repeat center top;
  background-attachment:scroll;
  font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
}

body {
	font-size: 100.00%;
}

table td{
padding:3px;
}

a {
	text-decoration: underline;
	color: #876154;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

.y {
	clear: both;
}

.x {
	height: 0px;
	width: 0px;
	display: block;
	overflow: hidden;
}


hr {
 border: 1px; /* Für Firefox und Opera */
 border-top: solid 1px #cccccc;
 border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

br { line-height:5px; }

div.col-left br {
	clear: both;
}

div.col-right br {
	clear: both;
}

ul, li, ol {
	list-style: none;
}

/* Grundformatierung Ende*/

/* Ausrichtung des Layouts in der Mitte */

div#wrap {
width: 866px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;

}

div#banner { 
width: 866px;
margin-top: 0px;
margin-bottom: 0px;
height: 150px;
/*  background-color:#CCCCCC; */
}

div.navhome {
  margin: 74px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
  position: absolute;
}
   
div#hauptnavili {   /*   ist aktiv  */
float: left;
}

 div#hauptnavire {  
	width: 311px;
  margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
  position: absolute;
}


 div#bc {  
 	float:left;
  width: 244px;
  height: 27px;
  padding: 8px 0px 0px 0px;
  color:#FFFFFF;
  background-color: #55362b;
}

 div#bc a {  
  font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	padding: 9px 0px 0px 18px;
}


 div#bc a:hover {  
  font-weight: bold;
	font-size: 13px;
	color: #cccccc;
	padding: 9px 0px 0px 18px;
	text-decoration: none;
}


 div.navoben 
 { 
	width: 0px;  
  height: 20px;
  margin: 0px 0px 0px 190px; /*   von oben, von rechts ,von unten ,von links  */
  position: absolute;
                              /*    background-color: #cccccc;  */
}

 div.re
 { 
 	float:right;
 }

 div.navoben a {
 	font-size: 13px;
 	font-weight: normal;
 	color: #cc0000;
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 0px 2px 0px 2px;
}

 div.navoben a:hover {
	text-decoration: none;
}


 div.logo {
  width: 311px;
  height: 78px;
  margin: 48px 0px 0px 555px; /*   von oben, von rechts ,von unten ,von links  */
  position: absolute; 
}



div.teaserleft1 {
	float: left;
	text-align: center;
	width: 244px;    
	height: 125px;
}

div.teaserleft2 {
	text-align: center;
  margin-top: 0px;
  margin: 1px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
	width: 244px; 
	height: 319px;  

}

div.teaserleft3 {
	text-align: center;
  margin-top: 2px;
  margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
	width: 244px;    
	height: 100px;

}

div.newsleiste1 {
	float: left;
	text-align: right;
	background: url(../pix/news_left.gif) no-repeat;
	margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
	padding: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
	width: 244px;    
	height: 40px;
}


div.newsleiste2 {
	float: left;
	text-align: left;
	background: url(../pix/news_right.gif) no-repeat;
  margin: 0px 0px 0px 2px; /*   von oben, von rechts ,von unten ,von links  */
	padding: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
	width: 622px;    
	height: 40px;
}

div#header p {
	width: 622px;    
	height: 251px;
}


/* ###################################  OBEN Navigation ENDE #######################################  */



/* ###################################  CONTENT Start #######################################  */


div#content {
  float: left;
	width: 866px;
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
}



div#col-left {
	width: 244px;
	float: left;
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
}

div#col-right {
	width: 622px;
  float: left;
	margin: 1px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	background-color: #ffffff;  
}

div#col-left p { 
	line-height:0px;
	padding-bottom:0px; }

div#col-left div#colbody_header {  /* Adresse und sonstige Grafiken */
	width: 244px;
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
}

div#col-left h2 {
	background: url(../pix/bg_content_left.gif) no-repeat;
	margin: 30px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 5px 0px 0px 22px; /*  von oben, von rechts ,von unten ,von links  */
	font-size: 16px;
	font-weight: bold;
	color: #48bcc9;
	height: 40px;
	clear: both;
}


div#col-left h3 {
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 5px 0px 0px 22px; /*  von oben, von rechts ,von unten ,von links  */
	font-size: 16px;
	font-weight: bold;
	color: #48bcc9;
	height: 40px;
}

div#col-right div.teaser{
	margin: 18px 0px 0px 18px; /*  von oben, von rechts ,von unten ,von links  */
}

div#col-right h1 {
	background-color: #86381e;
	margin: 18px 0px 0px 18px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 7px 0px 0px 20px; /*  von oben, von rechts ,von unten ,von links  */
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height: 24px;
	width: 565px;
	clear: both;
}

div#col-right h2 {
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	font-size: 18px;
	font-weight: bold;
	color: #52160b;
	height: 20px;
	clear: both;
}

div#col-right h3 {
	font-size: 12px;
	margin: 0px 0px 15px 0px; /*  von oben, von rechts ,von unten ,von links  */
	clear: both;
}

div#col-right h4 {
	font-size: 12px;
	font-weight:normal;
	background-color: #eaf5f9;
	border-width:1px;
  border-style:solid;
  border-color: #4f7686;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
  padding: 15px;
  line-height: 19px;
	clear: both;
}

div#col-right h5 {
	background: url(../pix/bg_content_main.gif) no-repeat;
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 5px 0px 0px 22px; /*  von oben, von rechts ,von unten ,von links  */
	font-size: 16px;
	font-weight: bold;
	color: #48bcc9;
	height: 40px;
}

div#col-right div.textItem  {
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	color:#333333;
	margin: 18px 18px 18px 18px; /*  von oben, von rechts ,von unten ,von links  */
}

/*  2 spaltig  */

div#col-right div.textItemli  {
	float:left;
	width: 187px;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	color:#333333;
	margin: 0px 18px 18px 0px; /*  von oben, von rechts ,von unten ,von links  */
}

div#col-right div.textItemre  {
	float:left;
	width: 360px;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	color:#333333;
	margin: 0px 0px 18px 18px; /*  von oben, von rechts ,von unten ,von links  */
}


div#col-right div.textItemli1  {
	float:left;
	width: 360px;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	color:#333333;
	margin: 0px 18px 18px 0px; /*  von oben, von rechts ,von unten ,von links  */
}

div#col-right div.textItemre1  {
	float:left;
	width: 187px;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	color:#333333;
	margin: 0px 18px 18px 0px; /*  von oben, von rechts ,von unten ,von links  */
}


/*  2 spaltig ende */


div#col-right div.textItem p {
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
}

div#col-right div.textItem a {
	color: #cc0000;
	text-decoration: none;
}

div#col-right div.ligallery {
	width:510px;
	margin-top: 20px;
}

div#col-right ul {
	color: #333333;
	margin: 5px 0px 20px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	font-size: 12px;
}

div#col-right ul li {
	background: url(../pix/icn_pfeil.gif) no-repeat 0px 2px;
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 0px 0px 1px 22px;
}

div#col-right ul li ul   {
	margin: 5px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
}

div#col-right ul li ul li  {
	background: url(../pix/icn_pfeil2.gif) no-repeat 0px 2px;
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 0px 0px 5px 22px;
}

div#col-right div#directions  {
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	color:#333333;
	margin: 0px 13px 18px 13px; /*  von oben, von rechts ,von unten ,von links  */
}



/* Dynmanik Klapper ANFANG */

div#col-right .accfull{
	margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 0px;
}

div#col-right .acc-title { /* header of 1st demo */
	cursor: pointer;
	background: url(../pix/bg_content_plus.gif) no-repeat 0px;
	margin: 18px 18px 18px 18px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 16px 18px 0px 65px; /*  von oben, von rechts ,von unten ,von links  */
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height: 32px;
	width: 520px;
	clear: both;
}

div#col-right .acc-title-act { /*class added to contents of 1st demo when they are open*/
	cursor: pointer;
	background: url(../pix/bg_content_plus.gif) no-repeat 0px;
	margin: 18px 0px 0px 18px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 16px 0px 0px 65px; /*  von oben, von rechts ,von unten ,von links  */
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height: 32px;
	width: 565px;
}

div#col-right .acc-content {
	color: #333333;
	font-size: 12px;
	margin: 10px 18px 18px 18px; /*  von oben, von rechts ,von unten ,von links  */
	padding: 0px 0px 18px 0px; /*  von oben, von rechts ,von unten ,von links  */
	border-bottom: 0px solid #cccccc;
	line-height: 19px;
}
/* Dynmanik Klapper ENDE */






div.mapbgweiss { /* Definition Formatierung der Google Maps Routenplanung */
	font-size: 13px;
	background-color: #333333;
	color: #000000;

}

/* ###################################  CONTENT ENDE #######################################  */



/* Footer */

div#bgbottom {
  bottom:0px;
  width: 866px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

div#bottom {
	font-size: 11px;
	font-weight: normal;
	color: #876154;
  width: 622px;
	height: 80px;
  margin-left: auto;
  margin-right: auto;
  margin: 0px 0px 0px 244px; /*  von oben, von rechts ,von unten ,von links  */
} 

div#bottom div#btext {
float:left;
padding: 20px 10px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
} 

div#bottom div#btext a {
color: #CC0000;
text-decoration: none;
} 

div#bottom div#btext1 {
float:left;
padding: 20px 45px 30px 0px; /*  von oben, von rechts ,von unten ,von links  */
}