body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height:160%;
margin:0;
padding:0;
}

/*
a:link{		color: #f00; text-decoration:none}
a:visited{	color: #f00; text-decoration:none}
a:active{	color: #f00; text-decoration:none}
a:hover{	color: #f00; text-decoration:none}
*/

a:link{			color: #7F2A2D; text-decoration: none}
a:visited{		color: #7F2A2D; text-decoration: none}
a:active{		color: #f00; text-decoration: none}
a:hover{		color: #000; text-decoration: underline}







/* ---------- spaltenbreiten ----------- */



#innerlayout,
#innerhead, 
#fuss{	width:900px;} 	/* gesamtbreite */



#innercontent{	width:68%;} 	/* contentspalte */
#calculator{	width:30%;} 	/* rechnerbereich */


#innermainmenu{		height:28px;margin: 0 auto;}
#innercontentmenu{	height:22px;margin: 0 auto;}


/* ------------ linker randabstand ------------ */

#layout,
#layoutende,
#contentmenuarea{	width:940px; margin: 0 auto;}



#innerlayout,
#innerhead{
padding: 0 20px;
border: #f00 0px solid;
margin: 0 auto;
}













#head{
border: #f00 0px solid;
height:200px;
}

#innerhead{
height:165px;
border: #f00 0px solid;
overflow:hidden;
}





#layout{
border: #39c 0px solid;


}






#innerlayout{
border: #f00 0px solid;
background: url(../sitepix/backdimmer_fff_80.png);
}


#layoutende{
clear:both;
background: url(../sitepix/seitenende_fff_80.png) 100% 0 no-repeat;
height: 20px;
border: #f00 0px solid;
}
 







/* ------------ menus ------------ */


/* ---- oben ----- */

#mainmenu{
background: #7F2A2D;
}


#innermainmenu{
width: 940px;
}



#innermainmenu #menuhome a,
#innermainmenu #menuhochzeit a,
#innermainmenu #menuopenair a,
#menutagung a,
#menufirmenprivat a{
width: 188px;
height: 28px;
border:#f00 0px solid;
float:left;
overflow:hidden;
}





#innermainmenu #menuhome a{
background:url(../sitepix/menu/menu_home.gif)
}
#innermainmenu #menuhome a:hover{
background:url(../sitepix/menu/menu_home_o.gif)
}
#innermainmenu #menuhome a.aktiv{
background:url(../sitepix/menu/menu_home_a.gif)
}



#innermainmenu #menuhochzeit a{
background:url(../sitepix/menu/menu_hochzeit.gif)
}
#innermainmenu #menuhochzeit a:hover{
background:url(../sitepix/menu/menu_hochzeit_o.gif)
}
#innermainmenu #menuhochzeit a.aktiv{
background:url(../sitepix/menu/menu_hochzeit_a.gif)
}



#innermainmenu #menuopenair a{
background:url(../sitepix/menu/menu_openair.gif)
}
#innermainmenu #menuopenair a:hover{
background:url(../sitepix/menu/menu_openair_o.gif)
}
#innermainmenu #menuopenair a.aktiv{
background:url(../sitepix/menu/menu_openair_a.gif)
}



#innermainmenu #menutagung a{
background:url(../sitepix/menu/menu_tagung.gif)
}
#innermainmenu #menutagung a:hover{
background:url(../sitepix/menu/menu_tagung_o.gif)
}
#innermainmenu #menutagung a.aktiv{
background:url(../sitepix/menu/menu_tagung_a.gif)
}


#innermainmenu #menufirmenprivat a{
background:url(../sitepix/menu/menu_firmenprivat.gif)
}
#innermainmenu #menufirmenprivat a:hover{
background:url(../sitepix/menu/menu_firmenprivat_o.gif)
}
#innermainmenu #menufirmenprivat a.aktiv{
background:url(../sitepix/menu/menu_firmenprivat_a.gif)
}

















/* ---- unten ----- */

#contentmenu{
background: #999;
}



#contentmenuarea{
height:10px;
background: #fff;
}



#innercontentmenu{
width:940px;
overflow:hidden;

}


#innercontentmenu a img{
margin: 3px 0 0 0;
border: #f00 0px solid;
}


