/*-----------------------------------------------------*/
/*----------------------- Haupt -----------------------*/
/*-----------------------------------------------------*/
* {
margin: 0;
padding: 0;
border: 0 none;
}
body {
background: #fff;
}
#wrapper {
width: 784px;
background: #dc0620;
}
#header {
height: 152px;
background: #fff;
}
#header h1 {
width: 210px;
height: 210px;
padding: 21px 0 0 15px;
position: absolute;
}
#header h1 a {
width: 210px;
height: 210px;
text-indent: -5000px;
background: transparent url('./../layout/logo.png') no-repeat;
display: block;
overflow: hidden;
}
#content {
background: transparent url('./../layout/content-background.gif') no-repeat scroll left bottom;
}
#sidebar {
width: 201px;
float: left;
margin: 75px 0 20px 50px;
}
#inner-content {
width: 426px;
float: right;
margin: 35px 107px 0 0;
}
#footer {
min-height: 46px;
background: #fff url('./../layout/footer-background.gif') no-repeat;
padding-bottom: 20px;
}
#fb_like {
position:absolute;
bottom:9px;
left:-32px;
padding-bottom: 20px;
}
#fb_symb {
position:absolute;
bottom:9px;
left:-34px;
padding-bottom: 20px;
}
/*-----------------------------------------------------*/
/*--------------------- Schrift -----------------------*/
/*-----------------------------------------------------*/
body {
color: #fff;
font-size: 100.1%;
font-family: Tahoma, Verdana, Sans-Serif;
}
a {
color: #003f81;
text-decoration: none;
}
a:hover {
color: #00162c;
}
#inner-content a,
.error a {
color: #fff;
text-decoration: underline;
}
#inner-content a:hover,
.error a:hover {
color: #f2bcbc;
}
h2 {
font-size: 1em;
font-weight: bold;
}
h3 {
font-size: .75em;
font-weight: normal;
letter-spacing: .05em;
margin-bottom: 1em;
}
p {
font-size: .688em;
line-height: 1.4em;
margin-bottom: 1.7em;
}
#sidebar p {
font-size: .625em;
margin-bottom: 1em;
}
#location-menu,
#service-menu {
font-size: .688em;
}
#location-menu li,
#service-menu li {
line-height: 1em;
}
#startseite #inner-content #location-menu li a {
color: #fff;
}
#startseite #inner-content #location-menu li a:hover {
color: #f2bcbc;
}
/*-----------------------------------------------------*/
/*----------------------- Teil ------------------------*/
/*-----------------------------------------------------*/
.infobox {
width: 207px;
height: 201px;
background: transparent url('./../layout/infobox-background.png') no-repeat;
margin: 96px 0 0 693px;
top: 0;
left: 0;
position: absolute;
overflow: hidden;
}
.infobox a {
width: 207px;
height: 201px;
text-indent: -5000px;
display: block;
}
/*.infobox p,
.infobox ul li a {
text-indent: -5000px;
}
.infobox p.phone {
width: 140px;
height: 15px;
margin: 17px 0 0 53px;
}
.infobox p.info {
width: 132px;
height: 67px;
margin: 20px 0 0 36px;
}
.infobox ul.lang {
width: 121px;
height: 48px;
margin: 4px 0 0 43px;
list-style-type: none;
}
.infobox ul.lang li a {
width: 121px;
height: 16px;
display: block;
}*/
#inner-content h2,
#inner-content h3 {
margin-right: 5px;
margin-left: 5px;
}
#inner-content p,
#inner-content ul {
margin-right: 5px;
margin-left: 8px;
}
#sidebar div {
width: 160px;
background: transparent url('./../layout/sidebar-box-background.png') no-repeat scroll left bottom;
padding: 0 0 15px 0;
}
#sidebar div p {
background: transparent url('./../layout/sidebar-box-p-background.png') repeat-y;
margin: 0;
padding: 0 12px 1em 17px;
}
#sidebar div p.minor {
padding-left: 30px;
}
#sidebar .direktkontakt h3 {
height: 35px;
background: transparent url('./../layout/sidebar-direktkontakt-h3-background.png') no-repeat;
}
#sidebar .oeffnungszeiten h3 {
height: 38px;
background: transparent url('./../layout/sidebar-oeffnungszeiten-h3-background.png') no-repeat;
}
#sidebar .partner h3 {
height: 35px;
background: transparent url('./../layout/sidebar-partner-h3-background.png') no-repeat;
}
#sidebar h3 {
margin-bottom: 0;
text-indent: -5000px;
overflow: hidden;
}
#sidebar .partner p {
padding-bottom: 0;
padding-left: 15px;
}
#location-menu,
#service-menu {
padding-top: 55px;
float: left;
list-style-type: none;
}
#location-menu {
width: 517px;
margin-left: 6px;
margin-top: -3px;
}
#service-menu {
width: 216px;
margin-left: 673px;
margin-top: -3px;
z-index: 2;
position: absolute;
}
#location-menu li,
#service-menu li {
border-right: 1px solid #003f81;
padding: 0 5px;
float: left;
}
#location-menu li.last,
#service-menu li.last {
border-right: 0 none;
}
#footer .footer-image {
width: 195px;
height: 167px;
margin: -100px 0 0 660px;
position: absolute;
z-index: 1;
overflow: hidden;
}
#fbook .fbook-image {
width: 195px;
height: 167px;
margin: -100px 0 0 660px;
position: absolute;
z-index: 1;
overflow: hidden;
}
#startseite #content {
min-height: 410px;
background-image: url('./../layout/content-startseite-backgrou.jpg');
}
#startseite #footer {
background-image: url('./../layout/footer-startseite-background.gif');
}
#startseite #inner-content, .error {
width: 285px;
margin: 92px 0 0 55px;
float: left;
}
.error {
min-height: 250px;
}
#startseite #inner-content h2 {
width: 283px;
height: 86px;
text-indent: -5000px;
background: transparent url('./../layout/teaser-startseite.png') no-repeat;
overflow: hidden;
}
#startseite #inner-content #location-menu {
margin: 0 0 0 2px;
padding-top: 15px;
}
#startseite #inner-content #location-menu li {
border-right-color: #fff;
}
#startseite #inner-content #location-menu-visual {
list-style-type: none;
}
#startseite #inner-content #location-menu-visual li {
position: absolute;
overflow: hidden;
}
#startseite #inner-content #location-menu-visual li.magdeburg {
width: 26px;
height: 24px;
top: 418px;
left: 539px;
}
#startseite #inner-content #location-menu-visual li.haldensleben {
width: 16px;
height: 15px;
top: 401px;
left: 523px;
}
#startseite #inner-content #location-menu-visual li.burg {
width: 17px;
height: 17px;
top: 400px;
left: 554px;
}
#startseite #inner-content #location-menu-visual li.halle {
width: 30px;
height: 30px;
top: 496px;
left: 562px;
}
#startseite #inner-content #location-menu-visual li a {
text-indent: -5000px;
display: block;
}
/*-----------------------------------------------------*/
/*---------------------- Detail -----------------------*/
/*-----------------------------------------------------*/
.skip, .skip:hover {
color: #fff;
}
.skip:focus {
color: #dc0620;
}
#inner-content img {
margin-bottom: 1em;
display: block;
}
#sidebar p img {
margin-left: 3px;
display: block;
}
/*-----------------------------------------------------*/
/*--------------------- CSS-Hacks ---------------------*/
/*-----------------------------------------------------*/
.clearfix:after,
#content:after,
#footer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#fbook:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}