html {
	height: 100%; 
	margin-bottom: 1px;
	background-image: url('../bilder/background.jpg');
}

body {
    margin: 0px;
    padding: 0px;
}

body, p, ul, li, a, td, textarea, .eingabe, .button, select, input {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}

#mainframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
/* background-image: url('../bilder/background.jpg'); */
    }

#contentouter {
    position: absolute;
    top: 20px;
    left: 320px;
    width:620px;
	background-color: #ffffff;
/*	height: 500px;  noch auskommentieren */
    }

#contentinner {
	margin-left: 20px;
	margin-top: 220px;
	width: 380px;
	/* background-color: #cccccc;*/
    }

#contentinner2 {
	margin-left: 20px;
	padding-top: 220px;
	width: 580px;
	/* background-color: #cccccc;*/
    }

#contentinner2 h3 {
	margin: 0;
	padding: 0;
    }

#contentinner2 h3 img {
	margin: 0 10px 10px 0;
    }

#nav1 {
    position: absolute;
    left: 20px; 
    top: 240px; 	
    }

#nav2 {
    position: absolute;
    left: 20px; 
    top: 240px;
	width: 280px;
	text-align: right;	
    }

#navindex {
    position: absolute;
    left: 0px;
	width: 300px; 
    top: 205px;
	text-align: right;
	font-size: 14px;
	color: #ffffff;	
	font-weight: bold;
	text-transform: uppercase;
    }

#nav1square {
	float: left;
	width: 100px;
	height: 100px;
}

#logo {
    position: absolute;
    left: 137px; 
    top: 40px;
	width: 163px;
	height: 80px;
    }

#credits {
    position: absolute;
    left: 0px; 
    top: 530px; 
    width: 300px;
	text-align: right;
	font-size: 9px;
	color: #F6DAA6;
    }

#impressum {
    position: absolute;
    left: 0px; 
    top: 5px; 
    width: 920px;
	text-align: right;
    }

#impressum, #impressum a, #credits a {
	font-size: 9px;
	color: #ffffff;
    }

#zitat {
	position: absolute;
    left: 20px; 
    top: 20px; 
    width: 380px;
	text-align: right;
    }

#headline {
	position: absolute;
    left: 17px; 
    top: 83px; 
    width: 320px;
    }

#projekt {
	float: left;
	width: 380px;
    padding-left: 20px;
	background-image: url('../bilder/quadrat_rot.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
    }

#projekt2 {
	width: 600px;
    padding-left: 20px;
	background-image: url('../bilder/quadrat_rot.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
    }

#projekt2 p {
	margin-bottom: 0px;
}


#projektlink {
	float: right;
	width: 180px;
    }

#repertoire1 {
	float: left;
	width: 200px;
    }

#repertoire2 {
	float: left;
    }

#repertoire3 {
	float: right;
	width: 180px;
    }

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #AF111D;
	font-weight: bold;
	text-transform: uppercase;
    }

h2 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 10px;
	text-transform: uppercase;
    }

/* Kleine Quadrate nach Reihen sortiert: Oben 20px*/
#square9 { position: absolute; left: 320px; top:  20px;}
#square0 { position: absolute; left: 420px; top:  20px;}
#square7 { position: absolute; left: 520px; top:  20px;}

#square1 { position: absolute; left: 320px; top: 120px;}
#square4 { position: absolute; left: 420px; top: 120px;}
#square6 { position: absolute; left: 520px; top: 120px;}

#square2 { position: absolute; left: 420px; top: 220px;}
#square5 { position: absolute; left: 520px; top: 220px;}

#square8 { position: absolute; left: 520px; top: 320px;}

#square10 { position: absolute; left: 520px; top: 420px;}

/* Große Quadrate nach Reihen sortiert*/
#square3 { position: absolute; left: 420px; top:  20px;}

ul {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
	text-align: left;
}

li {
	padding-left: 30px;
    padding-top: 2px;
	background-image: url(../bilder/list_dot.gif) ;
	background-repeat: no-repeat;
	background-position: 15px 5px; 
}

a {  color: #199F89; text-decoration: none; font-weight: normal;}
a:link {  color: #AF111D}
a:visited {  color: #AF111D}
a:active {  color: #AF111D}
a:hover {  color: #AF111D; text-decoration: underline;}

p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

input, form {margin: 0px; padding: 0px; }

.rot {	color: #AF111D;	}
.grau {	color: #666666;	font-size: 11px;}
.grau2 {	color: #666666;}
.space10 {border: 0px; margin-right: 10px;}

#formset {float: left; margin-right: 20px; text-align: right; margin-top: 5px; margin-bottom: 5px; height: 22px;}
#formset2 {float: left; padding-right: 10px; text-align: left; margin-top: 5px; margin-bottom: 5px; height: 32px;}
#formset2 p {font-size: 10px; margin-bottom: 2px; color: #999999;}

#clearfloats {clear: left; height: 0px; font-size: 0px;}
#mark {font-size: 14px; font-weight: bold; text-transform: uppercase;}


.eingabe {  border: 0px; border-bottom: solid 1px #000000; background-color: transparent;}
.eingabe2 {  border: solid 1px #cccccc; background-color: transparent;} /*für mitgliederformular*/
textarea {  border: solid 1px #000000; width: 400px; height: 80px;}
.button {  background-color: #AF111D; color: #ffffff;}



/*zusatznavigation dynamisch */

div.firstlevel a, div.firstlevelactive a, div.firstlevel a:active, div.firstlevel a:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block; 
    font-size: 12px;
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
/*    line-height: 18px; */
	width: auto !important;
}

div.firstlevel a:hover {  
    color: #ffffff; 
    text-decoration: underline; 
}

div.firstlevelactive a {  
	color: #ffffff;
}

div.secondlevel a, div.secondlevelactive a, div.secondlevel a:active, div.secondlevel a:visited {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    display: block; 
    font-size: 12;
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
	width: auto !important;
}

div.secondlevel a:hover {  
    color: #ffffff; 
    text-decoration: underline; 
}

div.secondlevelactive a {  
	color: #ffffff;
}

th {font-size: 11px; text-align: left; font-weight: bold; text-transform: uppercase;}
td {font-size: 11px; }

#pdf, .pdf {
	background-image:url('../bilder/icon_pdf.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px ;
}

.word {
	background-image:url('../bilder/icon_word.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px ;
}

.excel {
	background-image:url('../bilder/icon_excel.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px ;
}

.bild {
	background-image:url('../bilder/icon_bild.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px ;
}

.audio {
	background-image:url('../bilder/icon_audio.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px ;
}

table#result td {
	vertical-align: top;
}