/*Allgemeine Angaben*/
* {
margin:0;
padding:0;
}

html {
height: 101%;
overflow:-moz-scrollbars-vertical;
}

body {
background: #fff url(body.jpg) 0 0 repeat-x;
font-family: Tahoma, Geneva, sans-serif;
font-size: 62.5%;
color: #333;
text-align: center;
}

/*Container---------------------------------------------------*/
div#wrapper {
background-color: transparent;
text-align: left;
width: 980px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

div#content {
float: left;
background: transparent url(content.jpg) 0 0 no-repeat;
margin: 0;
padding: 320px 0 0 0;
width: 680px;
}

div#navi {
float: right;
background: transparent url(navi.jpg) 0 0 no-repeat;
margin: 0;
padding: 0;
width: 300px;
}

div#footer {
clear: both;
background: transparent url(footer.jpg) 0 0 no-repeat;
margin: 0;
padding: 40px 0 0 0;
width: 980px;
}

div.clear {
clear: both;
margin: 0;
padding: 0;
}

/*Navigation - erste Ebene---------------------------------------------------*/
div#navi ul.menu-0 {
list-style-type: none;
margin: 10px 17px 0 17px;
padding: 25px 0 0 0;
}

div#navi ul.menu-0 li.menu-0 {
margin: 0;
padding: 0 0 1px 0;
background: transparent url(border.gif) 0 100% repeat-x;
}

div#navi ul.menu-0 li.menu-0 a {
background: transparent url(nav-link.jpg) 5px 50% no-repeat;
display: block;
width: 241px;
font-size: 1.4em;
font-weight: bold;
line-height: 2.3em;
margin: 0;
padding: 0 0 0 20px;
text-decoration: none;
color: #EF3A3C;
}

div#navi ul.menu-0 li.menu-0 a:hover, div#navi ul.menu-0 li.menu-current a,
div#navi ul.menu-0 li.menu-parent a {
background: #E3E3E3 url(nav-hover.gif) 5px 50% no-repeat;
padding: 0 0 0 25px;
color: #333;
text-decoration: none;
}

/*Navigation - zweite Ebene---------------------------------------------------*/
div#navi ul.menu-0 ul.menu-1 {
list-style-type: none;
margin: 1px 0 0 0;
padding: 0;
}

div#navi ul.menu-0 li.menu-0 ul.menu-1 li.menu-1 {
margin: 0;
padding: 0 0 1px 0;
background: none;
}

div#navi ul.menu-0 li.menu-0 ul.menu-1 li.menu-1 a {
background: none;
background-color: #f1f1f1;
display: block;
width: 236px;
font-size: 1.3em;
font-weight: bold;
line-height: 2.0em;
margin: 0;
padding: 0 0 0 30px;
text-decoration: none;
color: #EF3A3C;
}

div#navi ul.menu-0 li.menu-0 ul.menu-1 li.menu-1 a:hover,
div#navi ul.menu-0 li.menu-0 ul.menu-1 li.menu-current a {
background: none;
background-color: #E3E3E3;
padding: 0 0 0 30px;
color: #333;
text-decoration: none;
}

/*Schriften---------------------------------------------------*/
div#content h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.6em;
font-weight: normal;
color: #EF3A3C;
margin: 0 35px 15px 0;
padding: 0;
}

div#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.0em;
font-weight: normal;
color: #EF3A3C;
margin: 15px 35px 10px 0;
padding: 0;
}

div#content h3 {
font-size: 1.4em;
margin: 15px 35px 0 0;
padding: 0;
}

div#content p {
font-size: 1.3em;
margin: 0 35px 10px 0;
padding: 0;
}

div#content p.icon {
background: #fff url(telefon.jpg) 0 2px no-repeat;
padding: 0 0 0 20px;
}

div#footer p {
font-size: 1.2em;
margin: 0;
padding: 0 35px 10px 0;
color: #888;
}

div#footer .adresse {
padding-right: 100px;
}

div#content ul {
list-style-type: square;
font-size: 1.3em;
margin: 5px 35px 10px 20px;
padding: 0;
}

div#content ul li {
margin: 0 0 5px 0;
padding: 0;
}

div#navi h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
font-weight: normal;
color: #EF3A3C;
margin: 18px 18px 2px 18px;
padding: 0 0 0 35px;
}

