/* CSS Document */
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, 
span, a, table, td, form, img, li, input, textarea {
font-size: 100.01%;   
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
}

body {
background-color: #ff8532;
background-position: top left;
background-repeat: no-repeat;
background-image:url(images/design/bg_blendenflecke_2.jpg);
}

html>body {
background-attachment:fixed;}

#container {
background-position: top left;
background-repeat: repeat-x;
}

a:link,a:visited,a:hover,a:active {
font-weight: normal;
text-decoration: none;
color: #000099;
text-decoration: underline;
}
a:hover {
font-weight: normal;
color: #333333;
text-decoration: underline;
}
hr {
clear:both;
color: #fff;
width: 99%;}
.white {
color: #fff;}
.red {
color: #990000}
.grey {
color: #ccc}
.clearing {
clear:left;}
.rightfloat{
float:right;}
.leftfloat{
float:left;}
.liner{
margin: .35em 0 .5em 0em;
padding-bottom: .5em;
border-bottom: 1px solid #ccc;}

.projektthumb {
font-size: .88em;
float:left;
width:200px;
margin: .35em .35em 0 0;
padding: .35em;
border: 1px solid #eee;
}
.projektthumb img {
width: 80px;
height: 80px;
float:left;
margin-right: 3px;
padding: 3px;
}

#container {
width: 100%;
}

#topcontainer {
z-index:10;
background-color:#ff6600;
background-image: url(images/design/kopf_08.jpg);
background-position: top left;
background-repeat:no-repeat;
border-bottom: 1px solid #ccc;
}
html>body #topcontainer {
position:fixed;
top:0px;
width:100%;
}

#top {
height: 130px;
}
#topnav {
height: 30px;
vertical-align: middle;
background-color:#ffcc00;
background-repeat:repeat-x;
background-image:url(images/design/sub_kopf_bg_2.jpg);
letter-spacing: .05em;
border-top: 1px solid #ccc;
}
#welcome h3 {
font-size: 12px;
padding: 9px 0 0 237px;
}

#suchbegriffe {
width: 450px;
text-align:right;
float:right;
}
#suchbegriffe h2 {
padding: 0em 15px 0em 0em;
font-size: 1.2em;
line-height: 1.1em;
text-transform: none;
letter-spacing: .01em;
}

h1 {
color:#fff;
padding: 15px 15px 0em 0em;
font-size: 1.8em;
line-height: 1.1em;
text-transform: uppercase;
letter-spacing: .03em;
}

h4 {
margin: 5px 0 0 5px;
padding: 0;
font-size: 1em;
line-height: 1em;
text-transform: uppercase;
color: #FFFF33;
}

h4 a {
font-weight:bold;
color: #FFFF33;
text-decoration: none;}
h4 a:link, h4 a:visited {
font-weight:bold;
color: #FFFF33;
text-decoration: none;}
h4 a:hover, h2 a:hover {
font-weight:bold;
color: #000;
text-decoration: none;}

#newsticker {
height: 120px;
overflow:hidden;
}
#buehne {
width: 100%;
color: #000;
padding: 1.4em 0 1em 0;
}
html>body #buehne {
padding-top:170px;
margin-bottom:40px;
}

#left {
position:absolute;
left:0px;
line-height: 1.1em;
text-align:right;
width: 180px;
}
#left[id] {
position:fixed;
}
#left form {
font-size: .80em;
margin: .7em;
}
#left h3 {
font-size: .80em;
margin: .7em;
}
#left p {
font-size: .80em;
margin: .7em;
}

#right {
position:absolute;
right:0px;
line-height: 1.3em;
text-align:left;
width: 270px;
}
#right p {
font-size: .80em;
line-height: 1.1em;
margin: 0px 5px 5px 9px;
}
#news  {
width: 260px;
}
.newsblock {
margin: 0 10px 5px 0px;
background-repeat:no-repeat;
background-position: 0px 0px;
background-color:#FF6600;
}
#news .newsblock {
border: 1px dotted #FFFF33;
background-image:url(images/design/newsblock_bg.jpg);
}
#news h4, #left h4{
color: #FFFF33;
font-size: .80em;
margin: 9px 0px 5px 9px;
padding:0;
text-transform: none;
}
#news h3 {
color:#000;
font-size: .80em;
line-height: 1em;
margin: 0px 0px 5px 9px;
padding:0;
}

