
/************** Farben ******************

	hellgrün: #C6D3C1; 
	grün: #447244;
	hellgelb: #F4F3E2
	649776


************* Basis-Stylesheet ************/
html
{
height:100%;
}

body 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:11px;
	background: #C6D3C1; 
	color:#447244;
	height:100%;
	margin:0px;
	padding:0px;
}

html, body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre 
{
	margin: 0;
	padding: 0;
}

img, table
{
	border:0px;
}

table, td, p, li, ul, ol, dl, dd, dt
{
	font-size:100%;
	line-height:120%;
}



/************** Container-Stylesheet ************/


#container {
	background: transparent url(../grafik/container_hg.gif);
	width:100%;  
	height:540px;  
	position:absolute;  
	left:50%;  
	margin-left:-50%;  
	top:50%;  
	margin-top:-270px;  
}

#content
{ 	background: transparent url(../grafik/content_hg.jpg) no-repeat bottom;
	width:920px;
	height:540px;
	position:absolute;  
	left:50%;  
	margin-left:-460px;  
	top:50%;  
	margin-top:-270px;  
}

#navigation
{ 	background:  transparent url(../grafik/navigat ion_hg.gif);
	width:809px;
	height:85px;
	margin:auto;
	border-bottom:1px solid #447244;
}

#content-main
{
	background:#F4F3E2;	
	width:803px;
	height:396px;
	margin:auto;
	margin-top:7px;
	margin-bottom:7px;
	border:3px solid #F4F3E2;	
	text-align:center;
}


#content-mainleft
{

	width:540px;
	height:396px;
	float:left;
	text-align:left;
}

#content-mainleft-buchung
{
	width:803px;
	height:396px;
	float:left;
	text-align:left;
}

iframe
{
width:100%;
height:100%;

}

#subnavigation
{
	background:#649776;	
	width:540px;
	height:22px;
	margin:auto;
}


#content-mainleft-content
{
background:#C6D3C1;
width:540px;
text-align:left;
}

.full
{
	height:396px;
}


.split
{
	height:374px;
}

.flow
{
overflow:auto;
}

.noflow
{
overflow:hidden;
}

#contenttext
{
width:408px;
padding:10px 5px 0px 20px;
float:left;
font-size:10px;
}

.leftimg{float:left;}

.ob_button
{
background-color:#447244;
padding:5px;
width:110px;
margin:auto;
text-align:center;
}

.ob_button p
{
padding:0px;
}

.ob_button a
{
color:#F4F3E2;
}

#content-mainright
{
	background:#F4F3E2;	
	width:218px;
	height:310px;
	float:left;
	overflow-y:hidden;
	overflow-x:hidden;
	padding:0px 10px 10px 22px;
	text-align:left;
}
.content-mainright-header
{
	margin:22px 0px 5px 0px;
	text-align:center;
}




#servicenavigation
{
	clear:both;
	width:803px;
	height:37px;
	margin:auto;
}

#height
{
    height:385px;
    float:right;
    width:0px;
}

#ende
{
	margin-bottom:106px;
}

#clear
{
	clear: both;
}




.footer
{ 
	margin:auto;
	margin-top:30px;
	height:26px;

}  

table{
width:380px;
color:#FFFFFF;
white-space:nowrap;
}


td
{
	text-align:center;
	padding:2px;
}

.gruen 
{
background:#447244;
}

.hellgruen 
{
background:#649776;
}

.hellhellgruen 
{
background:#84a98a;
}

.normal
{
background:transparent;
color:#447244;
text-align:left;
vertical-align:top;
}


p
{
padding-bottom:10px;
}



.subsubaktiv{
	font-weight:bold;
}

a
{

	color: #447244;
	text-decoration:none;
}

a:hover, a:focus,  a:active {
	font-weight:bold;
}

a:hover.nolink, a:focus.nolink, a:active.nolink{
	font-weight:normal;
}