div#navi h3.schnellkontakt {
background: transparent url(telefon.gif) 5px 0 no-repeat;
margin-top: 25px;
}
div#navi h3.kontakt {
background: transparent url(mail.gif) 5px 0 no-repeat; 
}
div#navi h3.adresse {
background: transparent url(adresse.gif) 5px 0 no-repeat; 
}

div#navi p {
background: transparent url(border.gif) 0 100% repeat-x; 
font-size: 1.3em;
line-height: 1.2em;
margin: 0 18px 0 18px;
padding: 0 0 7px 10px;
}

.center {
text-align: center;
}

div#content div.aktion {
background: #dadada url(pfeil-aktion.jpg) 15px 8px no-repeat;
margin: 25px 55px 0 20px;
padding: 10px;
text-align: center;
}
div#content div.aktion h2 {
margin: 0;
padding: 0 0 10px 0;
}
div#content div.aktion h2 a {
color: #EF3A3C;
text-decoration: underline;
}
div#content div.aktion h2 a:hover {
color: #000;
text-decoration: none;
}
div#content div.aktion p {
margin: 0;
padding: 0;
}
div#content div.aktion p a {
color: #EF3A3C;
text-decoration: none;
}
div#content div.aktion p a:hover {
color: #000;
text-decoration: underline;
}

/*Links---------------------------------------------------*/
a {outline: none;}

p a:link, p a:visited {
color: #777;
text-decoration: underline;
}

p a:hover {
color: #000;
text-decoration: none;
}

/*Fehlermeldung Formular---------------------------------------------------*/
div#content p.fehler {
font-weight: bold;
background-color: #f1f1f1;
margin: 10px 35px 5px 0;
padding: 2px 2px 2px 4px;
}

div#content p a.back {
background: transparent url(pfeil-links.gif) 0 50% no-repeat;
padding-left: 15px;
}

/*Bilder---------------------------------------------------*/
div#content img {
float: left;
margin: 0 10px 0 0;
padding: 2px;
background-color: #fff;
border: 1px solid #999;
}

div#content img.no-border {
float: none;
margin: 0;
padding: 2px;
background-color: #fff;
border: 0;
}

/*Logo---------------------------------------------------*/
div.logo {
width: 264px;
height: 70px;
margin: 0;
padding: 19px 17px 0 18px;
}

div.logo img {
margin: 0;
padding: 0;
border: 0;
}

/*Tabellen---------------------------------------------------*/
div#content table {
margin: 0 25px 10px 0;
padding: 0;
text-align: center;
border: 1px solid #999;
}

div#content table caption {
background-color: #E3E3E3;
font-size: 1.5em;
font-weight: bold;
margin: 0;
padding: 3px 0;
border: 1px solid #999;
border-bottom: 0;
}

div#content table thead {
background-color: #E3E3E3;
margin: 0;
padding: 0;
}

div#content table thead tr th {
font-size: 1.4em;
font-weight: normal;
margin: 0;
padding: 3px 20px;
}

div#content table tbody tr th {
background-color: #F1F1F1;
font-size: 1.3em;
font-weight: normal;
margin: 0;
padding: 3px 0;
}

/*Galerie---------------------------------------------------*/
div#content table.galerie {
width: 500px;
margin: 0 35px 0 0;
padding: 0;
border: 0;
}

div#content table.galerie tr td {
text-align: center;
margin: 0;
padding: 0 0 10px 0;
}

div#content table.galerie tr td a {
font-size: 1.3em;
color: #333;
text-decoration: none;
}

div#content table.galerie tr td a img {
float: none;
margin: 0;
padding: 3px;
border: 1px solid #999;
background-color: #fff;
}

div#content table.galerie tr td a:hover {
color: #000;
text-decoration: none;
}

div#content table.galerie tr td a:hover img {
background-color: #999;
}

/*Fancybraxbox---------------------------------------------------*/
#prevLink:hover, #prevLink:visited:hover {
background: url(http://container-hinrichs.de/modules/FancyBraxBox/images/prevlabel.gif) no-repeat left 15%;
}

#nextLink:hover, #nextLink:visited:hover {
background: url(http://container-hinrichs.de/modules/FancyBraxBox/images/nextlabel.gif) right 15% no-repeat;
}

#prevLink, #nextLink {
width: 49%;
height: 100%;
background: transparent url(http://container-hinrichs.de/modules/FancyBraxBox/css/blank.gif) no-repeat;
display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
