/*******************************
*     Annette Frier FC
* by Svenja Poniecki, 2009 
********************************/

/* -----Allgemein zentriert----- */

* {
	border:none
}

html, body { 		
	height: 100%; 
	margin: 0;
	padding: 0;
}

#abstand {
	height: 50%; 
	width: 100px;
	margin-bottom: -302px;
	float: left; 
	}

#outerbox, #box  { 
	height: 601px; 
	clear: left;
	}

/* Divs */

body {
	font-size: 0.9em;
	line-height: 1.4em;
	background-color:#f8f8f8; /*f8f8f8*/
}

#outerbox, #box{ 
	background-color: transparent; 
	text-align: center; 
	position: relative; 
	width: 970px; 
	overflow: hidden;
	}

#outerbox { 
	margin: auto; 
	background: transparent url("../images/af-bg.jpg") no-repeat right center; 
	padding: 20px;
	}
	
#top { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 18%; 
	float: left; 
	}
	
#balken { 
	background-color: #000; 
	position: absolute; 
	z-index: 5; 
	top: 5px; 
	left: 0; 
	width: 552px;
	height: 45px;
	background-image: url("../images/verlauf3.gif"); 
	background-repeat: repeat-y; 
	background-position: right 0; 
	color: #000;
	}
	
#logo  { 
	background: transparent url("../images/affc-rot.png") no-repeat right center; 
	position: absolute; 
	z-index: 6; 
	top: 0; 
	right: 0; 
	width: 100%; 
	height: 70px;
	}

#pix { 
	background-color: transparent; 
	background-image: url("../images/index_af.jpg"); 
	background-repeat: no-repeat; 
	background-position: right 0; 
	display: block; 
	padding: 18px; 
	position: absolute; 
	z-index: 2; 
	top: 100px; 
	right: 0; 
	width: 312px; 
	height: 390px;
	}



#frei1 { 
	background-color:transparent; 
	background-image: url("../images/frei1.png"); 
	background-repeat: no-repeat; 
	background-position: left 0; 
	position: absolute; 
	z-index:3; 
	bottom: 9px; 
	left: 10px; 
	width: 180px; 
	height: 280px;
	}	

#frei2 { 
	background-color:transparent; 
	background-image: url("../images/frei2.png"); 
	background-repeat: no-repeat; 
	background-position: left 0; 
	position: absolute; 
	z-index:3; 
	bottom: 7px; 
	left: 190px; 
	width: 24px; 
	height: 138px;
	}	
	
#frei3 { 
	background-color:transparent; 
	background-image: url("../images/frei3.png"); 
	background-repeat: no-repeat; 
	background-position: left 0; 
	position: absolute; 
	z-index:3; 
	bottom: 7px; 
	left: 214px; 
	width: 74px; 
	height: 88px;
	}		
	
#schatten {
	width: 10px; 
	height: 100%;
	z-index:3;
	position: absolute; 
	background: #903 url(../images/schatten.gif) repeat-y left 0;
}
	
#text { 
	display: block; 
	position: absolute; 
	z-index: 3; 
	top: 100px; 
	left: 170px; 
	width: 435px; 
	height: 426px; 
	float: left; 
	overflow: hidden;
	}

/*menu*/
#menu { 
	color: #fff; 
	font-size: 0.9em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	line-height: 1.4em; 
	position: absolute; 	
	top: 100px; 
	left: 0px; 	
	width: 140px;
	z-index: 5; 
	background-color: transparent;  	
	text-align: left; 
}

#menu dl {
	width: 150px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: #903 url(../images/bottom.gif) no-repeat bottom left;
	}

#menu dt {
	margin:0; 
	padding: 10px; 
	font-size: 1.2em; 
	font-weight:bold; 
	color: #fff; 
	border-bottom:1px solid #fff; 
	background: #903 url(../images/top.gif) no-repeat top left;
	}


#menu dd {
	margin:0; 
	padding:0; 
	color: #fff; 
	font-size: 1em; 
	border-bottom:1px solid #fff; 
	background: #60
	0;
	}

#toc a, #toc a:visited {
	color:#fff; 
	text-decoration:none; 
	display:block; 
	padding:5px 5px 5px 50px;
	background: #600; 
	width:95px;
	}
	
