/*CSS by website-work.de*/

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

html {
height: 101%;
}

body {
font-size: 62.5%;
color: #fff;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
background-color: #777;
}

/* Container --------------------------------- */
div#wrapper {
background: url(wrapper.jpg) repeat-y;
text-align: left; 
margin: 0 auto;
width: 975px;
height: 100%;
}

div#header {
width: 975px;
height: 105px;
background: #208B8B url(header.jpg) no-repeat;
}

div#content {
float: left;
width: 468px;
background-color: transparent;
overflow: hidden;
padding-bottom: 20px;
}

div#sidebar {
float: right;
width: 236px;
background-color: transparent;
overflow: hidden;
padding-bottom: 20px;
}

div#imgbox {
float: left;
width: 271px;
height: 550px;
background-color: #777;
}

div#footer {
clear: both;
width: 975px;
height: 80px;
overflow: hidden;
background: #208B8B url(footer.jpg) no-repeat;
}

/* Schriften --------------------------------- */
div#content p {
font-size: 1.4em;
line-height: 1.5em;
margin: 15px 10px 5px 25px;
}

div#content a {
color: #208B8B;
text-decoration: none;
}

div#content a:hover {
color: #fff;
text-decoration: underline;
}

div#footer a {
color: #fff;
text-decoration: underline;
}

div#footer a:hover {
color: #C0C0C0;
text-decoration: none;
}

div#content h1 {
font-size: 1.6em;
color: #fff;
margin: 0 12px 15px 25px;
padding: 3px 0 3px 15px;
background: #208B8B url(ueberschrift.jpg) 0 0 no-repeat;
}

div#content h2 {
font-size: 1.5em;
margin: 0 12px 10px 25px;
padding: 0;
}

div#content h3 {
font-size: 1.4em;
font-weight: normal;
margin: 10px 10px 0 25px;
padding: 5px 0 0 0;
border-top: #208B8B 1px solid;
}

div#content p.toplink {
clear: both;
font-size: 1.4em;
line-height: 2em;
margin: 30px 10px 20px 40px;
padding-left: 20px;
background: #444 url(skiplink.jpg) 0 100% no-repeat;
}

div#sidebar h2 {
font-size: 1.6em;
margin: 7px 25px 5px 10px;
padding: 3px 0 3px 15px;
color: #fff;
background: #208B8B url(ueberschrift.jpg) 0 0 no-repeat;
}

div#sidebar h2.letter {
margin-top: 20px;
}

div#sidebar h3 {
font-size: 1.5em;
margin: 7px 25px 5px 10px;
padding: 0;
}

div#footer p {
font-size: 1.3em;
color: #fff;
text-align: center;
margin: 0;
padding-top: 20px;
}

td {
margin-bottom: 5px;
padding: 3px;
}

div#footer p.seitengestaltung {
font-size: 0.9em;
color: #fff;
text-align: center;
margin: 0;
padding-top: 9px;
}

div#content p.fehler {
background-color: #208B8B;
margin: 25px 10px 5px 25px;
padding-left: 6px;
}

div#content ul {
font-size: 1.4em;
margin: 10px 10px 5px 45px;
padding: 0;
}

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

/* Header-Navigation --------------------------------- */
div#header ul {
margin: 0;
padding: 59px 0 0 16px;
}

div#header li {
margin: 0 0 0 12px;
padding: 0;
float: left;
list-style-type: none;
}

div#header li a {
background: transparent url(list-off.jpg) left center no-repeat;
padding-left: 9px;
text-align: left;
font-size: 1.4em;
font-weight: 700;
text-decoration: none;
color: #444;
}

div#header li a:hover, div#header li.menu-current a {
background: transparent url(list-on.jpg) left center no-repeat;
text-decoration: none;
color: #fff;
}

/* Sidebar-Navigation erste Ebene --------------------------------- */
div#sidebar ul.menu-0 {
margin: 0 0 0 10px;
padding: 0;
}

div#sidebar ul.menu-0 li.menu-0 {
width: 195px;
margin: 0 0 1px 0;
padding: 0;
list-style-type: none;
font-size: 1.4em;
line-height: 2em;
}

div#sidebar ul.menu-0 li.menu-0 a {
display:block;
width:100%;
background-color: #208B8B;
padding-left: 6px;
text-decoration: none;
color: #444;
}

div#sidebar ul.menu-0 li.menu-0 a:hover, div#sidebar ul.menu-0 li.menu-current a, div#sidebar ul.menu-0 li.menu-parent a {
background-color: #777;
text-decoration: none;
color: #fff;
}

/* Sidebar-Navigation zweite Ebene --------------------------------- */
div#sidebar ul ul.menu-1 {
margin: 0 0 2px 0;
padding: 0;
}

div#sidebar ul ul.menu-1 li.menu-1 {
width: 195px;
margin: 0 0 1px 0;
padding: 0;
list-style-type: none;
font-size: 1.0em;
line-height: 1.7em;
}

div#sidebar ul ul.menu-1 li.menu-1 a {
display:block;
width:100%;
background-color: #0E7B7B;
padding-left: 6px;
text-decoration: none;
color: #444;
}

div#sidebar ul ul.menu-1 li.menu-1 a:hover, div#sidebar ul ul.menu-1 li.menu-current a {
background-color: #666464;
text-decoration: none;
color: #fff;
}

/* Bilder --------------------------------- */
img {
border: 0;
margin: 0;
padding: 0;
}

img#box {
margin: 0;
padding: 0;
border: 0;
}

/* Newsletter --------------------------------- */
.newsletter {   
width: 190px;   
margin: 0 0 0 10px;   
padding: 5px;   
color: #444;   
background-color: #208B8B;   
font-size: 1.3em;   
}
 
.newsletter input[type=text] {
width: 172px;   
color: #fff;   
background-color: #0E7B7B;   
border: 1px solid #444;
padding: 3px;  
}
 
.newsletter input[type=submit] {   
width: 180px;   
color: #444;   
background-color: #0E7B7B;   
border: 1px solid #444;
padding: 3px;  
}
 
.newsletter input:hover {   
color: #fff;   
background-color: #208B8B;   
}

.newsletter input:focus {   
color: #fff;   
background-color: #208B8B;   
}