/**************************/
/* Global Settings        */
/**************************/
* {
	margin:0;
	padding:0;
	text-align:left;
}

html, body {
	height: 100%;
	min-width: 1100px;
}
/* Main body style */

body {
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	background: #032f70 url(images/background.jpg) top left repeat-x;
	color: #ffffff;
	font-size: 100.01%;	
	text-align: center;
}

img {
  border: 0px;
  }
 
p {
  color: #003161;
  font-size: 11px;
  }
  
a {color: #003161; text-decoration: underline; }
a:hover {color: #003161; text-decoration: none; }


div#wrapper {
  width: 1084px;
  margin: 0px auto;
  height: 100%;
  }  

div#bgwrapper
  {margin-left: 198px; position: relative; float: left; width: 686px; height: auto; background: transparent url(images/wrapperbackground.jpg) top left repeat-y;}
  * html div#bgwrapper
  {margin-left: 99px;}  
    
div#content {
  width: 576px;
  min-height: 758px;
  float: left;
  position: relative;
  margin-left: 56px;
  background: #94c2f3 url(images/main_background.jpg) bottom left no-repeat;
  }
  * html div#content
  {margin-left: 28px;}
  
div#logo
  {float: left; position: relative; width: 270px;}
div#claim
  {float: left; position: relative;}
/**************************/
/* Inhalte                */
/**************************/ 

div#content div#maincontent
  {margin-top: 15px; float: left;} 
  * html div#maincontent
    {height: 650px;}  
div#content div#maincontent h1
  {margin: 0px; padding: 0px; float: left; position: relative; width: 576px;}
div#content div#maintext
  {font-size: 11px; color: #003161; padding: 10px; float: left; width: 546px; display: inline; margin-bottom: 30px;}
div#content div#maintext p
  {margin-bottom: 10px; width: auto; color: #003161; font-size: 11px;} 
div#content div#maintext h2
  {font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #003161;}  
 
div#content div#maintext div#mainimage
  {float: left; position: relative; background: #458bd9 url(images/main_image_background.jpg) bottom left no-repeat; width: 132px; height: 164px; margin-right: 10px; } 
div#content div#maintext div#mainimage img
  {float: left; position: relative; padding-left: 10px; padding-top: 8px; }  
  
  
/**************************/
/* Navigation             */
/**************************/  
div#navi {
	float: left;
	width: 576px;
	height: 19px;
  border-top: 1px dotted #ffffff; 
  border-bottom: 1px dotted #ffffff; 
  padding-top: 3px; 
  padding-bottom: 3px;
}
    * html div#navi {
        float: left;
        width: 576px;
        height: 19px;
        }

div#navi ul {
	font-size: 8px;
	list-style-type: none;
}
	*:first-child+html div#navi ul {text-indent: -5000em;}

#navi li {
	position: relative;
	display: block;
	height: 19px;
	background-position: 0 -19px;
	background-repeat: no-repeat;
	float: left;
}

#navi a {
	display: block;
	height: 0;
	padding-top: 19px;
	background-repeat: no-repeat;
	overflow: hidden;
}
	* html #navi a:link {height: 19px; he\ight: 0;}
	* html #navi a:visited {height: 19px; he\ight: 0;}

#navi li.nav1, #navi a.nava1 {background-image: url(images/tischkultur_off.gif); width: 123px;}
#navi li.nav2, #navi a.nava2 {background-image: url(images/weinkultur_off.gif); width: 121px;}
#navi li.nav3, #navi a.nava3 {background-image: url(images/trinkkultur_off.gif); width: 119px;}
#navi li.nav4, #navi a.nava4 {background-image: url(images/wohnkultur_off.gif); width: 125px;}
#navi li.nav5, #navi a.nava5 {background-image: url(images/anfrage_off.gif); width: 88px;}

#navi a:hover {
	background-image: none;
}   
  
/**************************/
/* Weitere Produkte       */
/**************************/

div#subnavi
  {width: 576px; margin-left: 5px; }
  * html div#subnavi
    {width: 566px; margin: 0px; padding-left: 7px;}  
div.produktcontainer
  {width: 90px; height: 182px; float: left; position: relative; margin-right: 5px;}
  * html div.produktcontainer
    {padding-right: 4px; margin: 0px;}