#middle {
line-height: 1.3em;
margin: 0 300px 0 210px;
border-left: 3px dotted #ffcc00;
border-right: 3px dotted #ffcc00;
height: 22em; /* das hier für den ie */
}
#middle[id] {
height:auto;
min-height:22em;
}
#middle h2, #right h2 {
margin: 10px 10px 5px 0;
padding: 2px 2px 1px 10px;
font-size: 0.75em;
text-transform: uppercase;
background-color:#ff8532;
background-image:url(images/design/bereich_head_bg.jpg);
background-repeat:no-repeat;
}
#middle a {
margin: 0 0 5px 0;
text-decoration: none;}
#middle h2 a:link, #middle h2 a:visited,
#right h2 a:link, #right h2 a:visited {
color: #000;
font-weight:bold;
text-decoration: none;}

#middle h2 a:hover, #middle h2 a:hover,
#right h2 a:hover, #right h2 a:hover  {
color: #ff6600;
text-decoration: none;}

#middle h3 {
font-size: .80em;
margin: 5px 0px 0px 30px;
padding: 0;
}
#middle p {
font-size: .88em;
color: #000;
letter-spacing: .01em;
margin-top: .7em;
}

#middle ul {
color: #000;
letter-spacing: .01em;
font-size: .88em;
font-weight: bold;
margin: 2em;
list-style-type: square;
}
#middle ul ul li {
font-weight: normal;
margin-left: 3em;
list-style-type: square;
}

#allekonzerte, #kantinekonzerte, #kantinepartys, #kantinespecials, #biergartenevents, #kantinenews, #details, #shop {
margin: 10px 23px 10px 23px;
}
.eventblock {
margin: 0 10px 10px 0px;
height:auto;
background-repeat:no-repeat;
background-position: 0px 0px;
background-color:#FF6600;
}
.eventblock h4 {
margin: 5px 0px 5px 30px;
}

#allekonzerte .kantine {
margin: 0 10px 10px 0px;
height:auto;
background-repeat:no-repeat;
background-position: 0px 0px;
background-color:#FF6600;
border: 1px dotted #000;
background-image:url(images/design/eventblock_konzerte_bg.jpg);
}
#allekonzerte .yardclub {
margin: 0 10px 10px 0px;
height:auto;
background-repeat:no-repeat;
background-position: 0px 0px;
background-color:#FF6600;
border: 1px dotted #cc0000;
background-image:url(images/design/eventblock_yardclub_bg.jpg);}


#kantinekonzerte .eventblock {
border: 1px dotted #000;
background-image:url(images/design/eventblock_konzerte_bg.jpg);
}
#kantinespecials .eventblock, #specials .eventblock {
border: 1px dotted #9966FF;
background-image:url(images/design/eventblock_specials_bg.jpg);
}
#kantinepartys .eventblock {
border: 1px dotted #fff;
background-image:url(images/design/eventblock_partys_bg.jpg);
}
#biergartenevents .eventblock {
border: 1px dotted #009900;
background-image:url(images/design/eventblock_biergarten_bg.jpg);
}
#yardclubevents .eventblock {
border: 1px dotted #cc0000;
background-image:url(images/design/eventblock_yardclub_bg.jpg);}

#kantinenews .newsblock {
border: 1px dotted #FFFF33;
margin: 0 10px 5px 0px;
padding: 10px;
background-repeat:no-repeat;
background-position: 0px 0px;
background-image:url(images/design/detailblock_bg.jpg);
}
#kantinenews .newsblock p {
font-size: .80em;
line-height: 1.1em;
margin: 0 0 5px 0px;
}
#kantinenews .newsblock h3, #kantinenews .newsblock h4 {margin: 0 0 5px 0px;}
#kantinenews .newsblock a {
font-size: .80em;
}

.detailblock {
border: 1px dotted #FFFF33;
margin: 0 10px 5px 0px;
padding: 10px;
background-repeat:no-repeat;
background-position: 0px 0px;
background-image:url(images/design/detailblock_bg.jpg);
}
#details h3, #details h4, #tipp h3, #tipp h4 {
margin: 0 0 5px 0px;
padding: 0;
}
#details h5, #tipp h5 {
color: #FFFFFF;
margin: 0;
padding: 0;
}
#details h6, #tipp h6 {
color:#FF0000;
margin: 0 0 5px 0px;
padding: 0;
}
#details img, #tipp img {
margin: 0 10px 10px 0px;
float:left;
}

