/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */

*  { padding: 0; margin: 0; }

img, div, input { behavior: url("iepngfix.htc") }
 
* html div {height: 1%;}

/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { /* Das HTML-Element mit dem Namen body */ 
   color: #42638e; /* Schriftfarbe */
   background:#e0e0e0 url(images/main_bg.png) top left repeat-x;/* Hintergrundfar be */
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 13px; /* Schriftgröße */ 	
} 
h1 {    color: #1c5eb2;
   font-size: 12pt; margin-bottom:8px; } 
h2 {    color: #1c5eb2;
   font-size: 12pt; } 
h3 {    color: #515151;;
   font-size: 11pt; } 
h4 {    color:#75dd10; 
font-size: 15pt; } 
/* Hyperlinks */

a { text-decoration: none; font-weight:bold;} 
a:link { color: #c61d1c; } 
a:visited { color: #c61d1c; }
a:hover, 
a:focus, a:active  {
	color:#c61d1c;
	text-decoration:underline;
}

a img {

  border: 0 none;

}

img {

  border: 0 none;

}


/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */
   
#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
   width: 838px; /* Breiter der Seite */
   background: transparent url(images/content.png) repeat-y top;
   margin-top: 0;
   margin-right: auto;
   margin-left: auto;
}
#foot_wrapper {
   width: 838px; /* Breiter der Seite */
   height:37px;
   background: transparent url(images/footer.png) no-repeat top;
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
}
#header {
   background: transparent url(images/quickfit_header.jpg) no-repeat center 0;
   position:relative;
   height: 118px;
   width:838px;
}
#navigation {height:65px; }
#content {
   width:838px;
   overflow:hidden;
   clear:both;
}
.foot_inhalt{padding:5px 9px 0 20px; font-size: 11px;}
.line {
	background: url(images/line_2px.gif) repeat-x top;
	background-position: 0 top;
	height:1px;
	overflow:hidden;
}
.floatL {
float:left;
}
.floatR {
float:right;
}
.titel_red {background:url(images/titel_bg_red.png) top left no-repeat; width:820px; height:35px;font-size: 12px; color:#fff;}

.light_blue_content {background:url(images/light_blue_content.gif) top left repeat-y; width:820px;}

.light_blue_foot {background:url(images/light_blue_foot.gif) top left no-repeat; width:820px; height:9px;}

.light_blue_content li {
color:#c61d1c;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-bottom:8px;
margin-left:13px;
}
.light_blue_content li span {
color:#42638e;
}

.light_blue_content .white_fl {margin:20px 0 0 0; padding:5px 8px 0 8px; background-color:#fff; overflow:hidden;}

.light_blue_content .white_fl2 {margin:20px 0 0 0; padding:5px 8px 0 8px; background-color:#fff; overflow:hidden;}
.light_blue_content .white_fl3 {margin:10px 0 0 0; padding:5px 8px 0 8px; background-color:#fff; overflow:hidden;}
.light_blue_content .white_fl3 .p_pos {padding:10px 10px 8px 0;}
.light_blue_content .white_fl4 {padding:5px; background-color:#fff; overflow:hidden;}

.light_blue_content .white_fl2 li {
color:#42638e;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
margin-bottom:8px;
overflow:hidden;
}

td.small {width:140px; text-align:center; font-weight:bold; padding:5px 3px; font-size:14px;}
td.small2 {width:230px; text-align:left; padding:5px 3px; font-size:14px;}
td.big {text-align:left; font-weight:bold; padding:5px 3px; font-size:14px;}

.sizepicpoints {width:710px; padding:5px;}

div.partner {
float:left;
padding-bottom:15px;
padding-left:1px;
width:200px;
}
div.partner  div.partner_logo {
border:1px solid #9cb8dd;
background-color:#fff;
float:left;
height:80px;
margin-left:18px;
padding:4px;
width:150px;
overflow:hidden;
}
* html div.partner  div.partner_logo {
 margin-left: 9px;
}

div.partner  div.partner_logo a img {
 -moz-opacity: 0.6;
 opacity: 0.6; 
  filter:alpha(opacity=62);
}

div.partner  div.partner_logo a:hover img {
 -moz-opacity: 1.0;
 opacity: 1.0; 
  filter:alpha(opacity=100);
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.prodrop4 { margin:0; list-style:none; height:65px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:65px; line-height:65px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:152px;}
.prodrop4 ul.sub2 {width:135px;}
.prodrop4 ul.sub3 {width:121px;}
.prodrop4 ul.sub4 {width:141px;}

.prodrop4 :hover ul {left:0; top:64px; background: #0241ab; padding:3px; border:1px solid #0238a7; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:bold; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#fff; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#fff; color:#0241ab;}

/* POPUP */
.main_pop_txt {
height:0;
left:0;
overflow:visible;
position:absolute;
top:0;
width:100%;
z-index:101;
}

.main_pop_txt .main_pop_txt_popup {
height:0;
overflow:visible;
position:relative;
}
table.pop_pop_txt_table {
border-collapse:collapse;
direction:ltr;
margin:auto;
table-layout:fixed;
width:565px;
}

td.pop_topleft {
background:transparent url(images/pop-sprite_01.png) no-repeat scroll 0 0;
}
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright {
height:14px;
overflow:hidden;
padding:0 !important;
width:14px !important;
}
td, td.label {
font-size:11px;
text-align:left;
}


td.pop_topright {
background:transparent url(images/pop-sprite_01.png) no-repeat scroll -16px 0px;
}

td.pop_side {
background:transparent url(images/pop-sprite_01.png) repeat-y scroll -14px 0;
}

td.pop_content {
background-color:white;
direction:ltr;
padding:0;
}

td.pop_content h2.pop_txt_title {
background:#b92500 none repeat scroll 0 0;
border:1px solid #7d0900;
color:white;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

td.pop_content h2 span {
display:block;
padding:4px 10px 5px;
}
td.pop_content .pop_txt_content {
background:#FFFFFF none repeat scroll 0 0;
border-color:#555555;
border-style:solid;
border-width:0 1px 1px;
}

td.pop_content .pop_txt_body {
border-bottom:1px solid #CCCCCC;
padding:10px;
font-size:12px;
}

td.pop_content .pop_txt_buttons {
background:#F2F2F2 none repeat scroll 0 0;
padding:8px;
text-align:right;
}

td.pop_side_l {
background:transparent url(images/pop-sprite_02.png) repeat-y scroll 0 0;
}

td.pop_side_r {
background:transparent url(images/pop-sprite_02.png) repeat-y scroll -16px 0;
}

td.pop_bottomleft {
background:transparent url(images/pop-sprite_01.png) no-repeat scroll 0 -14px;
}

td.pop_top {
background:transparent url(images/pop-sprite_01.png) repeat-x scroll 0 -34px;
}
td.pop_bottom {
background:transparent url(images/pop-sprite_01.png) repeat-x scroll 0 -49px;
}

td.pop_bottomright {
background:transparent url(images/pop-sprite_01.png) no-repeat scroll -16px -14px;
}
/* POPUP ENDE */

/* KONTAKT */
label {
padding:3px 0;
text-align:left;
width:140px;
}
input.fieldText, textarea, select {
border:1px solid #999999;
font-size:11px;
padding:3px;
width:320px;
}
input.invalid, select.invalid, textarea.invalid {
background:#FFC6C6 none repeat scroll 0 0;
border:1px solid #FF8080;
}

label.invalid {
color:#EE0000;
font-weight:bold;
}
input, button {
overflow:visible;
width:auto;
}
label, select {
cursor:pointer;
}
form {
margin:0;
padding:0;
}
fieldset {
border:medium none;
margin:0;
overflow:hidden;
padding:0;
}
form .hint {
color:#EE0000;
font-size:11px;
margin:5px 0;
}
form .hidden {
overflow:hidden;
width:0;
}
.hidden {
display:none;
}
.buttonArea {
color:#777777;
margin-left:140px;
margin-top:0;
}