<!--

/* general settings */

body { background-color: #ffffff; background-image: url(grafik/bg_body.jpg); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center; }

h1 { font-family: Verdana, Arial, Sans-Serif; font-size: 14pt; font-weight:normal; color: #111111;   }

h2 { font-family: Verdana, Arial, Sans-Serif; font-size: 11pt; font-weight:normal; color: #111111; 
	line-height: 110%;  }

p, td, ul, li { font-family: Verdana, Arial, Sans-Serif; font-size: 11pt; font-weight:normal; color: #111111; 
	line-height: 110%;  }

.normal { font-family: Tahoma, Arial, Sans-Serif; font-size: 9pt; font-weight:normal; color: #00328c; 
	line-height: 110%;  }

.gross { font-family: Tahoma, Arial, Sans-Serif; font-size: 12pt; font-weight:normal; color: #00328c; 
	line-height: 110%;  }

.gross_fett   { font-family: Tahoma, Arial, Sans-Serif; font-size: 12pt; font-weight:bold; color: #00328c; 
		line-height: 110%;  }

.klein { font-family: Verdana, Arial, Sans-Serif; font-size: 7pt; font-weight:normal; color: #111111; 
	line-height: 110%;  }

.klein_grau { font-family: Verdana, Arial, Sans-Serif; font-size: 7pt; font-weight: normal; color: #818181; }

.fett { font-family: Verdana, Arial, Sans-Serif; font-size: 11pt; font-weight: bold; color: #111111; 
	line-height: 110%;  }

.only_fett { font-weight: bold; }

.only_red { color: #B10000; }

.only_green { color: #009900; }


ul { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; font-size: 9pt; font-weight: normal; color: #003060; }

button  { line-height: 1.3em; }


a:link, a:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 11pt; 
		     font-weight: normal; color: #111111; text-decoration:underline; }
a:hover, a:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 11pt; 
		     font-weight: normal; color: #D94409; text-decoration:underline; }

a.noline:link, a.noline:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 11pt; 
		     font-weight: normal; color: #000066; text-decoration:none; }
a.noline:hover, a.noline:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 11pt; 
		     font-weight: normal; color: #D94409; text-decoration:none; }

a.noline_fett:link, a.noline_fett:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 8pt; 
					     font-weight: bold; color: #003060; text-decoration:none; }
a.noline_fett:hover, a.noline_fett:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 8pt; 
					     font-weight: bold; color: #D94409; text-decoration:none; }

a.klein:link, a.klein:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 7pt; 
		     		font-weight: normal; color: #003060; text-decoration:underline; }
a.klein:hover, a.klein:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 7pt; 
		     		font-weight: normal; color: #D94409; text-decoration:underline; }

a.klein_grau:link, a.klein_grau:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 7pt; 
				     		font-weight: normal; color: #818181; text-decoration:underline; }
a.klein_grau:hover, a.klein_grau:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 7pt; 
				     		font-weight: normal; color: #D94409; text-decoration:underline; }


/* 1st layers */

#mainlayer	{ width: 900px; height: 100%; margin: 0 auto; top: 0px; text-align:left; }

#header 	{ float: left; width: 900px; height: 144px; position: relative; text-align: left; 
		  background-image: url(grafik/header_pic.jpg); 
		  margin-top: 23px; display: block; }

#menu 		{ float: left; width: 900px; height: 30px; position: relative; text-align: left; 
		  display: block; }

#content 	{ float: left; width: 900px; min-height: 500px; position: relative; text-align: left; 
		  display: block; }

#footer 	{ float: left; width: 1000px; height: 26px; position: relative; top: 0px; text-align: right; 
		  background-image: url(grafik/bg_footer.jpg); background-repeat: no-repeat;
		  display: block; }

#final 		{ float: left; width: 1000px; height: 20px; position: relative; top: 0px; text-align: center; 
		  font-family: Verdana, Arial, Sans-Serif; font-size: 8pt; font-weight: normal; color: #84A0BF; 
		  margin-top: 13px;
		  display: block; }


/* 2nd layers in layer menu */

#menu_left	{ float: left; display: block; width: 245px; height: 30px; 
		  background-image: url(grafik/bg_menu_left.jpg); background-repeat: no-repeat; }

#menu_right	{ float: left; display: block; width: 655px; height: 30px; 
		  background-image: url(grafik/bg_menu_right.jpg); background-repeat: no-repeat; }


/* 2nd layers in layer content */

#content_space	{ float: left; display: block; width: 5px; min-height: 450px; }

