<!--

/* include IE PNG fix */

img, div { behavior: url(iepngfix.htc); }



/* body settings */

body { margin: 0; top: 0; left: 0; text-align: center; background: url(grafik/bg.gif) repeat-x; background-color: #a3b3e8; }



/* font settings */

h1 { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 12pt; font-weight: normal; color: #3c5591; }

h2 { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight: bold; color: #222222; }

h3 { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 11pt; font-weight: normal; color: #222222; }

p, td, li { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 11pt; font-weight: normal; color: #222222; }

.titel { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 12pt; font-weight: normal; color: #3c5591; }

.gross { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 11pt; font-weight: normal; color: #222222; }

.normal { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight: normal; color: #222222; }

.fett { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 11pt; font-weight: bold; color: #222222; }

.klein { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 7pt; font-weight: normal; color: #222222; }

.copyright { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 7pt; font-weight: normal; color: #222222; }


.only_fett { font-weight: bold; }

.only_blau { color: #3c5591; }



ul { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 9pt; font-weight: normal; color: #222222; }

button  { line-height: 1.3em; }

input,select	{ background-color: #e9e9e9; }




/* hyperlink settings */


a:link, a:visited  { font-family: Tahoma, Arial, Verdana, sans-serif; font-style: normal; font-size: 11pt; 
		     font-weight: normal; color: #000088; text-decoration:underline; }
a:hover, a:active  { font-family: Tahoma, Arial, Verdana, sans-serif; font-style: normal; font-size: 11pt; 
		     font-weight: normal; color: #AA0000; text-decoration:underline; }

a.noline:link, a.noline:visited  { font-family: Tahoma, Arial, Verdana, sans-serif; font-style: normal; font-size: 11pt; 
				   font-weight: normal; color: #000088; text-decoration:none; }
a.noline:hover, a.noline:active  { font-family: Tahoma, Arial, Verdana, sans-serif; font-style: normal; font-size: 11pt; 
				   font-weight: normal; color: #AA0000; text-decoration:none; }

a.gross_noline:link, a.gross_noline:visited  { font-family: Tahoma, Arial, Verdana, sans-serif; font-style: normal; font-size: 11pt; 
				   	font-weight: normal; color: #000088; text-decoration:none; }
a.gross_noline:hover, a.gross_noline:active  { font-family: Tahoma, Arial, Verdana, sans-serif; font-style: normal; font-size: 11pt; 
				   	font-weight: normal; color: #AA0000; text-decoration:none; }

a.home:link, a.home:visited  { font-family: Tahoma, Arial, Verdana, sans-serif; font-style: normal; font-size: 11pt; 
			     font-weight: normal; color: #222222; text-decoration:underline; }
a.home:hover, a.home:active  { font-family: Tahoma, Arial, Verdana, sans-serif; font-style: normal; font-size: 11pt; 
			     font-weight: normal; color: #AA0000; text-decoration:underline; }




/* 1st layers */

#mainlayer	{ width: 980px; height: 100%; margin: 0 auto; top: 0px; text-align: left; }

#header 	{ float: left; width: 980px; height: 152px; position: relative; text-align: left; 
		  background-image: url(grafik/bg_header.png); background-repeat: no-repeat; 
		  margin-top: 33px;
		  display: block; }

#menu 		{ float: left; width: 980px; height: 80px; position: relative; text-align: left; 
		  background-image: url(grafik/bg_menu.png); background-repeat: no-repeat; 
		  display: block; }

#middle 	{ float: left; width: 980px; position: relative; top: 0px; text-align: left; 
		  background-image: url(grafik/bg_middle.png); background-repeat: repeat-y; 
		  display: block; }

#footer 	{ float: left; width: 980px; height: 60px; position: relative; top: 0px; text-align: left; 
		  background-image: url(grafik/bg_footer.png); background-repeat: no-repeat; 
		  margin-bottom: 30px;
		  display: block; }





/* 2nd layers in layer middle */

#middle_bgpic	{ float: left; width: 980px; text-align: left; 
		  background-image: url(grafik/bg_middle_pic.jpg); background-repeat: no-repeat; background-position: 10px 0px;
		  display: block; }

		#middle_part1	{ float: left; width: 30px; min-height: 396px; text-align: left; display: block; }

		#middle_part2	{ float: left; width: 651px; text-align: left; display: block; }

		#middle_part3	{ float: left; width: 20px; text-align: left; display: block; }

		#middle_part4	{ float: left; width: 249px; text-align: left; display: block; }

		#middle_part5	{ float: left; width: 30px; text-align: left; display: block; }





/* 2nd layers in layer middle_part2 */

#contbox_top	{ float: left; width: 651px; height: 25px; text-align: left; 
		  background-image: url(grafik/contbox_top.gif); background-repeat: no-repeat;
		  display: block; overflow: hidden; }

#contbox_middle	{ float: left; width: 651px; text-align: left; 
		  background-image: url(grafik/contbox_middle.gif); background-repeat: repeat-y;
		  display: block; }

		#contbox_content  { float: left; width: 611px; text-align: left; padding-left: 20px; padding-right: 20px; display: block; }

#contbox_bottom	{ float: left; width: 651px; height: 25px; text-align: left; 
		  background-image: url(grafik/contbox_bottom.gif); background-repeat: no-repeat;
		  display: block; }





/* 2nd layers in layer middle_part4 */

#rightbox_top	{ float: left; width: 249px; height: 25px; text-align: left; 
		  background-image: url(grafik/rightbox_top.gif); background-repeat: no-repeat;
		  display: block; overflow: hidden; }

#rightbox_middle { float: left; width: 249px; text-align: left; 
		  background-image: url(grafik/rightbox_middle.gif); background-repeat: repeat-y;
		  display: block; }

		#rightbox_content  { float: left; width: 209px; text-align: left; padding-left: 20px; padding-right: 20px; display: block; }

#rightbox_bottom	{ float: left; width: 249px; height: 25px; text-align: left; 
		  background-image: url(grafik/rightbox_bottom.gif); background-repeat: no-repeat;
		  display: block; }





/* 2nd layers in layer footer_cont */

#footer_content	{ float: left; width: 980px; height: 30px; text-align: center; 
		  padding-top: 10px; padding-bottom: 10px;
		  display: block; }


/* picture styles */



.picstyle  { margin-left: 20px; margin-bottom: 20px; }



























/* 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; }
.nospace { padding: 0px; margin: 0px; vertical-align: middle; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


//-->