/* CSS Document */
html {
height: 100%;
margin-bottom: 1px; 
 }
body {
padding:0;
color:#555;
background-color:#f7f7f7;
background-color:#c40;
font-size:100.01%;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.4em;
width:90%;
min-width:800px;
max-width:1100px;
text-align:center;
margin:auto;
}

div {
margin:0;
padding:0;
}

/* ============================================== LAYOUTBOXEN ================================================== 
================================================================================================================*/
#tutti {
position:relative;
text-align:left;
border-bottom:1px solid #c40;
font-size:0.8em;
line-height:1.5em;
border:7px solid #FF6600;
margin-top:8px;
}

#kopf {
position:relative;
height:280px;
background-color:#AA1A23;
background-color:#FBA140;
background-color:#060004;

background-image:url(../bilder/home_muster.jpg);
background-image:url(../bilder/buehne.jpg);
background-image:url(../bilder/kopfgrafik.jpg);

background-repeat:no-repeat;
z-index:100;
}
#logo {
/*
height:227px;
height:560px;
width:10px;
background-color:#FE8D27;
position:absolute;
left:-10px;
top:20px;*/
}
#kopfgrafik {
/**/height:205px;
width:248px;
position:absolute;
right:0;
top:4px;
background-image:url(../bilder/tanz_trans.png);
}


/*================================================= INHALT ============================================= */
#inhalt {
position:relative;
/**/background-color:#efefef;
border-left:1px dotted #ccc;
border-right:1px dotted #ccc;
height:100%; /* für die Anzeige im IE6*/
}
#info {
margin-right:340px;
padding:20px 30px ;
z-index:100;
}
/**/#news {
width:260px;
background-color:#efefef;
float:right;
margin-right:20px;
margin:50px 20px;
padding:10px 20px;
font-weight:normal;
border-left:1px dotted #c00;
clear:left;
}
#news h2 {margin-bottom:0;}




/* für den IE - und dann die Höhe des Infobereiches anpassen
#news {
width:230px;
position:absolute;
right:50px;
top:45px;
padding:0 20px;
font-weight:normal;
border-left:1px dotted #c00;
clear:left;
}
#news h2 {margin-bottom:0;}
 */



.inhalt p {
margin-bottom:1.5em;
}
p.abst3 {margin-bottom:3em;}
h1{
font-size:1.4em;
color:#333;
margin:35px 0 20px 0;
}
h2 {
font-size:1.2em;
color:#333;
}
h3 {
font-size:1.1em;
color:#333;
}

hr {
margin:20px 0;
height:1px;
background-color:#c40;
border:0;
clear:both;
}

table {margin: 20px 0 20px 35px;
width:auto;
}
td {
vertical-align:top;
padding:8px;
width:50%;
border-bottom:1px dotted #666;
}
a{color:#c40;font-weight:bold; text-decoration:none;} 
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
a:focus {text-decoration:underline;}

/* ===================================================== NAVIGATION ================================================== */

#subNav {
position:absolute;
top:230px;
left:0;
width:760px;
width:100%;
height:45px;
font-weight:bold;
font-size:1.2em;
font-variant:small-caps;
background-color:#F04E00;
color:#efefef;
border-bottom:5px solid #FF6600;
}

#hauptNav {
position:absolute;
top:205px;
font-weight:normal;
color:#333;
font-weight:bold;
font-size:1.2em;
font-variant:small-caps;
z-index:200;
width:100%;
background-color:#FF9900;

/*border-right:8px solid #FF9900;*/
}

#zusatzNav {
position:absolute;
right:11px;
top:212px;
text-align:right;
font-size:1em;
font-variant:small-caps;
color:#333;
z-index:200;
}
#zusatzNav a {color:#c00;text-decoration:none;}
#zusatzNav a:hover,#zusatzNav a:active  {color:#333;}
#zusatzNav a.aktiv  {color:#333;}

#hauptNav ul  {
margin:0; padding:0;
line-height:2em;
}
#hauptNav li {
display:inline;
padding:5px 10px ; margin-right:5px;
background-color:#FCCB70;
font-weight:bold;
list-style-type:none;
border-bottom:0;
}
#subNav a img  {vertical-align:middle}
#subNav p{margin:0;padding:10px 20px 0 0;line-height:2em;} 
#subNav ul, #subNav p{margin:0;padding:10px 20px 0 10px;line-height:2em;} 
#subNav li {
list-style-type:none;
display:inline;
margin-right:2em;
}

 #subNav ul ul li {
color:#c00;
}

#subNav a:link, #subNav a:visited {
color:#EBEBEB;
text-decoration:none}
#subNav a:hover, #subNav a:active {color:#333;;text-decoration:none}

#hauptNav a:link, #hauptNav a:visited {
color:#c00;
text-decoration:none}
#hauptNav a:hover, #hauptNav a:active {color:#333;;text-decoration:none}

#subNav li.aktiv, #subNav a.aktiv {color:#333;}
#hauptNav a.aktiv {color:#333;}

/* ======================================================= FUSS  ======================================== */
#fuss {
clear:both;
background-color:#ccc;
height:2em;
color:#333;
font-size:0.9em;
font-weight:bold;
font-style:italic;
padding-left:30px;
border-top:1px dotted #c40;
margin-top:50px;
}

/*******************Formular****************************/
input {
	border: 1px solid #efefef;
	color: #31344A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	display:block;
	width:300px;
	margin-bottom:10px;
}

textarea {
	border: 1px solid #efefef;
	color: #31344A;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	display:block;
	font-size:0.9em;margin-bottom:10px;
}
label {font-weight:bold;}
input.schalter { 
background-color:#FF6600;
border: 3px double #333;
font-size:0.9em;
width:auto;
 }
 .achtung {color:#c00; font-weight:bold;}

/* ==================================================== DIVERSES ==============================================*/
.kasten {
width:300px;
margin-right:25px;
float:left;
border-right:1px dotted red;
}
.groesser {font-size:larger;}
.kleiner {font-size:smaller;}
.klein {font-size:75%}
.rot {color:#CC0000;}
.clearing {clear:left}
.einzug {padding-left:40px;}

.wichtig {color:#c40; font-weight:bold;}

p.floatLi {padding-right:0;margin-right:15px;float:left;}
.foto {
float:left;
margin:5px;
padding:3px;
text-align:center;
width: 225px;
width:18em;
height:16em;
border:1px solid #ccc;
font-size:smaller;
}
.foto img {width:auto; height:13em;margin:auto;}
.todo {
background:#99FFCC;
}


a img {border:0;margin-left:10px;margin-right:10px;}