/* farben:
orange = rgb(255,143,30)
dunkelgrau = rgb(51,51,51)
mittelgrau = rgb(153,153,153)
hellgrau = rgb(238,238,238)

----------------------Allgemeines--------------------------*/

body {margin:0px; padding:0px; /*background-color:rgb(238,238,238);*/ background-image:url(bilder/hg_seite.gif); background-repeat:repeat-y; background-position:0px 125px; font-size:15px;}

h1,h2,h3,p,blockquote,ol,ul,form,td,div {font-family:Arial,Helvetica,sans-serif;}

table th {padding-top:28px;}
table td {text-align:left; vertical-align:top;}
table ul {margin-top:0;padding-top:0;}
table#gebuehr {margin:0; border-collapse:collapse;}
table#gebuehr td {border:1px solid black}
#gebuehr_g {border-top-style:double}

/*--------------------Ecke------------------------*/
#ecke {position:absolute; top:0; left:0; z-index:500;}
img#logo {position:absolute; top:12px; left:0px;  border:0px; z-index:200;}

#logo_rand {position:absolute; top:0px; left:210px; height:144px; width:100px; background-image:url(bilder/logo_rand_oben.png); background-repeat:no-repeat;}
#ecke #grau {position:absolute; top:0; left:0; z-index:1; background-color:rgb(51,51,51); height:125px; width:210px;}

/*-------------------linker Bereich-----------------------*/
#linker_bereich {position:absolute; left:0px; top:0px; width:210px; background-image:url(bilder/logo_rand_unten.gif); background-repeat:no-repeat; background-position:0px 125px;}

#navigation {margin-top:260px; width:210px;}
#navigation ul {list-style-type:none; margin:0;padding:0px; text-align:right;
}
#navigation li{padding-right:6px; padding-top:10px; font-size:18px;}
#navigation li a {color:white; text-decoration:none;}
#navigation li a:hover{color:rgb(255,143,30);}
#navigation li ul li{padding-right:0px; padding-top:0px;font-size:16px;margin:0;}
#navigation li ul li a:link {margin-bottom:6px; font-size:16px;}
#navigation li ul li a:hover {color:rgb(255,143,30);}

.start #navigation ul li #nav_start,
.programm #navigation ul li #nav_programm,
.kurse #navigation ul li #nav_kurse,
.angebot #navigation ul li #nav_angebot,
.zeitplan #navigation ul li #nav_zeitplan,
.gebuehr #navigation ul li #nav_gebuehr,
.anmeldung #navigation ul li #nav_anmeldung,
.karten #navigation ul li #nav_karten,
.konzerte #navigation ul li #nav_konzerte,
.bilder #navigation ul li #nav_bilder,
.presse #navigation ul li #nav_presse,
.verein #navigation ul li #nav_verein,
.sponsoren #navigation ul li #nav_sponsoren,
.kontakt #navigation ul li #nav_kontakt,
.links #navigation ul li #nav_links
{color:black;}

/*-------------------Hauptbereich-----------------------*/
#hauptbereich {/*background-color:rgb(153,153,153);*/ margin-left:210px; margin-right:0px; height:100%;}
/*-------------Kopf---------------*/
#kopf {background-color:black; height:80px; margin:0px; padding:0px;}
#kopf table {position:absolute;  top:0px; left:0px; width:100%;}
#bilderrahmen {position:absolute; top:0; left:0; width:100%; height:80px; overflow:hidden; background-color:black}

#platzhalter {width:860px; height:80px;}

#rechter_rand {height:80px; width:100%; margin-left:0; background-color:white; opacity:0.4; -moz-opacity:0.4;  -khtml-opacity:0.4;  filter:alpha(opacity=40);}

#fader {padding:0; margin:0; position:absolute; top:80px; left:210px; width:650px; height:40px; background-color:#FFFFFF; z-index:100; overflow:hidden;
}
.fadertext {position:absolute; width:650px; padding:0; margin:0; line-height:40px; text-align:center; font-style:italic; font-weight:bold; font-size:20px; font-variant:small-caps; white-space:nowrap;}
#fader_text {color:rgb(255,143,30); z-index:100;}
*:first-child+html #fader_text {background-color:white; filter:Alpha(opacity=100);}
#fader_schatten {top:1px;left:2px; color:#D2D2D2; background-color:white;}
*:first-child+html #fader_schatten {display:none;}