#navigation li a {
	font-size:14px;
	text-align:center;
}

#servicenavigation li a {
	text-align:center;
	color:#F4F3E2;
}

#subnavigation li a {
	text-align:center;
	color:#F4F3E2;
}

#navigation li a.aktiv, #subnavigation li a.aktiv, #servicenavigation li a.aktiv {
	font-weight: bold;
}


/************** Absatz-Stylesheet ***********








/************** Liste-Stylesheet ************/
#navigation ul 
{ 	background: transparent url(../grafik/logo.jpg) no-repeat left bottom;
	width:809px;
	height:81px;
	margin:0;
	border-bottom:3px solid #447244;
	margin-bottom:1px;
	text-align:center;
}

#navigation li 
{	list-style:none;
	display: inline;
/*		width:120px;*/
margin:0px 8px 0px 8px;
	margin-top:65px;
	float:left;
}

#navigation li.first 
{
	margin-left:130px;
}

#servicenavigation ul
{ 	
	text-align:center;
	padding-top:5px;
}

#servicenavigation li
{	list-style:none;
	display: inline;
	float:left;
	margin:13px 22px 0px 22px;
	
}

#servicenavigation li.first a
{
	margin-left:15px;
}


#subnavigation ul
{ 	
	text-align:center;
}

#subnavigation li
{	list-style:none;
	display: inline;
	float:left;
	margin:4px 8px 0px 8px;
}


/*---------------MENÜPUNKT-BREITEN----------------------*/
.breite1 
{	width:97px;
}

.breite2 
{	width:43px;
}

.breite3 
{	width:89px;
}

.breite4 
{	width:86px;
}

.breite5 
{	width:144px;
}

.breite6 
{	width:122px;
}

/*---------------SUB-MENÜPUNKT-BREITEN----------------------*/
.breite2_1 
{	width:72px;
}

.breite2_2 
{	width:71px;
}

.breite2_3
{	width:65px;
}

.breite2_4
{	width:44px;
}

.breite2_5
{	width:105px;
}

.breite2_6 
{	width:55px;
}


.breite3_1 
{	width:82px;
}

.breite3_2 
{	width:42px;
}

.breite3_3
{	width:131px;
}

.breite5_1 
{	width:81px;
}

.breite5_2 
{	width:155px;
}

.breite5_3
{	width:92px;
}

.breite5_4
{	width:50px;
}

/*---------------SERVICE-MENÜPUNKT-BREITEN----------------------*/
.breites_1 
{	width:54px;
}

.breites_2 
{	width:53px;
}

.breites_3
{	width:105px;
}

.breites_4
{	width:39px;
}

.breites_5
{	width:33px;
}

.breites_6 
{	width:47px;
}


.breites_7 
{	width:37px;
}

.breites_8 
{	width:77px;
}

/*---------------SCROLL----------------------
	#content-mainright{
				height: 206px;
				width: 300px;
				float:left;
				background: #f5f5f5;
				overflow:hidden;
			}*/
	
			.scrollbar-vert{
				background: url(../grafik/scroll_hg.gif) no-repeat;
				height: 310px;
				width: 13px;
				float:left;
			}
			.handle-vert{
				height: 50px;
				width: 13px;
				/*background: url(../grafik/han dle.gif) no-repeat;*/
			}
			
			
/* Formular*/
label, input, textarea, legend, select
{ 
	display: block;
	float:left;
	margin-bottom:5px;
	font-size: 11px;
}

textarea
{ 
		font-size: 11px;
}

label, legend
{  
	clear:left;
	padding-right: 10px;
	width:100px;

	font-size:11px;
	/*color:#7ab51d;*/

} 


.fehler {border:1px solid red;}
p.error {color:red;}
form {width:350px;}
fieldset {border:0px; }




#imageContainer {
	position:relative;
	margin:auto;
	overflow:hidden;
}










			