#innercontentmenu a:hover img{

}






#innercontentmenu ul#submenu{
height:20px;
border:#f00 0px solid;
margin:0 0 0 10px;
padding:0;
}

#innercontentmenu ul#submenu li{
text-align:center;
border:#f00 0px solid;
border-right:#000 1px solid;
}

#innercontentmenu ul#submenu li a{
height:22px;
display:block;
color: #000;
padding:0 15px;
}


#innercontentmenu ul#submenu li a:hover{
background: #fff;
color: #000;
}

#innercontentmenu ul#submenu li a.active{

}












/* ---- für beide ----- */

#innermainmenu ul#mainmenu li,
#innercontentmenu ul#submenu li{
float:left;
list-style-type:none;
}



#innermainmenu ul#mainmenu li a,
#innercontentmenu ul#submenu li a{
text-decoration:none;
}














/* ------------ gesamtinhalt ------------ */



#content{
border: #f00 0px solid;
}



#pfad{
margin:0;
padding:0;
border: #f00 0px solid;

}

#innerpfad{
margin:0;
padding:0;

}

#innerpfad span{
padding: 0 4px 0 0;
border: #f00 0px solid;
}




#innerpfad .active{

}


#pagenav{
border-top: #ccc 1px solid;
clear:both;
}

#pagenav #back{
float:left;
}

#pagenav #top{
float:right;

}





/* ------------ hauptinalt links ------------ */




#innercontent{
float:left;
clear:left;
border-right: #ccc 1px solid;
padding: 0 10px 10px 0;
}


#innercontentpadding{
padding:0;
border: #f00 0px solid;
}





.location{
border: #f00 0px solid;
margin: 0 0 30px 0;
padding: 10px;
background: url(../sitepix/backdimmer_fff_50.png);
}






.infoimage330r{
float:right;
border: #ccc 0px solid;
width: 330px;
overflow:hidden;
margin: 0 0 10px 10px;
}



.infoimage240r{
float:right;
border: #ccc 0px solid;
width: 240px;
overflow:hidden;
margin: 0 0 10px 10px;
}





#innercontent ul{
padding: 0 0 0 20px;
margin:0px;
}


#innercontent li{
padding: 0 0 10px 0;
}




#innercontent h1{
color: #000;
font-size: 130%;
padding: 0 0 5px 0;
margin: 20px 0 0 0;

border: #f00 0px solid;

}



#innercontent h2{
font-size: 100%;
padding: 0 0 5px 0;
margin: 20px 0 5px 0;

font-weight:normal;
line-height: 140%;
}




#innercontent h3{
font-size: 140%;
padding: 0 0 5px 0;
margin: 20px 0 10px 0;
line-height: 140%;
}









#innercontent h6{
font-size: 70%;


}












#innercontent .form-element{
clear:both;
border: #fff 0px solid;
margin: 20px 0;
padding:10px;
}

#innercontent .form-element h3{
margin: 0px 0 5px 0;
padding: 0;
}



#innercontent .form-element h4{
margin: 10px 0 5px 0;
padding: 0;
}


#innercontent .form-element fieldset fieldset legend{
font-weight: bold;
padding:0 5px 0 0;
}







/* ------------ rechner ------------ */



#calculator{
padding:10px 0pt 0pt;
float:right;
clear:right;
border-left: #fff 0px solid;

}



#calculator h3{
margin:20px 0pt 0pt;
font-weight:normal;
}






#calculator #innercalculator{
padding: 10px 10px 60px 10px;
}


#innercontent #innercalculator{
padding: 10px;
}



#innercalculator ul{
line-height:100%;
padding:0 0px 5px 0;
margin: 0px;
}

#innercalculator li{
line-height:100%;
padding:0 0 5px 0;
list-style-type: none;
border-bottom:1px solid #fff;
}










#innercalculator .calcgroup{
border: #f00 0px solid;
margin:30px 0;
clear:both;


}

#innercalculator .withbg{
/*
background: url(../sitepix/backdimmer_fff_50.png);
padding:5px;
*/
}





#innercalculator .calcgroup h4,
#innercalculator .total h4{
font-size:100%;
margin: 0;
padding:0;
border-bottom:#fff 1px solid;
}