/*-------------Inhalt---------------*/
#inhalt {margin:0px; padding:0px; margin-top:50px; padding-bottom:20px; width:650px; top:0; background-image:url(bilder/gitarre_hg.gif); background-position:bottom right; background-repeat:no-repeat;}

#inhalt>h2,
#inhalt>h3,
#inhalt>p,
#inhalt>ol,
#inhalt>ul,
#inhalt>form,
#inhalt>div,
#inhalt>table
{font-family:Arial,Helvetica,sans-serif; margin-right:20px; margin-left:34px;}

#inhalt h2 {margin-top:0; padding-top:20px; color:rgb(181,181,181);}
#inhalt h3 {font-size:17px; margin-top:12px; padding-top:0; padding-bottom:0; margin-bottom:0; color:rgb(51,51,51);}
#inhalt p,
#inhalt label,
#inhalt input,
#inhalt textarea,
#inhalt td,
#inhalt blockquote
{color:rgb(51,51,51); font-size:15px;}

#inhalt img {border:none;}
#inhalt .button{color:rgb(51,51,51); font-size:14px;}
#inhalt p.klein {font-size:11px;}
#inhalt p.quelle {font-size:11px; margin-top:3px;}
#inhalt blockquote {font-style:italic; padding:0; margin:14px 0 0 0;}
#inhalt a:active,#inhalt a:link,#inhalt a:visited {color:gray; text-decoration:none;}
#inhalt a:hover {color:rgb(255,143,30); text-decoration:underline;}

#inhalt form {border:1px solid gray; background-color:#DDDDDD; padding:8px;}
#inhalt form br{clear:both;}
#inhalt fieldset {border:0;padding:0; margin:0;margin-bottom:4px;}
#inhalt label {margin:4px 4px 0 0;}
#inhalt label.fix {float:left; width:140px; text-align:right}
#inhalt input {float:left; margin-top:2px; margin-bottom:2px;}
#inhalt input[type=text] {width:400px;}
#inhalt input[type=checkbox] {margin-left:50px;}
#inhalt textarea {margin-top:2px; margin-bottom:2px; width:550px; height:150px; font-family:inherit; padding:2px;}
#inhalt .button {border-top:2px solid white; border-left:2px solid white; border-bottom:2px solid gray; border-right:2px solid gray; background-color:rgb(238,238,238);}
#inhalt .button:hover {color:rgb(255,143,30); border-top:2px solid gray; border-left:2px solid gray; border-bottom:2px solid white; border-right:2px solid white; background-color:rgb(238,238,238);}
#inhalt form p.klein {margin:0; padding:0}

#inhalt div.block {border-bottom:1px solid rgb(255,143,30);}
#inhalt div.letzter_block {border-bottom:none;}
#inhalt div.block .spaltelinks {float:left;}
#inhalt div.block div.spalterechts {padding-left:150px;}

#inhalt .bildlink a:hover {text-decoration:none;}

#inhalt table#programm td {
vertical-align:top;
padding-top:5px; padding-bottom:5px;}
#inhalt table#programm #datum {width:40px;}

#inhalt table#programm #uhrzeit {width:140px;}

#inhalt table#programm #veranstaltung {}
#inhalt .bildergalerie img {border:1px solid silver; padding:3px; margin:5px; background-color:white;}
.sponsoren #inhalt div.block {padding:10px; padding-left:50px;}

#inhalt div.box_start {border:1px solid gray; margin-top:50px; padding-left:15px;padding-right:15px; background-image:url(bilder/halbtransparent.png);}
#inhalt div.box_start h3 {font-size:19px; font-weight:bold; font-variant:small-caps; font-style:italic; color:rgb(255,143,30);}
#inhalt div.box_start h4 {border-top:1px solid rgb(255,143,30);padding:10px 0 10px 0; margin:0}

table.zellabstand td {padding-bottom:10px;}

.linie {border-top:1px solid rgb(255,143,30); padding-top:10px !important;}