#toc a:hover  {
	background: #c66 url(../images/pfeil.gif) no-repeat 10px 3px; 
	color:#fff;
	font-weight: bold;
	}

#toc a.aktiv {
	background: #e99 url(../images/pfeil_aktiv.gif) no-repeat 10px 3px; 
	color:#600;
	font-weight: bold;
	}	
	
ol li {
	font-size:1em;
	}
	
/*menu ende*/	

/*runde box*/

#roundbox, #roundboxtop {
	color: #fff; 
	font-size: 0.8em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	line-height: 1.6em; 
	background: transparent; 
	width: 100%;
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	z-index: 2; 
	}

#roundboxtop {
	top: 5px;
	width: 80%;
}	
	
.xtop, .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
	}

.xb1, .xb2, .xb3, .xb4 {
	display:block; 
	overflow:hidden;	
	background: #600 url("../images/verlauf2.gif") repeat-y; 
	}

.xbtop1, .xbtop2, .xbtop3, .xbtop4 {
	display:block; 
	overflow:hidden;	
	background: #600 url("../images/verlauf3.gif") repeat-y; 
	}	

.xbtext1, .xbtext2, .xbtext3, .xbtext4 {
	display:block; 
	overflow:hidden;	
	background: #903 url("../images/verlauf1.gif") repeat-y; 
	}	
	
.xb1, .xb2, .xb3, .xbtop1, .xbtop2, .xbtop3, .xbtext1, .xbtext2, .xbtext3 {
	height:1px;
	}

.xb2, .xb3, .xb4, .xbtop2, .xbtop3, .xbtop4, .xbtext2, .xbtext3, .xbtext4  {
	margin:0 5px; 
	border:0;
	}

.xbtext2, .xbtext3, .xbtext4 {
	margin:0 0; 
	border:0;
	}

	
.xb1 {
	margin:0 5px; 
	background-position: 100.9% 0; 	
	}
	
.xb2 {
	margin:0 3px; 
	border-width:0 2px; 	
	background-position: 100.5% 0;
	}
	
.xb3 {
	margin:0 2px;
	background-position: 100.4% 0;
}

.xb4 {
	height:2px; 
	margin:0 1px;
	background-position: 100.2% 0;
	}

.xbtop1 {
	margin:0 5px; 
	background-position: 0 0; 	
	}
	
.xbtop2 {
	margin:0 3px; 
	border-width:0 2px; 	
	background-position: 0 0;
	}
	
.xbtop3 {
	margin:0 2px;
	background-position: 0 0;
}

.xbtop4 {
	height:2px; 
	margin:0 1px;
	background-position: 0 0;
	}	

.xbtext1 {
	margin:0 5px; 
	background-position: 100% 0; 	
	}
	
.xbtext2 {
	margin:0 3px; 
	border-width:0 2px; 	
	background-position: 100% 0;
	}
	
.xbtext3 {
	margin:0 2px;
	background-position: 100% 0;
}

.xbtext4 {
	height:2px; 
	margin:0 1px;
	background-position: 100% 0;
	}	

	
.roundboxcontent {
	display:block;
	background: #600 url("../images/verlauf2.gif") repeat-y right 0;
	border:0px;
	z-index:5;
	text-align:right;
	padding-right:13%;
	}

.roundboxcontenttop {
	display:block;
	background: #600 url("../images/verlauf3.gif") repeat-y left 0;
	border:0px;
	height: 34px;
	}	

.textcontent {
	padding:18px;
	height:380px;
	color: #fff; 
	font-size: 0.9em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	line-height: 1.4em; 
	background-color: #903;  
	background-image: url("../images/verlauf1.gif"); 
	background-repeat: repeat-y; 
	background-position: right 0; 
	text-align: left; 
	overflow:auto;
}
	
/*runde box ende*/
	
#roundbox a{
	color:#fff;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	}	 
	
#roundbox a:hover, .aktivunten {
	background: #c66;
	}



/* -----typo----- */

body, td, th {
	font-size: 90%;
	}

td, th {
 	font-size: 100%;
	}

h1 { 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	font-weight: 400; 
	text-align: left;
	font-size: 1.4em;
	 }

h2 {
	font-size: 1.1em;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	font-weight: bold; 
	line-height: 1.2em; 
	text-align: left; 
	}


