@charset "utf-8";
/* CSS Document für Kösters am Theater, 1. Hagen 26, 45127 Essen, Deutschland, erstellt von Orangemocca - Mediengestaltung und Fotografie - Mülheim an der Ruhr - www.orangemocca.de */

body {background-color:white; font-family: Verdana, Arial, Helvetica, sans-serif; overflow: auto; text-align:center;}
*:first-child+html body {overflow:auto;}

/* Aufbau Webseite */
#center {width:1000px; border:1px solid #bfbfbf; border-top:0px; margin:0px auto; text-align:left;}
*html #center {margin-left:0;}
*:first-child+html #center {margin-left:0;}

#heading {height:145px; width:1000px; background-color:#363636;}
#navigation {height:25px; width:1000px; background-color:#A41727; margin-top:-13px;}
*html #navigation {margin-top:0px;}
*:first-child+html #navigation {margin-top:0px;}

#content1 {width:550px; margin:8px; float:left; margin-top:31px; margin-left:50px;}
#content2 {width:290px; margin:8px; float:left; margin-top:31px; margin-left:50px;}
#fuss {clear:left; height:30px; background:url(../images/screen/000-Fusszeile-BG.gif) repeat-y;}

/* Schriften */
p {font-size:11px; line-height:165%; color:#5F5F5F;}
.p {font-size:11px; line-height:165%; color:#5F5F5F;}
h2 {font-size:11px; color:#A41727; font-weight:bold; border-bottom:solid 1px #A41727;}
h3 {font-size:11px; color:#A41727; font-weight:bold; border-bottom:solid 1px #A41727;}
h4 {font-size:13px; color:#A41727; font-weight:bold;} /*für Liste Sortiment*/
.h6 {font-size:11px; line-height:165%; color:#5F5F5F; font-weight:bold;}
h1 {font-size:18px; margin-bottom:2px; color:#5F5F5F;}
.small {font-size:10px; color:#5F5F5F;}
.smallwhite {font-size:10px; color:white; padding:6px; line-height:140%;}

/* Textlinks */
a {color:#A41727; text-decoration:underline;}
a:link{color:#A41727; text-decoration:underline;}
a:visited{color:#666; text-decoration:underline;}
a:hover{color:#666; text-decoration:none;}
a:active{color:#666; text-decoration:none;}
#fuss a:link{color:#A41727; text-decoration:underline; font-size:10px; color:white;}

#liste a {color:#5F5F5F; text-decoration:underline;}
#liste a:link{color:#5F5F5F; text-decoration:underline;}
#liste a:visited{color:#666; text-decoration:underline;}
#liste a:hover{color:#666; text-decoration:none;}
#liste a:active{color:#666; text-decoration:none;}

/*Fieldset & Tabellen & Bilder*/
fieldset {border: 0; border:0px; padding:5px; width:450px; min-height:300px;}

legend {font-size:11px; font-weight:bold; color:#5f5f5f;}
label {width:15em; display: block; float:left; text-align: left; margin-right:2px;}
#res label, #res-anf label {width:160px; display: block; float:left; text-align: left; margin-right:2px;}
input, textarea, select {margin-bottom:5px; background-color:white; border:solid 1px #5f5f5f;}
input:active, input:focus, input:hover, textarea:hover {background:#f5f5f5;}
select {margin-bottom:5px;}

#BEaklist td {border-top:1px #666666 solid; padding:3px;}

#conten1 img, #content2 img {border:1px solid #5f5f5f;}

/*Aufzählungen*/
#BEf ul {margin-top:0px;}
.service-koesters ul {margin-top:-8px;}
.service-koesters li {list-style:square; color:#5f5f5f; font-size:11px; line-height:145%;}
.backend ol {margin-top:-8px;}
.backend li {list-style:square; color:#5f5f5f; font-size:11px; line-height:145%;}
.bend ul {margin-top:-8px;}
.bend li {list-style:square; color:#5f5f5f; font-size:11px; line-height:145%;}

/* Hauptnaivagtion */
#navigation li {display: inline; list-style-type: none;}
#navigation a {text-decoration: none; padding: 0px 10px 11px 10px; font-size:12px; color:white;}

#navigation a:hover,
#start #koesters a, #koesters-aktion #aktion a, #koesters-sortiment #sortiment a, #koesters-service #service a, #wunschliste #wunsch a, #oeffnungszeiten #oeffnung a, #kontakt-anfahrt #kontakt a, #anfahrtks #anfahrt a, #koesters_impressum #impressum a, #koesters-log #login a, #BEstart #willkommen a, #BEaklist #BEaktion a, #BEhochzedit #BEhochzeit a, #BEf #BEfaq a, #BEsort #BEsortiment a, #BEkon #BEkontakt a{color:#A41727; background-color:white; padding: 0px 10px 11px 10px; /*ob li un re */ text-decoration:none;}

/*Hover Status im IE 5 & 6*/
*html #navigation a:hover, 
*html #start #koesters a,
*html #koesters-aktion #aktion a,
*html #koesters-sortiment #sortiment a,
*html #koesters-service #service a,
*html #oeffnungszeiten #oeffnung a,
*html #kontakt-anfahrt #kontakt a,
*html #anfahrtks #anfahrt a,
*html #koesters_impressum #impressum a, 
*html #koesters-log #login a,
*html #BEkon #BEkontakt a
{padding: 3px 10px 11px 10px; /*ob li un re */}

/*Hover Status im IE 7 und höher*/
*:first-child+html #navigation a:hover, 
*:first-child+html #start #koesters a,
*:first-child+html #koesters-aktion #aktion a,
*:first-child+html #koesters-sortiment #sortiment a,
*:first-child+html #koesters-service #service a,
*:first-child+html #oeffnungszeiten #oeffnung a,
*:first-child+html #kontakt-anfahrt #kontakt a,
*:first-child+html #anfahrtks #anfahrt a,
*:first-child+html #koesters_impressum #impressum a, 
*:first-child+html #koesters-log #login a,
*:first-child+html #BEkon #BEkontakt a
{padding: 4px 10px 11px 10px; /*ob li un re */}