div.produkte
  {width: 90px; height: 162px; background-color: #022763;}
div.produkte img
  {border: 1px solid #ffffff; margin-top: 3px; margin-left: 3px; margin-bottom: 5px;}
div.produkte p
  {padding: 0px; color: #ffffff; margin: 0px; text-align: center; font-size: 11px;}
div.produkte a
  {color: #ffffff; text-decoration: underline;}
div.produkte a:hover
  {color: #ffffff; text-decoration: none;}
div.produkte_bottom
  {width: 90px; height: 20px; background: transparent url(images/weitere_produkte_reflection.png) top left no-repeat; }
  
/* active product */
div.produkte_act
  {width: 90px; height: 162px; background-color: #17528f;} 
div.produkte_act img
  {border: 1px solid #ffffff; margin-top: 3px; margin-left: 3px; margin-bottom: 5px;}
div.produkte_act p
  {padding: 0px; color: #ffffff; margin: 0px; text-align: center; font-size: 11px;}
div.produkte_act a
  {color: #ffffff; text-decoration: underline;}
div.produkte_act a:hover
  {color: #ffffff; text-decoration: none;} 
/**************************/
/* Footer                 */
/**************************/
div#footer
  {margin: 0px auto; height: 90px; width: 1084px; float: left;}
div#footer div#footer_left
  {float: left; width: 254px; height: 90px; background: transparent url(images/left_footer_background.jpg) top left no-repeat;}
div#footer div#footer_mid
  {padding-top: 20px; width: 576px; height: 130px; float: left;  background: transparent url(images/footer_mid_background.jpg) top left no-repeat;}
div#footer div#footer_right
  {padding-top: 20px; width: 254px; height: 90px; float: left;  background: transparent url(images/right_footer_background.jpg) top left no-repeat;}
  
/* LINKS */  
div#footer div#footer_mid ul
  {padding-top: 85px; font-size: 11px; list-style: none; text-align: center;}
div#footer div#footer_mid ul li
  {display: inline; }
div#footer div#footer_mid ul a
  {color: #ffffff; text-decoration: none;}
div#footer div#footer_mid ul a:hover
  {color: #ffffff; text-decoration: underline;}



/**************************/
/* Formular               */
/**************************/

/* Main form container */
#formcontainer {
	padding: 10px;
	width: 576px;		
	color: #003161;
}

* html #formcontainer {
	width: 556px;
	wid\th: 556px;	
}

/* No border for fieldsets */
fieldset {
	border: 0;	
	float: left;
}

/* Label styles  */
label {
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-bottom: 6px;
	margin-top: 2px;
	width: 70px;
	height: 15px;
	float: left;	
	cursor: pointer;	
}

/* Input fields styles  */
input, textarea {
	font-size: 11px;
	font-weight: bold;
	color: #0c1b56;
	width: 170px;
	height: 15px;
	padding: 1px 0 1px 1px;	
	float: left;	
	border: 1px solid #0c1b56;	
	background-color: #94c2f3;
}

* html input, textarea {
	height: 18px;
	he\ight: 15px;
}

/* Input fields styles active */
input:focus, textarea:focus {
	background-color: #ffffff;	
	border: 1px solid #0c1b56;		
}

/* Special width for checkbox */
input.check {
	width: 14px;
	height: 20px;	
	border: 0;
	background-color: #94c2f3;
	margin-right: 5px;
	margin-top: 0px;
	clear: both;
}

/* Textarea special style */
textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 0 0 2px;
	width:451px;
	height:80px;
	margin-bottom: 5px;		
}

/* Button special style */
input.button {
	font-size: 0.75em;
	width: 180px;
	height: 24px;
	background-color: #94c2f3;
	border: 1px solid #0c1b56;
	text-align: center;
	margin-left: 345px;
	margin-bottom: 20px;
	margin-top: 6px;	
}


/* Button hover style */
input.button:hover {
	background-color: #ffffff;
	cursor: pointer;
}

div.labeltext {
	width: 215px;	
	margin-top: 10px;	
	float:left;	
	font-size: 11px;
	margin-bottom: 10px;
}

div.inputtext {
	width: 50px;	
	margin-top: 10px;	
	float:left;	
}


div.clear {
	clear: both;
}

br.clear {
	clear: both;
}

div.inputtext_special
  {float: left; margin-left: 210px;}
  * html div.inputtext_special
    {float: left; margin-left: 105px;}  



/**************************/
/* Highslide              */
/**************************/
.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-wrapper, .drop-shadow {
	background: white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}



div#maincontent ul {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 10px;	
}
	
div#maincontent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;

	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 16px;
}
	* html div#maincontent li {height:1px;}