@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.75em;}
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; }
#fotos #fotobox {overflow:auto; height:485px;}
/* Klassen */


.video_main {
	margin-top: 60px;
	margin-left: 45px;
}

.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_15 {margin-top:15px;}
.mt_30 {margin-top:30px;}
.mt_40 {margin-top:40px;}
.mt_60 {margin-top:60px;}


/* ==============================
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;
	position:relative;
}

#video_startseite {
	margin-left: 30px;
}

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

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

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

#cd #maincontent { height: 900px; }

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


#sprache {
position: absolute;
left:23px;
top:535px;
	
}

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

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

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

#textbox ul {
	list-style-type:circle;
	font-size:0.8em;
}

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

#cdbox_4 { margin-bottom: 350px; }
#cdbox_3 { margin-bottom: 720px; }
#cdbox_2 { margin-top: 1150px; }

#news #textbox, #konzerte #textbox, #proj_marcel #textbox, #plastik #textbox, #coleton #textbox, #lastplace #textbox {overflow:auto; height:485px;}

#kontakt #textbox a {font-size:1em; margin:0; padding:0;}