/* CSS Document */

body, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

body {
	margin: 0;
	padding: 0;
	background-color:#353535;
}	

p {
	margin:0 0 6px 0;
	padding:0;
}

a {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

body.black #content {
	background-color:#000000;
}

body.white #content {
	background-color:#FFFFFF;
}

/* Content */
div#content {
	background-color:white;
	padding:70px 23px 23px 23px;
	width:912px;
}

#flashcontent {
	height: 480px;
	margin-bottom:30px;
	padding:20px 0px 0px 0px;
}

div#projectpic {
padding:10px 0px 0px 0pc
}

/* Navigation */
div#nav {
	position:absolute;
	left:23px;
	top:30px;
	text-align:right;
	width:912px;
	z-index:1;
}
	div#nav a {
		text-decoration:none;
		padding:2px 8px;
	}

	div#nav ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		div#nav ul li {
			display:inline;
			padding:0;
			margin:0;
			font-weight:bold;
		}

	div#nav select {
		padding:0;
		margin:0 0 0 6px;
		border:1px solid #666666;
		font-weight:bold;
	}
		div#nav select option {
			font-weight:bold;
			padding-right:10px;
		}

	div#nav input {
		padding:0;
		margin:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}
	
body.white div#nav a, body.white div#nav select, body.white div#nav select option {
	color:white;
	background-color:black;
}
body.white div#nav a:hover {
	color:black;
	background-color:white;
}

body.black div#nav a, body.black div#nav select, body.black div#nav select option {
	color:white;
	background-color:black;
}
body.black div#nav a:hover {
	color:black;
	background-color:white;
}

/* Logo */
div#logo {
	position:absolute;
	left:23px;
	top:30px;
	width:70px;
	height:20px;
	z-index:2;
}
	div#logo a {
		text-decoration:none;
		display:block;
		height:20px;
	}
		
	body div#logo a {
		background:url('/img/logo.gif') no-repeat left top;
	}
		body div#logo a:hover {
			background-position:bottom;
		}

 /*
 body.black div#logo a {
		background:url('/img/logo.gif') no-repeat left bottom;
	}
		body.black div#logo a:hover {
			background-position:top;
		}
*/

/* Startseite */
div.column {
	width:216px;
	float:left;
	position:relative;
	margin-right:16px;
}
div.column.last {
	margin-right:0;
}
div.column p {
	margin:0 0 20px;
}
	/* Rollover ImageLink.js */
	.imageOver{
		background:url('/img/rollover.png') no-repeat center left;	
	}
	
/* Projektüberschriften */
span.h1 {
	font-weight: bold;
	font-size: 20px;
}

/* Lyrics */
div.lyrics {
	margin:10px 40px 0px 0px;
}
body.black .lyrics {
	color:white;
}
body.white .lyrics {
	color:black;
}
div.lyrics p {
	font-size:14px;
	padding:0px 0px;
	margin:0;
	line-height:22px;
	
}
div.lyrics h1 {
	font-size:21px;
	font-weight:bold;
	padding:0px 0px 7px 0px;
	margin:0;
	
	
}


/* Text */
div#text {
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
	padding:0 200px 0 0;
	margin:0;
}

div#text h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	padding:10px 0 0;
	margin:0;
}

hr {
	height:1px;
	border:0;
	border-top:1px dotted black;
}

div#text p {
	padding:10px 0;
	margin:0;
	line-height:13pt;
}

div#text form {
	margin:0 0 50px 0;
}

input#button{
	padding-left:19px;
	background:transparent url('/img/arrow_submit.gif') no-repeat 3px;
	border:1px solid #ccccc;
}

/* Footer */
div#footer {
	font-size:9px;
	text-align:left;
	padding:5px 0 15px 23px;
	
}
div#footer, div#footer a {
	color:#999999;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}