#pix a { 
	color: #fff;
	font-weight: bold; 
	text-decoration: none; 
	}

#pix a:hover { 
	color: #ccc;
	font-weight: bold; 
	text-decoration: none; 
	}

#text a { 
	color: #fff;
	font-weight: bold; 
	text-decoration: none; 
	}

#text a:hover { 
	color: #c66;
	font-weight: bold; 
	text-decoration: none; 
	}

.auswahl  a {
	color: #fff;
	background-image: url("../images/icon1.gif"); 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	padding-left:27px;
	margin-top:12px;
	height:26px;
	display:block;
	line-height:190%;
	width: 120px;
}

.auswahl a:hover {
	color: #c66;
	background-image: url("../images/icon2.gif"); 
}

.auswahl2  a {
	color: #fff;
	background-image: url("../images/icon1.gif"); 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	padding-left:27px;
	margin-top:12px;
	height:26px;
	display:block;
	line-height:190%;
	width: 120px;
}

#text .auswahl2 a:hover {
	color: #903;
	background-image: url("../images/icon4.gif"); 
	background-color:#fff;
	border-left: solid 1px #fff;
	padding-left:26px;
}


/* -----formular----- */	
	
.bezeichnung {
	width: 100px;
	float: left;
	clear: both;
	height: 30px;
	text-align:right;
	margin-right: 6px;
}

.feld1 {
	width: 150px;
	margin-top: 10px;
	color: #600; 
	font-size: 0.9em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	padding-left:5px;
}

.feld2 {
	width: 200px;
	margin-top: 10px;
	color: #600; 
	font-size: 0.9em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	padding-left:5px;
	}

.feld3 {
	width: 20px;
	float: left;
	margin-right: 6px;
	margin-top: 10px;
	color: #600; 
	font-size: 0.9em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	padding-left:5px;
	}

.feld4 {
	width: 40px;
	margin-right: 6px;
	margin-top: 10px;
	color: #600; 
	font-size: 0.9em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	padding-left:5px;
	}

.eintragtext{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, sans-serif; 
	color: #600; 
	font-size: 0.9em; 
	padding-left:5px;
	margin-bottom:15px;
	margin-left: 106px;
	width: 270px;
}
	
.button {
	margin-left: 108px;
}

#gblink a {
	background-color: #903; 
	border: #fff 1px solid;
	padding: 3px 8px;
	text-align: center;
	width: 140px;
	position:relative;
	left:240px;
	top:-27px;
}

#gblink a:hover	{
	background-color: #fff; 
	color: #903; 
}
	
/*------------ FC --------------*/

.profilbild {
	width: 220px;
	float:right;
	margin: 0px 0px 5px 5px;
}

.kleinbild {
	width: 200px;
	float:right;
	margin: 0px 0px 5px 5px;
}

.cdbild{
	margin: 0px 0px 20px 28px;
}

.zeile{
	margin-bottom: 6px;
}

.bez{
	width: 100px;
	float: left;
	font-weight:bold;
}

.zeile-cont{
	margin-left: 105px;
}

.jahr{
	width: 40px;
	float: left;
	font-weight:bold;
}

.jahr-cont{
	margin-left: 45px;
}

.theater {
	margin-left: 45px;
	line-height: 135%;
}


#text a.light  {
	font-weight:normal;
	}
	
.kategorie {
	font-weight:bold;
	color: #c66;
	font-size: 1.1em;
}

.icon
{
	background-color:transparent;
	margin-right:4px;
	margin-top:10px;
	height:21px;
}

.gbuchzeile{
	background-color:#c66;
	font-size: 0.88em;
	padding: 0px 5px 0px 5px;
	margin-top:25px;
}

.eintrag{
	padding: 5px;
	font-size: 0.9em;
}

.kommentar{
	border-left:#c66 solid 3px;
	font-size: 0.88em;
	margin-left: 50px;
	padding-left: 7px;
	font-style: italic;
}

.newsheadline{
	background-color:#c66;
	font-weight: bold;
	font-size: 1.0em;
	padding: 2px 5px 2px 5px;
	margin-top:25px;
	margin-bottom:10px;
}

.newstext{
	padding: 2px;
	font-size: 1em;
}