<!--

/* body settings */

body { margin: 0; top: 0; left: 0; text-align: center; background: url(grafik/bg.gif) repeat-x; background-color: #f4f2f3; }


/* font settings */

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

h2 { font-family: Arial, Verdana, Sans-Serif; font-size: 12pt; font-weight:bold; font-style: italic; color: #a13d47; }

h3 { font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight:normal; color: #535353; }

p, td, li { font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight:normal; color: #535353; }

.normal { font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight:normal; color: #535353; }

.normal_rot { font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight:normal; color: #a13d47; 
	line-height: 110%;  }

.normal_grau { font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight:normal; color: #939393; 
	line-height: 110%;  }

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

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

.klein { font-family: Arial, Verdana, Sans-Serif; font-size: 8pt; font-weight:normal; color: #535353; }

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

.fett_rot { font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight:bold; color: #a13d47; 
	line-height: 110%;  }

.fett_grau { font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight:bold; color: #939393; 
	line-height: 110%;  }

.only_fett { font-weight: bold; }
.only_rot { color: #a13d47; }


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

button  { line-height: 1.3em; }

input,select,textarea	{ background-color: #e9e9e9; }


/* hyperlink settings */


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

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

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

a.fettrot:link, a.fettrot:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-size: 9pt; 
					font-weight: bold; color: #a13d47; text-decoration: none; }
a.fettrot:hover, a.fettrot:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-size: 9pt; 
					font-weight: bold; color: #a13d47; text-decoration: underline; }

a.normalrot:link, a.normalrot:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-size: 9pt; 
					font-weight: normal; color: #a13d47; text-decoration: none; }
a.normalrot:hover, a.normalrot:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-size: 9pt; 
					font-weight: normal; color: #a13d47; text-decoration: underline; }

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.grau10pt:link, a.grau10pt:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-size: 11pt; 
		     			font-weight: bold; color: #535353; text-decoration: none; }
a.grau10pt:hover, a.grau10pt:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-size: 11pt; 
		     			font-weight: bold; color: #a13d47; text-decoration: none; }

a.rot10pt:link, a.rot10pt:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: none; font-size: 11pt; 
		     			font-weight: bold; color: #a13d47; text-decoration: none; }
a.rot10pt:hover, a.rot10pt:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: none; font-size: 11pt; 
		     			font-weight: bold; color: #a13d47; text-decoration: underline; }

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

a.topmessen:link, a.topmessen:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-size: 9pt; 
					     font-weight: bold; color: #535353; text-decoration: none; }
a.topmessen:hover, a.topmessen:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-size: 9pt; 
					     font-weight: bold; color: #a13d47; text-decoration: underline; }

a.messen:link, a.messen:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-size: 9pt; 
					     font-weight: bold; color: #535353; text-decoration: none; }
a.messen:hover, a.messen:active  { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-size: 9pt; 
					     font-weight: bold; color: #a13d47; text-decoration: underline; }


/* button settings */

.buttonstyle_75 {
	
	width: 75px;
	height: 27px;

	padding-bottom: 1px;

	background: url(grafik/button_75.gif) no-repeat #FFFFFF;
	border: 0;

	text-align: center;
	
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
}

.buttonstyle_85 {
	
	width: 85px;
	height: 27px;

	padding-bottom: 1px;

	background: url(grafik/button_85.gif) no-repeat #FFFFFF;
	border: 0;

	text-align: center;
	
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
}

.buttonstyle_100 {
	
	width: 100px;
	height: 27px;

	padding-bottom: 1px;

	background: url(grafik/button_100.gif) no-repeat #FFFFFF;
	border: 0;

	text-align: center;
	
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
}

.buttonstyle_200 {
	
	width: 200px;
	height: 27px;

	padding-bottom: 1px;

	background: url(grafik/button_200.gif) no-repeat #FFFFFF;
	border: 0;

	text-align: center;
	
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
}


/* table classes */

.tbl_padd_4	{ padding-top: 4px; padding-bottom: 4px; }
.tbl_topmessen	{ padding-top: 4px; padding-bottom: 4px; }


/* 1st layers */

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

#header 	{ float: left; width: 1000px; height: 84px; position: relative; text-align: left; 
		  background-color: #FFFFFF; background-image: url(grafik/bg_header.gif); 
		  display: block; }

#middle 	{ float: left; width: 1000px; position: relative; top: 0px; text-align: left; 
		  display: block; }

#footer 	{ float: left; width: 100%; height: 80px; position: relative; top: 0px; text-align: center; 
		  background: url(grafik/bg_footer.gif) repeat-x; background-color: #FFFFFF;
		  display: block; }


/* 2nd layers in layer header */

#header_top	{ float: left; width: 1000px; height: 49px; text-align: right; display: block; }
#header_bottom	{ float: left; width: 1000px; height: 35px; text-align: right; display: block; }


/* 2nd layers in layer middle */

#middle_part1	{ float: left; width: 1000px; height: 52px; text-align: left; display: block; }

#middle_part2	{ float: left; width: 1000px; text-align: left; display: block; }

		#middle_part2_left	{ float: left; width: 30px; min-height: 580px; text-align: left; display: block; }

		#middle_part2_middle	{ float: left; width: 940px; text-align: left; display: block; }

			#middle_part2_middle_top	{ float: left; width: 940px; height: 29px; text-align: left; display: block; overflow: hidden; }

			#middle_part2_middle_page	{ float: left; width: 940px; text-align: left; display: block; background-color: #FFFFFF; }

		#middle_part2_right	{ float: left; width: 30px; text-align: left; display: block; }

#middle_part3	{ float: left; width: 1000px; height: 82px; text-align: left; display: block; }


/* 2nd layers in layer middle_part2_middle_page */

#cont_part1	{ float: left; width: 940px; height: 60px; text-align: left; display: block; }

#cont_part2	{ float: left; width: 940px; text-align: left; display: block; }

		#cont_part2_left	{ float: left; width: 60px; min-height: 300px; text-align: left; display: block; }

		#cont_part2_middle	{ float: left; width: 820px; text-align: left; display: block; }

		#cont_part2_right	{ float: left; width: 60px; text-align: left; display: block; }

#cont_part3	{ float: left; width: 940px; height: 60px; text-align: left; display: block; }


/* 2nd layers in layer footer2 */

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

		#footer_cont_left	{ float: left; width: 300px; text-align: left; margin-top: 20px; display: block; }

		#footer_cont_right	{ float: left; width: 700px; text-align: right; margin-top: 20px; display: block; }


/* 3rd layers on start page in layer cont_part2_middle */

#start_col1	{ float: left; width: 220px; text-align: left; display: block; }

#start_col2	{ float: left; width: 79px; text-align: left; display: block; }

#start_col3	{ float: left; width: 281px; text-align: left; display: block; }

#start_col4	{ float: left; width: 79px; text-align: left; display: block; }

#start_col5	{ float: left; width: 161px; text-align: left; display: block; }

#start_list_vorteile { float: left; width: 275px; min-height: 20px; text-align: left; display: block; 
			background-image: url(grafik/start_list_vorteile.gif); background-repeat: no-repeat; background-position: top left; 
			padding-left: 30px; margin-bottom: 15px; 
			font-family: Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight:normal; color: #535353; }

#start_line	{ float: left; width: 820px; height: 2px; text-align: left; display: block; 
		  background-image: url(grafik/start_line_gray.gif); background-repeat: no-repeat; 
		  margin-top: 18px; margin-bottom: 10px; }

#start_bot_col1	{ float: left; width: 445px; text-align: left; display: block; }

#start_bot_col2	{ float: left; width: 35px; text-align: left; display: block; }

#start_bot_col3	{ float: left; width: 340px; text-align: left; display: block; }

#start_news_row1	{ float: left; width: 440px; margin-bottom: 2px; text-align: left; display: block; }

#start_news_row2	{ float: left; width: 398px; margin-bottom: 10px; padding-left: 42px; text-align: left; display: block; }

#start_drv	{ float: left; width: 820px; height: 56px; text-align: left; display: block; }


/* 3rd layers on other pages in layer cont_part2_middle */

#page_fullwidth	{ float: left; width: 820px; text-align: left; display: block; }


/* layers for news page */

#news_row1	{ float: left; width: 810px; margin-bottom: 2px; text-align: left; display: block; }

#news_row2	{ float: left; width: 768px; margin-bottom: 10px; padding-left: 42px; text-align: left; display: block; }


/* layers for messen page */

#messen_box	{ float: left; width: 820px; text-align: left; display: block; 
		  background-color: #FAFAFA; border: 1px solid #CCCCCC; 
		  margin-bottom: 20px; }

#messen_box_cont { float: left; width: 804px; text-align: left; display: block; 
		  padding: 8px;  }


/* layers for anfrage page */

#anfrage_box	{ float: left; width: 820px; text-align: left; display: block; 
		  background-color: #FAFAFA; border: 1px solid #CCCCCC; 
		  margin-bottom: 20px; }

#anfrage_box_cont { float: left; width: 804px; text-align: left; display: block; 
		  padding: 8px;  }


/* layers for area "top messen" on other pages than home-page */

#topmessen_box		{ float: right; width: 280px; min-height: 420px; text-align: right; display: block; 
			  background: url(grafik/topmessen_bg.gif); background-repeat: no-repeat; }

#topmessen_innerbox	{ float: left; width: 220px; text-align: left; display: block; margin-left: 60px; }


/* layers for messages */

#messagebox	{ float: left; width: 600px; text-align: left; display: block; 
		  background-color: #FAFAFA; border: 1px solid #CCCCCC; 
		  margin-bottom: 20px; margin-bottom: 20px; margin-right: 220px;
		  padding: 8px; }


/* 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; }


//-->