@charset "UTF-8";
/* CSS Document */

html,body {font-family: 'Gudea',arial, sans-serif; margin:0; padding:0; width:100%; background: #DE2B01; font-size:100%; /*16px*/ color:#666666;}
body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

h1 {font-size:3.125em; /*50px, 50/16 */ font-weight:normal; color:#B00919; line-height:normal; padding:0; margin:0;}
h2 {font-size:2.06em; /*30px, 30/16 */ font-weight:normal;}
h3 {font-size: 1.6em; /*25*/  font-weight:normal;}
h4 {font-size: 1.2em; /*18*/ padding:0; margin:0; font-weight:normal; color: #B00919; display:block; margin-bottom:0.625em; /*10px*/}


#guiOuter {float:left; width:100%; height: auto; clear:both; background:#ffffff;}
#guiWrap { max-width:1040px;/*960+80*/ height:auto;	padding-left:4.6875%; /*45*/ background:#ffffff; margin:0 auto; }

/************ Header *************/
#guiHeader {float: left; height:7.1em; width:100%; }
#guiHeader #guiLogo {float:left; width:24.807692307692%;/*258 / 1040*/ height:114px; background: url(/images/logo_rot.jpg) left bottom no-repeat;}
#guiHeader #guiHeaderTop{float:left; height:46px; width:75.192307692%; /*782*/ padding:1.0416% 0 0 0;}
#guiHeader #guiHeaderTop #guiHeaderLogin{float:right;}
#guiHeader #guiHeaderTop .login{float:left; color:#CCCCCC; border: 1px solid #CCCCCC; width:100px; height:1.37em;/*18px*/ margin-right:0.625em; /*10px*/}
#guiHeader #guiMenu {float:left; height:3.375em; width:75.192307692%;/*782*/ border-bottom:1px solid #B00919; color:#B00919;}

/************ Menu 1 *************/
#guiHeader #guiMenu ul {list-style-type:none; margin:0; height:3.375em; padding:0 2.083333333333%; color:#B00919; font-size:1em;}
#guiHeader #guiMenu ul li a{float:left; display:block; height:2.15em; padding:0.6em 0.5em; margin:0 1.153846153846%; color:#B00919; text-decoration:none;}
#guiHeader #guiMenu ul li a:hover {background: url(/images/menu1_on_rot.jpg) center; background-position: 50% 99%; background-repeat:no-repeat;}
#guiHeader #guiMenu ul li a.menu1On {background: url(/images/menu1_on_rot.jpg) center; background-position: 50% 99%; background-repeat:no-repeat; font-weight:bold;}

/************ Content Home *************/
#guiContentHome {float:left; width:100%; padding:7.4em 0;}
#guiContentHome .guiContentColWrap {float:left; width:100%; padding:0; margin:0;}
.guiContentColIndex {float:left; width:29.583333333333%; /*284*/}
.guiContentColSentence{float:left; width:29.583333333333%; /*284*/ border-bottom:2px solid #666666;}
.middle {float:left; margin:0 5.625%; /*54*/}
#guiContentHome .guiContentColSentence p.highlight {float:left; font-size:1.25em; /*20*/}

/************ Content *************/
#guiContent {float:left; width:100%; padding:0; margin-bottom:0.9375em;/*15px*/}
#guiContentColLeft {float:left; width:24.807692307692%;/*258 / 1040*/ margin-top:3.125em;/*50px*/}
#guiContentColLeft #guiMenu2 {float:left; width:100%;/*258*/ list-style-type:none; padding:0; margin:0;}
#guiContentColLeft #guiMenu2 li a{display:block; width:70%;/*258*/ line-height:normal; height:1.5625em; padding:0.3125em 0 0 0.3125em; margin:0.3em 0; /*5/16*/ color:#666666; text-decoration:none; }
#guiContentColLeft #guiMenu2 li a:hover {background:#B00919 url(/images/menu2_on.jpg) right; line-height:normal;padding-left:0.3125em;background-repeat:no-repeat; color:#ffffff; text-decoration:none;}
#guiContentColLeft #guiMenu2 li a.menu2On {background:#B00919 url(/images/menu2_on.jpg) right; line-height:normal;padding-left:0.3125em;background-repeat:no-repeat; color:#ffffff; text-decoration:none;}

#guiContentColRight {float:left; width:75.1923%;}

.guiContentColHeadline {background:url(/images/header_pic_blaetter.jpg) right bottom; background-repeat:no-repeat; height:11.5em; /*11.5em-7.625*/}
.headline {font-size:2.7em; /*48px, 48/16 */ font-weight:normal; color:#B00919; line-height:normal; padding-top:1.125em; /*18px*/ margin:0; float:left; width:61.253561254%; /*430px*/}
.guiContenColFirstText {color:#B00919; font-size:1.125em; /*18/16*/ margin-bottom:1.125em;/*18px*/}
.guiContentParagraph {float:left; width:100%; font-size:1em; padding-bottom:2.375em;/*38px*/ margin-bottom:2.375em;/*38px*/ border-bottom:1px solid #666666;}
.last {border:none;}
.guiContentParagraphLeft {float:left; width:45.014245014%; /*316px/702*100*/ margin-right:2em; /*35px*/}
.guiContentParagraphRight {float:left; width:45.014245014%; /*316px/702*100*/ margin-left:2em; /*35px*/}

.guiContentParagraphLeft ul {float:left; list-style-type:none; padding:0; margin:0; color:#B00919;}
.guiContentParagraphLeft ul li {display:block; padding:0 0 0 1em ; /*5px, 12px*/ margin:0; background:url(/images/content_list_rot.jpg) top left no-repeat;}

.guiContentParagraphRight ul {float:left; list-style-type:none; padding:0; margin:0; color:#B00919;}
.guiContentParagraphRight ul li {display:block; padding:0 0 0 1em ; /*5px, 12px*/ margin:0; background:url(/images/content_list_rot.jpg) top left no-repeat;}

/************ Footer *************/
#guiWrapFooterOuter {float:left; position:relative; width:100%; height: auto; margin-bottom:40px; background:#DE2B01;}
#guiFooter {margin:0 auto; font-size:0.875em; /*14px*/ max-width:1040px;/*960+80*/ padding:1.0416% 0 0 4.6875%; /*10* *45*/  text-align:right; color:#ffffff; height:50px; background:#DE2B01;}
#guiWrapFooterOuter #guiFooter a, a.link, a.active, a.visited {color:#ffffff; text-decoration:none;}
