@charset "utf-8";
/* ==================================================================
Stylesheet zur Bildschirmformatierung
Datei: bildschirm.css
Datum: 30.09.2008
Autor: Tim Davoli
=================================================================== */

/* ==============================
1. Allgemeine Styles
================================= */

/* Hyperlinks */

a {text-decoration: none; outline: none; font-size: 0.9em;}
a:link { color: #fff; }
a:visited { color: #FFF; }
a:hover, a:focus {
	color: #000;
}

#links #textbox a,
#kontakt #textbox a,
#projekte #textbox a { 
	display: block; padding-bottom: 10px; 
}

#fotos #textbox_2 a { margin: 5px; }

#fotos #fotobox a:focus { border-bottom: 2px solid #fff; }

/* Klassen */

.skiplink {
	display: block;
	height: 0;
	width: 0;
}

.skiplink a { 
	background-color: #999;
	color: #999;
	font-size: 0em;
}

.portraits { padding: 10px; }

.biolink { font-size: 100%; }


div.cdcovers {
	float: left;
	width: 105px;
	padding: 20px;
	padding-left: 50px;
}

.mt_40 {margin-top:40px;}

/* ==============================
2. Styles für die Layoutbereiche
================================= */

#outer_contentholder {
	background-color: #3cf;
	width: 100%;
	height: 550px;
}

#inner_contentholder {
	background-color:#3cf;
	width: 980px;
	height: 530px;
	margin: 0 auto 0 auto;
}

#cd #inner_contentholder, #proj_1158 #inner_contentholder { padding-right: 65px; overflow: scroll; }
#proj_marcel_marco #inner_contentholder { overflow: scroll; }

#cd_text_1,
#cd_text_2,
#cd_text_3 {
	float: right;
	width: 650px;
	padding: 20px;
	margin-right: 30px;
}

#antiscroll {
	position: absolute;
	top: 593px;
	left: 0;
	height: 30px;
	width: 5000px;
	background-color: #3cf;
	z-index: 1;
}

#blau {
	background-color: #3cf;
	width: 3000px;
}

#cd #maincontent { height: 900px; }

#cd_ueberschrift { 
	margin-left: 215px;
	padding-top: 20px;
	padding-left: 50px;
}


#sprache {
	padding-bottom: 10px;
	clear: both;
	position: absolute;
	top: 590px;
	right: 450px;
}

#fotobox {
	float: left;
	width: 370px;
	padding-top: 8px;
	padding-left: 5px;
}

#proj_marcel_marco #fotobox,
#fotos #fotobox img { margin-top: 25px; }
#proj_1158 #fotobox { margin-left: 30px; }

#textbox {
	float: left;
	width: 520px;
	padding: 15px;
	padding-top: 30px;
	margin-left: 30px;
}

#proj_1158 #textbox { width: 500px; float: left; padding: 30px 0 0 15px; }


#cdbox_3 { margin-bottom: 320px; }
#cdbox_2 { margin-top: 750px; }

#news #textbox, #konzerte #textbox {overflow:scroll; height:485px;}