#content_left	{ float: left; display: block; width: 240px; height: 284px; 
		  background-image: url(grafik/bg_content_left.jpg); background-repeat: no-repeat; }

#content_right	{ float: left; display: block; width: 655px; text-align: left; }

	#cont_borders	{ float: left; display: block; width: 655px; background: url(grafik/bg_cont-borders.gif) repeat-y; }

		#cont_inhalt	{ float: left; display: block; width: 595px; margin-left: 12px; margin-top: 20px; }

	#cont_finish	{ float: left; display: block; width: 655px; height: 31px; background: url(grafik/bg_cont-finish.gif) no-repeat; }

	#cont_copyright	{ float: left; display: block; width: 624px; height: 20px; margin-top: 10px; margin-bottom: 20px; text-align: center; }


/* 3rd layer to define status of renting possibilitys for places in renting formular */

#place_left	{ float: left; width: 180px; display: block; }
#place_right	{ float: left; width: 120px; display: block; padding-top: 2px; }


/* 2nd layers in layer content */

#bar_space	{ float: left; width: 19px; left: 0px; min-height: 423px; text-align: left; }

#bar_cont	{ float: left; width: 561px; left: 0px; text-align: left; }

#bar_cont_full	{ float: left; width: 981px; left: 0px; text-align: left; }	/* special case if no image on right side */

#bar_image	{ float: left; width: 420px; left: 0px; text-align: left; }


/* 3rd layers in 2nd layer bar_cont */

#contbox_title 	{ float: left; width: 560px; height: 35px; text-align:left; 
		  margin-top: 30px; 
	  	  display: block; }

#contbox_text 	{ float: left; width: 560px; text-align:left; 
		  font-family: Tahoma, Arial, Sans-Serif; font-size: 9pt; font-weight:normal; color: #00328c; line-height: 110%;
		  display: block; }

/* especially for full width */

#contbox_title_full 	{ float: left; width: 980px; height: 35px; text-align:left; 
			  margin-top: 30px; 
		  	  display: block; }

#contbox_text_full 	{ float: left; width: 980px; text-align:left; 
			  font-family: Tahoma, Arial, Sans-Serif; font-size: 9pt; font-weight:normal; color: #00328c; line-height: 110%;
			  display: block; }


/* special definitions for page "preise" */

#preise_box_left	{ float: left; width: 664px; height: 300px; text-align:left; 
			  padding-left: 8px; padding-right: 8px;
			  padding-top: 5px; padding-bottom: 5px;
			  margin-right: 15px; 
			  background-color: #e6f5fa; border: 1px dotted #00b6df;
			  display: block; }

#preise_box_right 	{ float: left; width: 244px; height: 300px; text-align:left; 
			  padding-left: 8px; padding-right: 8px;
			  padding-top: 5px; padding-bottom: 5px;
			  background-color: #e6f5fa; border: 1px dotted #00b6df;
			  display: block; }


/* classes for tables */

.tbl_grau1  { background-color: #D0D0D0; font-family:Arial,Verdana,Sans-Serif; font-size:9pt; font-weight:normal; font-style:normal: color:#000000; }
.tbl_grau2  { background-color: #EAEAEA; font-family:Arial,Verdana,Sans-Serif; font-size:9pt; font-weight:normal; font-style:normal: color:#000000; }

.tbl_noleftpad { padding-left: 0px; }

.kont_tbl   { padding-bottom: 3px; }
.impr_tbl   { padding-right: 3px; padding-bottom: 3px; }
.oeff_tbl   { padding-bottom: 10px; font-weight: bold; }
.pr_tbl_l   { padding-bottom: 3px; text-align: left; }
.pr_tbl_r   { padding-bottom: 3px; text-align: right; }
.pr_tbl_c   { padding-bottom: 3px; text-align: center; }


/* classes for pop-ups */

#win_box	{ width: 434px; height: 415px; text-align:left; 
		  padding-left: 8px; padding-right: 8px;
		  padding-top: 5px; padding-bottom: 5px;
		  margin-top: 30px; margin-bottom: 10px; 
		  background-color: #e6f5fa; border: 1px solid #00b6df;
		  display: block; }


/* other classes */

.buttonstyle { font-size: 8pt; }

.buttonstyle_rot { background-color: #E86214; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; 
			font-style: normal; font-size: 9pt; font-weight: bold; }

.salon_pics      { margin-right: 10px; margin-bottom: 10px; }
.salon_pics_last { margin-bottom: 10px; }

.picstyle  { margin-left: 10px; margin-bottom: 10px; }

.nospace { padding: 0px; margin: 0px; vertical-align: middle; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


//-->