body {font-family:Verdana, Arial, sans-serif; color: #222; font-size:0.8em;}
body, div, ul , table{margin: 0px; padding:0px;}

/* the black header bar */
#headerbar {height:52px; width:100%;background-color: #181818; border-top:5px solid #cc0000}
#headerbar h1 {width:900px; margin: 20px auto 0 auto; background:url('headline.png'); background-repeat:no-repeat;}
#headerbar h1 span {display:none}
#headerbar a, #headerbar a:visited , #headerbar a:hover{text-decoration:none}
#subtitle {display:none}

/* generic list for selector lists such as werke or authors */
.selectorlist {width:100%; background-color:#cc0000; border-top:15px solid #cc0000; border-bottom:15px solid #cc0000}
.selectorlist ul, .footer div {margin:0 auto; padding:0; list-style-type:none; width:900px; text-align:center;}
.selectorlist li {display:block; float:left; margin:2px 6px}
.selectorlist li a, .selectorlist li a:visited , .selectorlist li a:hover, .selectorlist li a:active  {display:block; background-color:#cc0000; color:#ffffff; text-decoration:none; padding: 3px 5px 3px 5px; font-family:Verdana, sans serif; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid #cc0000}
.selectorlist li a:hover {background-color:#000000;}

/* autor selector */
#autoren li a {text-transform: uppercase;}

/* werke selector */
#werke {background-color:#181818; border-color:#181818}
#werke li a, #werke li a:visited , #werke li a:hover, #werke li a:active {background-color:#181818; border:1px solid #181818}
#werke li a:hover {background-color:#cc0000;}

/* content styling starts here */
.content {width:900px; margin:15px auto 0 auto;}
#linklist, #booklist, #staticcontent {margin:0 auto; padding:0; width:900px;}

#linklist table {width:620px; padding: 0; margin: 0; margin-top: 30px; float:left}
#linklist td {margin:0; padding:0;}
.smallcolumn {width:250px; float:left; margin:30px 0 0 29px}
#additional_links {list-style-type:none}
#additional_links li {padding:0; margin:0}

h1 {font-size:2em; font-weight:300}

/* footer styling (dont forget that the footer is already mentioned  above) */
.footer {width:100%; background-color:#ffffff; border:0px; margin:80px 0 80px 0}
.footer table {width:900px; margin:auto}
.footer td {width:25%; text-align:left;}
.footer ul {list-style-type:none}
.footer li {margin:0; padding:0;}
.footer a, .footer a:visited {text-decoration:none; color: #444444; font-size:0.7em}
.footer a:hover {color:#cc0000}
.footer th {font-size:0.7em; font-weight:bold; text-align:left;}

/* schulbuchselektor */
ul.filter {width:100%; list-style-type:none}
ul.filter li a, ul.filter li a:hover, ul.filter li a:visited, ul.filter li a:active {position: relative; top:-2px; text-decoration:none; color: #222; }
ul.filter li label {position: relative; top:-2px; cursor:pointer }

#books_list {float:left; width:690px}
#books_list .schulbuch_filter_result {width: 186px; height:230px; float:left; margin: 0 10px 10px 10px; padding:5px; border: 1px solid #c00; border-radius:6px;}
#books_list .schulbuch_filter_result h3 {font-size: 1em; font-weight:bold; margin:0; padding: 0 0 3px 0; text-align:center; height: 38px; min-height:38px; max-height:38px}
#books_list .schulbuch_filter_result_img {background-repeat:no-repeat; background-position: center center; height:110px; text-align:center}
#books_list .schulbuch_filter_result_img_outer_div {background-repeat:no-repeat; background-position: center center; background-image:url('schulbuch_sorry_kein_bild.png')}
#books_list .schulbuch_filter_result p {font-size:0.8em}

/* advertising right of content */
#advertisingRightOfContent {position:absolute; left:50%; margin:20px 0 0 500px}