/* Hoeffmann-Portal Eigangsseite */

html, body {
height: 100%;
}

body {
height: 100%;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 13px;
line-height: 1em;
color: #ccc;
margin: 0px;
padding: 0px;
background: #121212 url(../pics/index/hg.gif) repeat-x top center;
}

#wrapper {
position: relative;
top: 0px;
width: 825px;
top: 6px;
height: 560px;
margin-right: auto;
margin-left: auto;
text-align: center;
}

#links {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
}

#mitte {
top: 0px;
position: absolute;
left: 250px;
width: 325px;
}

#rechts {
top: 0px;
position: absolute;
right: 0px;
width: 250px;
}


#jugendreisen {
height: 285px;
color: #663300;
background: url(../pics/index/hg_jugendreisen.png) no-repeat top center;
margin: 0px;
padding: 0px;
}
#jugendreisen a {
color: #663300;
}

#bustouristik {
height: 285px;
color: #fff;
background:  url(../pics/index/hg_bustouristik.png) no-repeat top center;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#bustouristik a {
color: #fff;
}

#schulfahrten {
height: 285px;
color: #ffff99;
background: url(../pics/index/hg_schulfahrten.png) no-repeat top center;
margin: 0px;
padding: 0px;
}
#schulfahrten a {
color: #ffff99;
}

#reisebuero {
height: 285px;
color: #993300;
background: url(../pics/index/hg_reisebuero.png) no-repeat top center;
margin: 0px;
padding: 0px;
}
#reisebuero a {
color: #993300;
}


#navi {
position: relative;
top: 90px;
height: 120px;
color: #fff;
margin: 0px;
padding: 0px;
}

#karte {
height: 200px;
color: #993300;
background: url(../pics/index/hg_karte.png) no-repeat center;
margin: 0px;
padding: 0px;
}
#karte a {
position: relative;
color: #ffffcc;
}

#blank {
height: 200px;
color: #993300;
background: url(../pics/index/hg_blank.png) no-repeat center;
margin: 0px;
padding: 0px;
}
#blank a {
position: relative;
color: #ffffcc;
}

#xmas {
height: 200px;
color: #993300;
margin: 0px;
padding: 0px;
}
#xmas img {
border:0;
}
#footer {
margin-right: auto;
margin-left: auto;
text-align: center;
width: 100%;
margin: 0px;
padding: 0px;
}

a {
color: #fff;
margin: 0px;
padding: 0px;
}

ul {
margin: 0px;
padding: 0px;
}

li {
line-height: 1.5em;
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}

h1 {
font-size: 18px;
line-height: 1.5em;
margin: 0px;
padding: 0px;
}

h2 a {
z-index: 4;
position: relative;
top: 0px;
width: 250px;
display: block;
font-size: 12px;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
padding: 12px 0px 0px 0px;
}

.linkbox {
z-index: 2;
position: relative;
top: 0px;
height: 180px;
width: 250px;
display: block;
text-decoration: none;
}

.headline {
z-index: 1;
position: relative;
top: 180px;
}

#karte h1 {
line-height: 1em;
color: #ffffcc;
padding: 10px 3px 0px 0px;
}

#karte h2 a {
font-size: 15px;
color: #ffffcc;
}

#blank h1 {
line-height: 1em;
color: #ffffcc;
padding: 10px 3px 0px 0px;
}

#blank h2 a {
font-size: 15px;
color: #ffffcc;
}

.linkbox_karte {
z-index: 3;
position: relative;
top: 0px;
width: 230px;
height: 90px;
display: block;
text-decoration: none;
margin-left: auto;
margin-right: auto;
}

.headline_karte {
position: relative;
top: 0px;
}

#popup {
position: relative;
top: 0px;
line-height: 1.4em;
}

#popup h1 {
color: #fff;
font-size: 15px;
}

#popup h2 {
color: #fff;
font-size: 13px;
font-weight: bold;
}