/* CSS Document by Anja 2001-2006
CSS for Compositionofsound.com
A Homage to Depeche Mode
URI: http://www.compositionofsound.com
Version 3 - Nov 2007
*/

html {
margin: 0 auto;
padding: 0;
height: 100%;
}

body {
height: 100%;
margin: 0 auto;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
font-size: 11px;
line-height: 1.9em;
background-color: #4F4F4F;
background-image: url(images/mainbg.gif);
background-repeat: repeat-x;
background-position: top;
}

img {
border: 0;
}

#oben {
width: 810px;
text-align: center;
height: 35px;
font-size: 15px;
font-weight: bold;
margin: 0 auto;
padding-top: 8px;
}

#grafiken {
width: 810px;
margin: 0 auto;
}
#gfx_left {
width: 405px;
height: 431px;
margin: 0;
float: left;
}
#gfx_right {
width: 405px;
height: 431px;
margin: 0 0 0 405px;
background: url(images/gfx_right.jpg);
background-repeat:no-repeat;
}

#anti {
clear: left;
}

#content {
width: 810px;
background-image: url(images/wrapperbg.gif);
margin: 0 auto;
min-height: 400px;
}
* html #content {
min-height: 400px;
}

div#text {
width: 480px;
margin: 0 0 25px 44px;
text-align: left;
border-right: 1px solid #AFAFAF;
padding: 12px 20px 0 0;
float: left;
}
div#sidebar {
margin: 0 32px 25px 0;
width: 220px;
text-align: left;
padding: 12px 0 0 0;
float: right;
}
#antiboth {
clear: both;
}

#footer {
width: 810px;
height: 151px;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
margin: 0 auto;
background-color: #4F4F4F;
}

#foot_text {
padding: 45px 0 0 0;
width: 400px;
margin: 0 auto;
text-align: center;
color: #4E4C2A;
font-size: 10px;
height: 40px;
line-height: 14px;
letter-spacing: 1px;
}


/*extra boxen */

div#commentbox {
width: 90%;
margin: 20px 0 20px 0;
text-align: left;
padding: 5px 43px 5px 5px;
font-size: 10px;
font-style: italic;
background-color: #E5E4B3;
background-image: url(images/commentbox_bg.gif);
background-position: right;
background-repeat: repeat-y;
color: #9D984E;
line-height: 19px;
}


/* textformate */

h1 {
background: url(images/h1.gif);
background-position: left;
background-repeat: no-repeat;
vertical-align: bottom;
margin: 0 0 15px 0;
padding-left: 38px;
letter-spacing: 1px;
color: #B00202;
font-size: 20px;
font-style: normal;
}

h2 {
background: url(images/h2.gif);
background-position: left;
background-repeat: no-repeat;
vertical-align: bottom;
margin: 0 0 15px 0;
letter-spacing: 1px;
color: #6D6819;
font-size: 15px;
padding-left: 25px;
font-style: normal;
}

#date {
font-size: 10px;
color: #B4B4B4;
margin: 0 0 15px 0;
}

#fett {
font-weight: bold;
margin-bottom: 5px;
color: #C20000;
font-size: 15px;
}

.fett {
font-weight: bold;
font-style:italic;
color: #C20000;
font-size: 15px;
}

p[class="sidebar"] {
margin: 20px 0 0 0;
}


textarea, select, input, option {
background: #EFEFEF;
padding: 1px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #000;
border: 1px solid #AEA960;
}

ul,ol,li {
margin: 0;
padding: 0;
list-style-type: none;
}

/* listen */

ul.liste {
list-style-type: none; 
text-decoration: none;
}
ul.liste li {
list-style-type: none; 
text-decoration: none;
}
ul.liste a {
list-style-type: none; 
display: block;
color: #000;
text-decoration: none;
padding: 0 0 0 22px;
background-image: url(images/li.gif);
background-position: left;
background-repeat: no-repeat;
vertical-align: bottom;
line-height: 15px;
}
ul.liste a:hover {
list-style-type: none; 
text-decoration: none;
display: block;
padding: 0 0 0 22px;
color: #c20000;
background-image: url(images/li.gif);
background-position: left;
background-repeat: no-repeat;
vertical-align: bottom;
line-height: 15px;
}

ul.links {
list-style-type: none; 
text-decoration: none;
margin: 0;
}
ul.links li {
list-style-type: none; 
text-decoration: none;
}
ul.links a {
list-style-type: none; 
display: block;
color: #000;
text-decoration: none;
padding: 0 0 0 22px;
background-image: url(images/li.gif);
background-position: left;
background-repeat: no-repeat;
vertical-align: bottom;
line-height: 17px;
}
ul.links a:hover {
list-style-type: none; 
text-decoration: none;
display: block;
padding: 0 0 0 22px;
color: #c20000;
background-image: url(images/li.gif);
background-position: left;
background-repeat: no-repeat;
vertical-align: bottom;
line-height: 17px;
}

/* oben menu */

ul.oben {
list-style-type: none; 
text-decoration: none;
}
ul.oben li {
list-style-type: none; 
text-decoration: none;
display: inline;
}
ul.oben a {
list-style-type: none; 
display: inline;
color: #000;
text-decoration: none;
padding: 2px;
margin: 0 16px 0 0;
}
ul.oben a:hover {
list-style-type: none; 
text-decoration: none;
display: inline;
padding: 2px;
color: #fff;
background: #700808;
margin: 0 16px 0 0;
}

#text a:link {
font-weight: bold;
text-decoration: none;
color: #A89C11;
font-style: italic;
}
#text a:visited {
font-weight: bold;
text-decoration: none;
color: #000;
font-style: italic;
}
#text a:hover {
font-weight: bold;
text-decoration: underline;
color: #B00202;
font-style: italic;
}
#text a:active {
font-weight: bold;
text-decoration: none;
color: #A89C11;
font-style: italic;
}

#footer a:link {
font-weight: bold;
text-decoration: none;
color: #000;
font-style: italic;
}
#footer a:visited {
font-weight: bold;
text-decoration: none;
color: #000;
font-style: italic;
}
#footer a:hover {
font-weight: bold;
text-decoration: underline;
color: #000;
font-style: italic;
}
#footer a:active {
font-weight: bold;
text-decoration: none;
color: #000;
font-style: italic;
}

#commentbox a:link {
font-weight: bold;
text-decoration: none;
color: #99933E;
}
#commentbox a:visited {
font-weight: bold;
text-decoration: none;
color: #000;
}
#commentbox a:hover {
font-weight: bold;
text-decoration: underline;
color: #000;
}
#commentbox a:active {
font-weight: bold;
text-decoration: none;
color: #99933E;
}

#sidebar a:link {
text-decoration: none;
color: #c20000;
}
#sidebar a:visited {
text-decoration: none;
color: #000;
}
#sidebar a:hover {
text-decoration: none;
font-weight: bold;
color: #6D6819;
}
#sidebar a:active {
text-decoration: none;
color: #c20000;
}

.bild {
padding: 2px;
background: #DAD8B5;
border: 1px solid #928A10;
}

blockquote {
padding: 5px;
background-color: #F1F0D3;
background-image: url(images/zitat.gif);
background-repeat: no-repeat;
background-position: top right;
font-weight: bold;
color: #80782B;
}

.dropdown {
width: 31px;
}