html {
margin:0px;
padding:0px;
height:101%;
}
body { padding: 0;
margin:0;
color: #ce0645;
font-size: 12px;
font-family: Georgia;
background-image: url(/pictures/bg.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-color: #ffffff;
text-align: center;
}
.clear {clear: both}
h1 { color: #ce0645;
font-weight: normal;
font-size: 12px;
display: inline;
}
h2 { color: #ce0645;
font-weight: normal;
font-size: 12px;
}
h3 { color: #FFFFFF;
font-weight: normal;
font-size: 12px;
display: inline;
}
h4 { color: #ce0645;
font-weight: normal;
font-size: 12px;
}
h5 { color: #ce0645;
font-weight: normal;
font-style: italic;
font-size: 10px;
}
h6 { color: #000000;
font-weight: normal;
font-size: 12px;
}
a:link { color: #6b6161;
text-decoration: none;
}
a:visited { color: #6b6161;
text-decoration: none;
}
a:hover { color: #000000;
text-decoration: none;
}
a:active { color: #6b6161;
text-decoration: none;
}
#content a:link {color:#000000}
#content a:visited {color:#000000}
#content a:hover {color:#6b6161}
#content a:active {color:#000000}
#buehne {width: 991px;
margin: 0 auto;
position: relative;
clear: both;
}
#header { height: 210px;
width: 991px;
margin: 0 auto;
}
/*Content*/
#content { width: 991px;
margin: 0 auto;
position: relative;
min-height: 230px;
font-family: Georgia;
background-image: url(/pictures/bg_2.jpg);
}
* html #content {height: 230px;
} /*Hack für IE 6 und niedriger*/
#left_col {float: left;
width: 299px;
margin: 2px 0 0 17px;
text-align: left;
display: inline; /*Hack für IE 6 und niedriger*/
}
#mid_col {float: left;
width: 310px;
margin: 2px 0 0 32px;
text-align: left;
display: inline; /*Hack für IE 6 und niedriger*/
}
#right_col {float: left;
width: 305px;
margin: 2px 0 0 22px;
text-align: left;
display: inline; /*Hack für IE 6 und niedriger*/
}
#footer { height: 133px;
width: 991px;
position: relative;
margin: 22px auto;
}
/*Ende Content*/
/*Beginn Navigation---------------------------------------------------------------------------*/
#navigation {font-family: Helvetica, Arial;
font-size: 15px;
text-align: left;
height: 16px;
width: 940px;
left: 15px;
top: 106px;
position: absolute;
z-index: 5;
visibility: visible;
}
#navigation ul li.here a {color: #000000;}
#navigation ul li.active a{color: #ce0645;}
* html #navigation { left: -29px;
top: 121px;
} /*Hack für IE 6 und niedriger*/
*:first-child+html #navigation { left: -29px;
top: 121px;
} /*Hack für IE 7*/
#navigation ul{ padding: 0px}
#navigation ul li {padding-right: 18px;
display: inline;
margin: 0 10px auto 0;
background-image: url(/assets/images/trenner.gif);
background-position: right;
background-repeat: no-repeat
}
* html #navigation ul li {padding-right: 14px;
padding-left: 4px;
} /*Hack für IE 6 und niedriger*/
*:first-child+html #navigation ul li {padding-right: 14px;
padding-left: 4px;
} /*Hack für IE 7*/
#navigation ul li.last {background-image: none}
/*Ende Navigation*/
/*Beginn Subnavigation--------------------------------------------------------------------*/
#subnavigation ul li.last {background-image: none}
#subsubnavigation ul li.last {background-image: none}
#subnavigation { font-family: Helvetica, Arial;
text-align: left;
height: 13px;
width: 940px;
left: 15px;
top: 160px;
position: absolute;
z-index: 4;
visibility: visible;
}
#subnavigation ul li.here a {color: #000000;}
#subnavigation ul li.active a{color: #ce0645;}
* html #subnavigation { left: -28px;
top: 172px;
} /*Hack für IE 6 und niedriger*/
*:first-child+html #subnavigation { left: -28px;
top: 172px;
} /*Hack für IE 7*/
#subnavigation ul {padding: 0px}
#subnavigation ul li {display:inline;
list-style-type: none;
list-style-position: inside;
margin: 0 10px auto 0;
background-image: url(/assets/images/trenner_2.gif);
padding-right: 17px;
background-position: right;
background-repeat: no-repeat
}
* html #subnavigation ul li {padding-right: 14px;
padding-left: 3px;
} /*Hack für IE 6 und niedriger*/
*:first-child+html #subnavigation ul li {padding-right: 14px;
padding-left: 3px;
} /*Hack für IE 7*/
/*Ende Subnavigation*/
/*Beginn SubSubnavigation----------------------------------------------------------------------*/
#subsubnavigation {font-family: Helvetica, Arial;
text-align: left;
height: 13px;
width: 940px;
left: 15px;
top: 188px;
position: absolute;
z-index: 3;
visibility: visible;
}
#subsubnavigation ul li.here a {color: #000000;
}
#subsubnavigation ul li.active a{color: #ce0645;
}
* html #subsubnavigation { left: -28px;
top: 200px;
} /*Hack für IE 6 und niedriger*/
*:first-child+html #subsubnavigation { left: -28px;
top: 200px;
} /*Hack für IE 7*/
#subsubnavigation ul {padding: 0px;
}
#subsubnavigation ul li {display:inline;
list-style-type: none;
list-style-position: inside;
margin: 0 10px auto 0;
background-image: url(/assets/images/trenner_2.gif);
padding-right: 17px;
background-position: right;
background-repeat: no-repeat;
}
* html #subsubnavigation ul li {padding-right: 14px;
padding-left: 3px;
} /*Hack für IE 6 und niedriger*/
*:first-child+html #subsubnavigation ul li {padding-right: 14px;
padding-left: 3px;
} /*Hack für IE 7*/
/*Beginn Broschüre-------------------------------------------------------*/
#broschuere {font-family: Helvetica, Arial;
font-size: 10px;
height: 11px;
width: 128px;
left: 315px;
top: 75px ;
position: absolute;
z-index: 6;
visibility: visible;
}
#linie_oben { height: 1px;
width: 964px;
left: 15px;
top: 154px;
position: absolute;
z-index: 7;
visibility: visible;
}
/*Ende Broschüre*/
/*Beginn Linie unten-------------------------------------------------------*/
#linie_unten { height: 1px;
width: 664px;
left: 315px;
top: 65px;
position: absolute;
z-index: 8;
visibility: visible;
}
/*Ende Linie unten*/
/*Beginn Impressum-----------------------------------------------------------*/
#impressum { font-family: Helvetica, Arial;
font-size: 10px;
height: 11px;
width: 231px;
left: 748px;
top: 75px;
position: absolute;
z-index: 9;
visibility: visible;
}
/*Ende Impressum*/
#logo { height: 35px;
width: 175px;
left: 806px;
top: 39px;
position: absolute;
z-index: 10;
visibility: visible;
}
#herz { height: 73px;
width: 89px;
left: 10px;
top: 0;
position: absolute;
z-index: 11;
visibility: visible;
}
/*Beginn Angebot-------------------------------------------------*/
#angebot { height: 122px;
width: 289px;
left: 15px;
position: absolute;
z-index: 12;
visibility: visible;
top: 11px;
}
/*Ende Angebot*/
/*Beginn Referenzen----------------------------------------------*/
#text_referenzen {font-size: 12px;
color: #6b6161;
height: 205px;
width: 224px;
left: 15px;
top: 21px;
position: absolute;
z-index: 13;
visibility: visible;
text-align: left;
line-height: 1.5; }
* html #text_referenzen { top: 33px;
} /*Hack für IE 6 und niedriger*/
*:first-child+html #text_referenzen { top: 33px;
} /*Hack für IE 7*/
#content_referenzen { height: 293px;
width: 603px;
left: 350px;
top: 8px;
position: absolute;
z-index: 14;
visibility: visible;
overflow: hidden;
}
#content_referenzen_noscript { height: 293px;
width: 603px;
left: 350px;
top: 8px;
position: absolute;
z-index: 14;
visibility: visible;
overflow: hidden;
}
/*Ende Referenzen*/
/*Beginn Felder fuer Webdesign Referenzen----------------------*/
#design { height: 290px;
width: 620px;
left: 322px;
top: 9px;
position: absolute;
z-index:12;
visibility: visible;
overflow: hidden;
}
#ab { height: 292px;
width: 622px;
left: 321px;
top: 9px;
position: absolute;
z-index:12;
visibility: visible;
overflow: hidden;
background-color: #ffffff;
}
/*Ende Felder fuer Webdesign Referenzen*/
#vor { height: 46px;
width: 27px;
left: 953px;
top: 211px;
position: absolute;
z-index: 15;
visibility: visible;
}
#zurueck { height: 46px;
width: 27px;
left: 315px;
top: 211px;
position: absolute;
z-index: 16;
visibility: visible; }
/*Beginn Textfelder Aktuell-Seite--------------------------------------------------------------------------*/
#angebots-bild {
width: 245px;
height: 175px;
text-align: left;
}
/*Beginn Angebotstext Aktuell-Seite*/
#text_angebot { color: #6b6161;
text-align: left;
width: 245px;
min-height: 50px;
margin-top: 15px;
line-height: 16px;
line-height: 1.5;}
#text_links { color: #6b6161;
width: 290px;
margin: 10px 0 0 0;
text-align: left;
min-height: 45px;
line-height: 1.5;}
* html #text_links {height: 45px;
} /*Hack für IE 6 und niedriger; IE versteht kein min.height*/
#text_rechts { color: #6b6161;
width: 290px;
margin: 10px 0 0 0;
text-align: left;
min-height: 45px;
line-height: 1.5;}
* html #text_rechts {height: 45px;
} /*Hack für IE 6 und niedriger; IE versteht kein min.height*/
/*Ende Angebotstext Aktuell-Seite*/
/*Beginn Angebot-1(links) Text Aktuell-Seite*/
#text_aktuell_1 { color: #6b6161;
width: 290px;
margin: 10px 0 0 0;
text-align: left;
min-height: 45px;
line-height: 1.5;}
* html #text_aktuell_1 {height: 45px;
padding-top: 7px;
} /*Hack für IE 6 und niedriger; IE versteht kein min.height*/
*:first-child+html #text_aktuell_1 {padding-top: 6px;
} /*Hack für IE 7*/
/*Ende Angebot-1(links) Text Aktuell-Seite*/
/*Beginn Angebot-2(rechts) Text Aktuell-Seite*/
#text_aktuell_2 { color: #6b6161;
width: 305px;
margin: 10px 0 0 0;
text-align: left;
min-height: 45px;
line-height: 1.5;}
* html #text_aktuell_2 {height: 45px;
padding-top: 7px;
} /*Hack für IE 6 und niedriger; IE versteht kein min.height*/
*:first-child+html #text_aktuell_2 {padding-top: 6px;
} /*Hack für IE 7*/
/*Ende Angebot-2(rechts) Text Aktuell-Seite*/
/*Beginn Angebot-1(links) Bild Aktuell-Seite*/
#aktuell_1 { width: 310px;
margin: 0 auto;
min-height: 175px;
}
* html #_aktuell_1 {height: 175px;
} /*Hack für IE 6 und niedriger; IE versteht kein min.height*/
/*Ende Angebot-1(links) Bild Aktuell-Seite*/
/*Beginn Angebot-2(rechts) Bild Aktuell-Seite*/
#aktuell_2 { width: 305px;
margin: 0 auto;
min-height: 175px;
}
* html #_aktuell_2 {height: 175px;
} /*Hack für IE 6 und niedriger; IE versteht kein min.height*/
/*Ende Angebot-2(rechts) Bild Aktuell-Seite*/
/*-----------------------------------------------------------------------------------------------*/
/*Beginn Slogan*/
#slogan { font-style: italic;
font-size: 12px;
width: 245px;
margin: 0;
text-align: left;
line-height: 16px;
min-height: 164px;
line-height: 1.5;}
* html #slogan { height: 164px;
margin-top: 11px;
margin-bottom: 16px;
}/*Hack für IE 6 und niedriger; IE versteht kein min.height*/
*:first-child+html #slogan { margin-top: 11px;
margin-bottom: 16px;
}/*Hack für IE 7*/
/*Ende Slogan*/