/***********************************
 * Orange: FF8C00
 * Hellblau: 88b9d7 oder d8eaf7
 ************************************/




/* Anzeigen des Scrollbalken rechts immer, damit der Inhalt nicht hin- und herspringt */
html { overflow: scroll; }

body { 
	padding: 0px;
	margin: 0px; 
	background: #ffffff url('background2.png') repeat-x; 
	font-family: Arial, Verdana;
	font-size: 12px; 
	color: #333333;
}

img { border: 0px; }


#screen { margin: 0px auto; width: 940px; }


/***************************** HEADER ******************************/

#header { background-color: #FF8C00; width: 940px; height: 250px; position: relative; }
#header img#header-left { height: 248px; }
#header img#stimmungsbild { position: absolute; top: 0px; left: 218px; }
#header img#logo { position: absolute; z-index: 20; left: 498px; }
#header img#preisgarantie { position: absolute; z-index: 20; top: 181px; left: 513px; }


/************************* NAVIGATION ****************************/

#navigation-bar { position: relative; border-top: 1px solid #ffffff; background-color: #FF8C00; height: 33px; margin-bottom: 20px; }

#search { width: 218px; height: 33px; position: absolute; bottom: 0px; left: 0px; }
#search #search-input { border: 0px; margin: 7px; font-size: 0.9em; padding: 2px 3px; }
#search #search-button { position: absolute; top: 8px; width: 15px; height: 16px; padding: 0px; border: 0px; margin: 0px; background: url('arrow-right-on-orange.gif') no-repeat; cursor: pointer; }
#search form { margin: 0px; border: 0px; padding: 0px;  }

#navi ul, #subnavi ul, #servicenavi ul { list-style: none; padding: 0px; margin: 0px; }
#navi ul li, #servicenavi ul li { float: left;  }

#navi { width: 722px; height: 33px; position: absolute; left: 218px; }
#navi ul li { padding: 0px; margin: 0px; }
#navi ul li a { display: block; margin: 0px; padding: 0px 15px; line-height: 33px; text-transform: uppercase; font-weight: bold; color: #ffffff; text-decoration: none;}
#navi ul li a:hover,
#navi ul li.act a { background-color: #88B9D7;  }

#subnavi ul { margin-bottom: 30px; }
#subnavi ul li { border-top: 1px solid #bdd8f2; padding: 4px; margin: 0px -5px 0px -5px;}
#subnavi ul li.first { border-top: 0px solid transparent; }
#subnavi ul li a { text-decoration: none; color: #333333; }
#subnavi ul li.act a { background: url('arrow-right.gif') no-repeat 0px 3px; padding-left: 15px; font-weight: bold; }
#subnavi ul li a:hover { color: #FF8C00; }
#subnavi ul li.act ul { margin-bottom: 0px;  }
#subnavi ul li.act ul li { border-top: 0px none; }
#subnavi ul li.act ul li a { background: none; padding-left: 15px; font-size: 0.8em; }
#subnavi ul li.act ul li.act a { background: url('arrow-right-small.gif') no-repeat 5px 3px; color: #FF8C00; }

/***************************** CONTENT ******************************/

#content { width: 940px; }
#content #left { float: left; width: 190px; margin-bottom: 20px; padding: 0px 5px 5px 5px; }
#content #middle { float: left; width: 470px; margin-left: 30px; margin-bottom: 20px; padding: 0px 5px 5px 5px; }
#content .incl-right { width: 700px !important; }
#content #right { float: right; width: 190px; margin-bottom: 20px; padding: 0px 5px 5px 5px; }



/***************************** FOOTER ******************************/

#footer { clear: both; background-color: #FF8C00; width: 940px; height: 33px; color: #ffffff; }
#footer li a { color: #ffffff; } 
#footer #copyright { float: left; line-height: 33px; margin-left: 10px; font-weight: bold; }
#footer #servicenavi { float: right; width: 710px; }
#footer #servicenavi a { line-height: 33px; font-weight: bold; text-decoration: none; color: #ffffff; }
#footer #servicenavi a:hover { color: #333333; }
#footer #servicenavi ul { list-style-image: url('bullet_white.gif'); margin-left: 5px; margin-right: 10px; }
#footer #servicenavi ul li { padding-left: 0px; margin: 0px 5px 0px 10px; }
#footer #servicenavi #printlink,
#footer #servicenavi ul { display: inline; float: right; }