#innercalculator .calcgroup h5{
margin: 0px;
padding:0;
text-align:right;
color: #000;
font-size:80%;
}




#innercalculator .total{
/* background: url(../sitepix/backdimmer_fff_50.png); */
border: #f00 0px solid;
margin: 20px 0 20px 0;
padding:5px;
}


#innercalculator .total h5{
margin: 10px 0 0 0;
padding:0;
text-align:right;
font-size:120%;
color: #000;
}




#innercalculator h3{
margin: 0 0 10px 0;
padding:0;
font-size:100%;
}



#innercalculator h6{
margin: 0;
padding: 0 0 0 15px;
font-size:80%;
color: #999;
}





#innercalculator div#delete{
margin:10px 0 0 0;
border: #c00 0px solid;
text-align:center;
font-weight:bold;
height:30px;
background: url(../sitepix/button_calculator_loeschen.gif) 50% 0% no-repeat;
}



#innercalculator div#deletebox a{
display:block;
}

#innercalculator div#deletebox a:hover{
background: #fff;
color: #fff;
text-decoration:none;
}




#innercalculator div#offer{
margin:10px 0 0 0;
border: #c00 0px solid;
text-align:center;
font-weight:bold;
height:30px;
background: url(../sitepix/button_calculator_angebotanfragen.gif) 50% 0% no-repeat;
}



#innercalculator div#offerbox a{
display:block;
}

#innercalculator div#offerbox a:hover{
background: #fff;
color: #fff;
text-decoration:none;
}












#innercalculator .calczeile{
border-bottom: #666 1px dotted;
}



#innercalculator p{
border-bottom: #fff 1px solid;
margin: 0;
padding:0;
height:22px;
font-size:90%;
}

#innercalculator span{
border: #f00 0px solid;
width:85%;
float:left;
clear:left;
font-size:80%;
}

#innercalculator .calczeile .trash{
width:16px;
float:right;
clear:right;
}


#calculator fieldset{
border:none;
}

#calculator fieldset legend {
/* display:none; */
}



#calculator #gaestemenge{
float:left;
width:40%;
}







hr{clear:both;}

.break{
border: #f00 0px solid;
clear:both;

}

#innercontent #submit,
#calculator #calculatorform #submit{
float:right;
width:40%;
}



.selected{
background: #cfc url(../sitepix/backstatus_gebucht.gif) 100% 0 no-repeat;
}



#angebot{
border: #f00 0px solid;
}


#angebot .form-element{
clear:both;
border: #f00 0px solid;
margin: 0 0 5px 0;
}

#angebot label{
width:35%;
float:left;
}

#angebot input,
#angebot textarea{
}


.alertbox{
border: #f00 1px solid;
}


.alertbox h4{
font-weight:normal;
padding:0;
margin:0;
}









.form-element fieldset{
background: url(../sitepix/backstatus_buchen.gif) 100% 0 no-repeat;
}

.form-element fieldset.selected{
background: #eee url(../sitepix/backstatus_gebucht.gif) 100% 0 no-repeat;
}









#pagenav{
font-size:80%;

}




/* ------------ klappbare fieldsets ------------ */



html.js #innercontent fieldset.collapsed {
border: #fff 1px solid;
height:20px;
margin: 0 0 20px 0;
}



html.js #innercontent fieldset.fieldsetactive{
background: url(../sitepix/form-element-active.gif) 100% 0 no-repeat;
}




html.js #innercontent fieldset.collapsed * {
  display: none;
}
html.js #innercontent fieldset.collapsed legend {
  display: block;
 
}


/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js #innercontent fieldset.collapsed legend,
* html.js #innercontent fieldset.collapsed legend *,
* html.js #innercontent fieldset.collapsed table * {
  display: inline;
}
html.js #innercontent fieldset.collapsible legend a {
display: block;
font-weight:bold;
padding:0 10px 0 20px;
background: url(../sitepix/fieldsetpointer_close.gif) 0% 50% no-repeat;
}

html.js #innercontent fieldset.collapsed legend a {
padding:0 10px 0 20px;
background: url(../sitepix/fieldsetpointer.gif) 0% 50% no-repeat;

}



/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js #innercontent fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
}