/**********************************************************
 * General formatting
 **********************************************************/

* {
margin:  0;
padding: 0;
}
/* Due to the reset of all paddings, the select boxes would be too narrow. */
option {
	padding-left: 0.4em;
}
img, fieldset {
	border: 0;
}
html {
	height: 100%;
	overflow-y: scroll;  /* Scrollbar for Firefox, Safari & Co. */
}
body {
	/* force FF and Netscape to make vertical scrollbars, like IE for a consistent layout: */
	/* fix of the rounding bug in opera: */
font-size: 12px;
	/* positioned elements won't be moved if the size of the browser window gets changed: */ 
position: relative;
background:url(../images/bg_rapport.jpg) no-repeat;
color: #474747;
font-family:Arial, Verdana, Helvetica, sans-serif;
padding-bottom:20px;
}

:focus {
  -moz-outline-style: none;
}

/**********************************************************
 * Ende - Allgemeine Formatierungen
 **********************************************************/



/**********************************************************
 * Clearing Methonden
 **********************************************************/
 
.clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
/* Required for Safari */
.clearfix {
display: block;
}
/**********************************************************
 * Ende-  Clearing Methonden
 **********************************************************/
 
/**********************************************************
 * Header mit Bild und Logo sowie dem blauen Band 
 **********************************************************/ 
 
#wrap {
width:817px;
margin:0 auto;
background:url(../images/bg_wrap.png) repeat-y;
}

#header{
width:817px;
height:194px;
margin:0 auto;
margin-top:12px;
background:url(../images/drop_shadow_top.png) no-repeat;
} 

#logo {
width:250px;
height:191px;
float:left;
margin: 0 0 0 10px;
border-bottom:3px solid #ffffff;
border-right: 3px solid #ffffff;
}


#header_flash {
width:544px;
height:191px;
position:relative;
top: -194px;
left:263px;
}

#header_image {
width:544px;
height:191px;
float:left;
border-bottom:3px solid #ffffff;
}

.header_unternehmen {
background:url(../images/header.jpg) no-repeat;
}

#blue_band {
width:797px;
height:58px;
margin:0 10px 0 10px;
background:url(../images/bg_blue_band.png) repeat-x;
}


#left_column {
float:left;
width:258px;
}

/**********************************************************
 * Navigation
 **********************************************************/
 
#navigation {
width:206px;
position:relative;
top:-81px;
left:33px;
}

#navigation_top {
width:206px;
height:25px;
background:url(../images/navigation_top.png) no-repeat;
}

#navigation_content {
background:url(../images/navigation_bg.png) repeat-y;
padding-bottom: 14px;
}

#navigation_list {
list-style:none;
padding-left: 8px;
}

/*Kein Abstand von oben*/
#navigation_list li.first {
padding-top: 0;
}
/*mehr Abstand vom letzten Element zum Ende der Navigation*/


.nav_element {
margin:0;
width:190px;
height:16px;
display:block;
}

.nav_line {
line-height:0;
font-size:0px;
display:block;
margin:6px 0 10px 0; /*Abstand von Linie zum Text darüber 6px und 10 zum Text darunter*/
width:190px;
height:1px;
background:url(../images/nav_line.png) no-repeat;
}

/*Nur noch Austausch der Grafiken über die jeweiligen Klassen*/
.unternehmen {
background:url(../images/unternehmen.png) no-repeat;
}

.philosophie {
background:url(../images/unser_anspruch.png) no-repeat;
}

.marken {
/*padding-bottom:5px; */
background:url(../images/marken.png) no-repeat;
}


/**********************************************************
 * Subnav
 **********************************************************/

#subnavigation_list {
list-style:none;
padding-top:7px;
display:none;
}

#subnavigation_list.visible{
display:block;
}

#subnavigation_list li {
padding:0px;
}

.subnav_element {
margin:0;
width:190px;
height:13px;
display:block;
}

/*RollOver für Elemente der 1. Navigationsebene*/
.subnav_element:hover{background-position:-190px 0;}

/*Id um ein Element aktiv zu setzen*/
#subnav_aktiv{background-position:-380px 0;}

.donauland {
padding-bottom:7px;
background:url(../images/donauland.png) no-repeat;
}

.vielleicht {
padding-bottom:7px;
background:url(../images/vielleicht.png) no-repeat;
}

.fix_und_foxi {
background:url(../images/fix_und_foxi.png) no-repeat;	
}

/**********************************************************/

.kontakt {
background:url(../images/kontakt.png) no-repeat;
}

/*RollOver für Elemente der 1. Navigationsebene*/
.nav_element:hover, .marken_active{background-position:-190px 0;}

/*Id um ein Element aktiv zu setzen*/
#nav_aktiv{background-position:-380px 0;}

#navigation_bottom{
width:206px;
height:14px;
background:url(../images/navigation_bottom.png) no-repeat;
}

/**********************************************************
 * Box
 **********************************************************/
 
#box {
position:relative;
top:-51px;
margin-left:41px;
}
  
#box_top {
width:190px;
height:41px;
}
 
.box_top_marken  {
background:url(../images/box_top_marken.png);
}

.box_top_qualitaet  {
background:url(../images/box_top_unser_anspruch.png);
}

#box_content {
color:#003d7e;
width:190px;
background:#eff5fc;
}
 
#box_content p {
font-size:11px;
line-height:16px;
padding:8px 0 8px 10px;
}

#box_bottom {
width:190px;
height:4px;
background:url(../images/box_bottom.png);
}


/**********************************************************
 * Content
 **********************************************************/
 
#right_column {
float:left;
margin:14px 0 0 0;
} 

#content_right {
float:left;
width:300px;
}


#content_left {
float:left;
width:235px;
}

#content_long {
width:530px;
}

.h1 {
margin:0 0 6px 0;
}

.h2 {
margin:10px 0 5px 0;
}


.content_text {
margin: 0 0 12px 0;
line-height:18px;
}

.highlight {
color:#003d7e;
font-weight:bold;
}

.clear {
clear:both;
}

.last {
margin:0 0 23px 0;
}

.seals {
margin:15px 0 8px 15px;
}

.marken_logos  {
margin:15px 0 20px 0;
}

.link {
display:block;
margin:8px 0 0 0;
padding:0 0 0 10px;
color:#003d7e;
font-weight:bold;
text-decoration:none;
background:url(../images/box_arrow.png) no-repeat;
background-position:0 6px;
}

.link:hover {text-decoration:underline;}

.email_link {
text-decoration:none;
color:#474747;
}

.email_link:hover {text-decoration:underline;color:#003d7e;}

.impressum_first {
margin: 26px 0 12px 0;
}

/**********************************************************
 * Footer
 **********************************************************/

#footer {
width:761px;
margin:0 auto;
padding:16px 0 0 0;
font-size:11px;
color:#003d7e;
background:url(../images/footer_line.png) no-repeat;
}

.footer_left {
float:left;
margin: 0 0 8px 30px;
}

.footer_right {
float:right;
margin: 0 30px 8px 0;
}

.footerlink {
text-decoration:none;
color:#003d7e;
}

.footerlink:hover,.footer_active {text-decoration:underline;}

#page_end {
margin:0 auto;
width:815px;
height:23px;
background:url(../images/page_end.png) no-repeat;
}