#footer {
border-top: 1px solid #ccc;
font-size: .8em;
font-weight:bold;
text-transform: uppercase;
}
#footer p {
padding: .7em 15px .7em 20px;
text-transform: none;
}
html>body #footer {
color: #fff;
position:fixed;
bottom:0px;
width:100%;
background-color:#000;
}
#impressum {
float:right;
width:150px;
text-align:right;
}
#footernavlist {
padding: .7em 15px .7em 20px;
}

#topnavlist ul, #footernavlist ul {
white-space: nowrap;}
#topnavlist li, #footernavlist li {
display: inline;
list-style-type: none;
padding: 0;}

#topnavlist a, #footernavlist a { 
font-weight: bold;
text-decoration: none;}
#topnavlist a:link, #topnavlist a:visited, 
#footernavlist a:link, #footernavlist a:visited {
color: #fff;
text-decoration: none;}
#topnavlist a:hover, #footernavlist a:hover {
color: #990000;
text-decoration: none;}

#leftnavlist ul {
white-space: nowrap;
}
#leftnavlist li {
display: block;
margin: 1em 1em 0 0;
list-style-type:none;
}

#leftnavlist a { 
font-weight: bold;
text-decoration: none;}
#leftnavlist a:link, #leftnavlist a:visited {
color: #000;}
#leftnavlist a:hover {
color: #fff;}

form {
font-size: .88em;
color: #000;
letter-spacing: 0px;
padding-left: 0;
}
input[type="text"], textarea {
width:95%;
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
margin: 0 0 .3em 0;
padding: .15em;
border-top: 1px solid #999999 ;
border-left: 1px solid #999999 ;
background-color: #F7FAFF;
}
input[type="text"].fehler {
background-color: #FF0000;
}
textarea:focus {background-color:#fff;}
input[type="text"]:focus {background-color:#fff;}

.shopblock {
border: 1px dotted #FFFF33;
margin: 0 10px 5px 0px;
padding: 10px;
background-repeat:no-repeat;
background-position: 0px 0px;
background-image:url(images/design/detailblock_bg.jpg);
}
#shop tr.fehler {
background-color:#CC0000;
color:#FFFF33;
}
#shop th {
text-align: left;
color: #FFFFFF;
font-size: .9em;
margin: 0;
padding: .2em;
border-style:solid;
border-color:#CC0000;
border-width:1px;
}
#shop td {
font-size: .9em;
margin: .2em;
padding: .2em;
border-style:solid;
border-color:#CC0000;
border-width:1px;
vertical-align:bottom;
}
#shop h4 {
font-size: .9em;
margin: 0;
padding: 0;
}
a.ticket {
text-transform:uppercase;
	color:#FFFFFF;
	padding:3px 2px 1px 2px;
	margin:0px;
	background-color:#CC0000;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
a:hover.ticket {
	color:#FFFFFF;
	background-color:#009900;
}

.warenkorb {
font-size: .80em;
font-weight:bold;
border: 1px solid #CC0000;
margin: 0 10px 5px 0px;
padding: 10px;
display:block;
background-repeat:no-repeat;
background-position: 0px 0px;
background-image:url(images/design/detailblock_bg.jpg);}
.heute {
padding:3px 3px 1px 3px;
margin:0px;
background-color:#00FF00;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;}
.morgen {
padding:3px 3px 1px 3px;
margin:0px;
background-color:#00CCFF;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;}
.clearing {
clear:both; height:0.1px;}

.grellblock {
font-weight:bold;
text-align:center;
padding:5px 10px;
margin: 0px 10px 5px 0px;
background-color:#ff3;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
display: block;}

.grellblock a:link,.grellblock a:visited {
font-weight: bold;
text-decoration: none;
color: #ff6600;
}
.grellblock a:hover {
font-weight: bold;
color: #333333;
text-decoration: underline;
}
#middle .grellblock p {
margin: 0;
}

#right p.mini {
font-size: .65em;
line-height: 1.3em;
}
#right ol li {
font-weight: normal;
margin: 0px 5px 2px 25px;
font-size: .69em;
line-height: 1.0em;
}
#rssfeeder {
line-height:1.1em;
font-size: .69em;

}
#rssfeeder ul {
margin: 10px 0 0 20px;
}
#rssfeeder ul li {
margin: 0 0 5px 0px;
}

#twitter_update_list li {
list-style-type: none;
font-size:14px;
}
#twitter_update_list span {
color: #fff;
font-weight:bold;
padding:0px;
font-family:"Courier New", Courier, monospace;
}
#twitter_update_list a:link, #twitter_update_list a:visited {
color: #ffcc00;
}