/* Einstellungen */

#breite {
width:880px;
}

/* breite der rechten spalte in pixel */
#breite-spalte-rechts {
width: 260px;
}

body {
margin-top: 20px; 
margin-left: 0px; 
margin-right: 0px;
margin-bottom: 20px;
background-color: #383838;
}

h1 { 
color: #c0c0c0;
margin-bottom: 30px;
letter-spacing: 2px;
font-family: verdana, georgia, arial, helvetica, tahoma, garamond, sans-serif;
font-size: 12px;
}


h2 { 
color: #c0c0c0;
margin-bottom: 30px;
letter-spacing: 2px;
font-family: garamond, verdana, georgia, arial, helvetica, tahoma, sans-serif;
font-size: 22px;
}

.haupt {
border:solid 10px #000;
}




/* Header */

#titel {
font-family: garamond, verdana, arial, tahoma, helvetica, sans-serif;
font-size: 17px;
line-height: 25px;
font-variant: small-caps;
letter-spacing:10px;
color:#000;
}


#top1 {
height:40px;
background-color:#808080;
color:#4d5b56;
width:100%;
vertical-align:middle;
text-align:center;
font-family: "garamond", verdana, georgia, arial, tahoma, helvetica, sans-serif;
font-size: 17px;
line-height: 20px;
padding-left:20px;
background-image:url('../img/leiste.jpg');
background-repeat:repeat-x;
background-position:   50% 0%;
border-top:1px solid #000;
border-bottom:1px solid #000;
}


#top2 {
height: 40px;
color: #4d5b56;
background-color: #202625;
font-family: garamond, verdana, georgia, arial, helvetica, tahoma, sans-serif;
font-size: 22px;
font-variant: small-caps;
line-height: 20px;
vertical-align: top;
text-align: left;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
}


#top3 {
height: 300px;
color: #4d5b56;
background-color: #202625;
font-family: verdana, arial, helvetica, tahoma, sans-serif;
font-size: 14px;
line-height: 20px;
font-variant: small-caps;
vertical-align: top;
text-align: center;
padding-top: 30px;
padding-left: 0px;
padding-bottom: 0px;
background-image: url("../img/hg-logo.jpg");
background-repeat: repeat-x;
background-position: 50% 50px;
}

#top4 {
height: 40px;
background-color: #a60201;
color: #56686D;
width: 100%;
vertical-align: middle;
padding-left: 10px;
border-bottom: solid 1px #000;
background-image: url("../img/leiste.jpg");
background-repeat: repeat-x;
background-position:  50%  0%;
border-top: solid 1px #000
}


#maknav {
padding: 0 0 0 0;
vertical-align: top;
text-align: left;
text-decoration: none;
background-color: #232323;
background-repeat: repeat-x;
background-position:  50% 50%;
border-left: solid 2px #373737;
margin: 0 0 0 0;
}


/* Design rechte Spalte */

#textbox {
height: 100%;
background-color: #1D1D1D;
text-align:left;
font-size: 15px;
line-height: 20px;
font-family: georgia, verdana, arial, tahoma, helvetica, sans-serif;
color:#7d7d7d;
padding-top: 30px;
padding-bottom: 100px;
padding-left: 20px;
padding-right: 20px;
letter-spacing: 0px;
width:100%;
vertical-align: top;
background-image: url("../img/hg-menue.jpg");
background-repeat: repeat-x;
background-position: 50% 50%;
}


#textbox1 {
font-size: 13px;
line-height: 17px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color: #669999;
background-color: #232323;
text-align: left;
padding: 20 20 10 20;
}

#buchform {
font-size: 11px;
line-height: 17px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color: #669999;
background-color: #232323;
text-align: left;
padding: 20 20 10 20;
}



/* MENUE CSS */

/* menue rechte Spalte */

#menue {
margin-left: 20px;
padding: 0px;
color: #0;
padding: 40 10 10 10;
}


#menue a,#menue a:visited,#menue a:active {
display: block;
font-family: verdana, arial, helvetica, tahoma, sans-serif; 
font-size: 12px;
color: #c0c0c0;
text-decoration: none;
line-height: 30px;
height: 30px;
padding-left: 10px;
padding-right: 0px; 
padding-bottom: 0px; 
padding-top: 0px;
margin-left: 0px;
margin-right: 0px;
border-bottom: solid 1px #5D5D5D;
text-align: left;
background-color: #;
}

#menue a:hover {
color: #ffffff; 
text-decoration: none;
background-color: #373737;
border-bottom: solid 1px #000;
}



/* textlinks */

a:link, a:visited, a:active {
font-size: 12px;
line-height: 20px;
font-family: verdana, arial, tahoma, helvetica, georgia, sans-serif;
color: #999999;
text-decoration: none;
}

a:hover { 
text-decoration: none;
color: #ffffff;
text-decoration: underline;
}


/* Footer */

#footer {
height:40px;
background-color:#808080;
font-family: verdana, arial, helvetica, tahoma, sans-serif;
font-size: 10px;
line-height: 20px;
text-align:center;
color:#ffffff;
width:100%;
border-top:1px solid #000;
background-image:url('../img/leiste.jpg');
background-repeat:repeat-x;
background-position: 50% 100%;
}

#footerlink a,#footerlink a:visited,#footerlink a:active {
font-family: verdana, arial, helvetica, tahoma, sans-serif; 
font-size: 12px;
color: #ffffff;
text-decoration: none;
}

#footerlink a:hover {
color: #000000; 
text-decoration: none;
}


#mak-counter {
padding-left: 120px;
padding-right: 0px; 
padding-bottom: 0px; 
padding-top: 70px;
}


/* Setcard */

#setcard {
font-size: 10px;
line-height: 18px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color: #C0C0C0;
text-align: left;
padding: 0 10 10 10;
}

#setcard2 {
font-size: 12px;
line-height: 18px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
color: #C0C0C0;
text-align: left;
padding: 0 10 10 10;
}


/* Scrolleiste für IE */

body {
scrollbar-arrow-color: #535353;
scrollbar-base-color: #202020;
scrollbar-highlight-color : #535353;
scrollbar-shadow-color : #535353;
SCROLLBAR-TRACK-COLOR: #202020;
}