/************/
/*  GLOBAL  */
/************/
*{padding:0;margin:0;}
html,body{height:100%;}
body{
font-size:13px;
color:#000000;
font-family:verdana,arial,sans-serif;
background:url('images/xxx.gif') 0 0 repeat-x;height:100%;
} /*Font-size:1.0em = 10px when browser default size is 16px*/

#container{
width:100%;
margin:0px auto 0 auto;
padding:0px 0px 0px 0px;
background:url('xxx.jpg') 0 0 repeat-y;
min-height:100%;
height:auto !important;
height:100%;
}

/******************/
/*  LEFT COLUMN  */
/******************/
#left{
clear:both;
margin-top:0px;
width:100%;
display:inline /*Fix IE floating margin bug*/;
float:left;
}

#left #content img{padding:7px;border:0px solid #FCA44C;}
#left #content h1{clear:both;margin:0 0 10px 0;font-family:"trebuchet ms",arial,sans-serif;color:#b35d37;font-size:19px;font-weight:normal;}
#left #content h2{margin:20px 0 5px 0;font-family:"trebuchet ms",arial,sans-serif;font-size:17px;font-weight:normal;border-left:solid 4px #43a242;padding-left:10px;}
#left #content h3{margin:0;font-weight:bold;background:url('bullet.jpg') 0 60% no-repeat;padding-left:15px;font-size:13px;}
#left #content p{margin:0 0 5px 0;line-height:15px;}
#left #content blockquote{clear:both;margin:0 30px 0.6em 30px;font-size:100%;}
#left #content table{clear:both;width:99%;margin-bottom:10px;margin:3px 0 10px 0;}
#left #content table tr.odd{background-color:#f1f1f1;}
#left #content table tr.even{background-color:#e8e8e8;}
#left #content table td{padding:3px;}
#left #content ul{list-style:square;margin:0 0 15px 0;}
#left #content ul li{list-style-position:outside;margin:0 0 0 16px;line-height:15px;}
#left #content ol{}
#left #content ol li{list-style-position:outside;line-height:15px;}

/*#left #content a,#left #content a:visited{color:#43a242;text-decoration:none;font-weight:bold;}
#left #content a:hover{color:#265e26;}  */

/* HEADER */
#header{
position:fixed;
width:100%;
/*background:black url('retzimtheatersommer.gif') 0px 0 no-repeat;*/
height:128px;
	background-color: #000;
}
#content{
width:760px;
padding:170px 0px 190px 0px;
font-size:13px;
  position:absolute;
  z-index:-10 !important /*Non-IE6*/;z-index:-10 /*IE6*/;
	margin-left: -380px;
  top: 15px;
  left: 50%;
}

/* Navigation */
#navigation{
width:760px;
height:50px;  /* Höhe der Navigation + Abstand zu content: "*/
margin-top:23px; /*Abstand wegen bildleiste*/
white-space:nowrap;
}
#navigation ul{
list-style-type:none;
background:#fff;
height:18px;
}
#navigation li{
float:left;
z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;
border-right:1px solid #ffffff;
white-space:nowrap;
display:inline;
position:relative;
}
#navigation ul li a{
height:18px;
line-height:18px;
text-decoration:none;
font-weight:bold;
color:#FCA44C;
padding:0px 20px 0px 0px;
}
#navigation a {width:1%;}
#navigation .selected, #navigation a:hover{background:#ff0000;text-decoration:none;padding:0px 20px 0px 0px;}
#navigation li ul {margin-top:2px;display:none;left:0px;position:absolute;height:auto;}
/*#navigation li li {width:120px;border:0;}*/
#navigation li li a{white-space:nowrap;height:18px;margin-left:20px;line-height:18px;border:solid 0px #fff;border-top:none;font-weight:normal;color:#FCA44C;padding:0px 20px 0px 0px;}
#navigation a:hover, #navigation a:focus, #navigation a:active{background-color:#ffffff;color:#F56505;}
#navigation .sel a {background-color:#ffffff;color:#F56505;}
#bildleiste /* grüne Linie */
{
	float: left;
  width: 100%;
	height: 23px;
  left: 0px;
 border: #00ff00 0px dashed;/*rand die angegebenen Pixel müssen bei width 2x dazugegeben werden */ 
 background:url(../../media/screendesign/kopfbalken.jpg);
}

/********************/
/*  FOOTER SECTION  */
/********************/
#footer{
height: 150px;
clear:both;
position:fixed;
bottom:0;
width:100%;
margin:0 auto;
  color:#fff;
	text-align: center;
	background-color: #000;
}

/********************/
/*  FORM ELEMENTS   */
/********************/
form{margin:10px 0;padding:0;border:1px solid #eee;background-color:#FAFAFA;}
label{}
input{padding:2px;border:1px solid #eee;font:normal 1em 'Trebuchet MS',verdana,sans-serif;color:#777;}
textarea{width:400px;padding:2px;font:normal 1em 'Trebuchet MS', verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;}
input.button{width:60px;margin:1px 0;height:28px;cursor:pointer;}

.searchform{background-color:transparent;border:none;margin:0;padding:0;}
.searchform p{margin:10px;padding:0;}
.searchform input.textbox{width:100px;color:#333;height:20px;padding:3px;border:1px solid #ccc;}
.searchform input.button{width:60px;margin:1px 0;height:28px;cursor:pointer;}

/******************/
/*  CLEAR FLOATS  */
/******************/
#container:after, #header:after, #header-bottom:after, #header-breadcrumbs:after, #main:after, #main-navigation:after, #left:after, #left div:after, #right:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print{.header-top{width:900px;height:80px;background:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}
@media print{.header-breadcrumbs{width:900px;background:transparent;}}
@media print{.nav2{float:left;width:900px;border:none;background:rgb(240,240,240);color:rgb(75,75,75);font-size:1.0em;font-size:130%;}} /*Color navigation bar normal mode*/
@media print{.main{clear:both;width:900px;padding-bottom:30px;background:transparent;}}
@media print{.main-navigation{display:inline /*Fix IE floating margin bug*/;float:left;width:199px;border-right:solid 1px rgb(200,200,200);border-bottom:solid 1px rgb(200,200,200);background-color:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE*/;}}
@media print{.footer{clear:both;width:900px;height:3.7em;padding:1.1em 0 0;background:rgb(240,240,240);font-size:1.0em;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}
