@charset "utf-8";
/* CSS Document */

/* ============ GENERAL ============ */

body {
	background:		#000;
	margin:			20px;
	color:			#fff;
	font-family: 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		11px;
}

.container {
	width:			960px;
	margin-left: 	auto;
	margin-right: 	auto;
}

.menu {
	background:     url(menu.jpg) #000 no-repeat;
	width:			960px;
	height:			90px;
	margin:			0;
}

.head {
	background:		url(header.jpg) #000 no-repeat;
	width:			960px;
	height:			185px;
	margin:			0;
}

.content {
	background:		url(content.jpg) #000 no-repeat;
	width:			960px;
	min-height:		425px;
	margin:			0;
	font-size:		13px;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


/* ============ Header ================ */

.head h1 {
	font-size:		30px;
	margin:			0; 
}

.head a {
	background:		url(logo_sw.png) left center no-repeat;
	display:		block;
	padding:		70px 365px 80px;
	margin-left:	10px;
	margin-right:	10px;
	color:			#fff;
	text-decoration:none;
}

.head a:hover {
	background:		url(logo.png) left center no-repeat;
	text-decoration:underline;
}

.head img {
	border: 		0px;
}



/* ============ Menu ================ */

.menu ul {
	padding:		10px 0px 10px 20px;
	width:			100%;
}

.menu li {
	display:		inline;
}

.menu a {
	display:		inline-block;
	padding-top:	27px;
	padding-bottom:	28px;
	width:			120px;
	text-align:		center;
	color:			#fff;
	font-weight: 	bold;
	font-size:		12px;
	text-transform: uppercase;
	text-decoration:none;

}

.menu a.current {
	background:		url(button_bg_current.png);
}

.menu a:hover {
	background:		url(button_bg.png);
}


/* ============ Content ================ */

.content h1 {
	margin:			0;
	padding:		30px;
	text-align:		center;
}

.content h2 {
	padding:		0px 20px 0px 20px;
	text-align:		left;
}

.content h3 {
	padding:		0px 20px 0px 30px;
	font-style: 	italic;
}

.content p {
	padding:		0px 70px 0px 30px;
	text-align:		left;
}

.table-container {
	width:			850px;
	margin-left:	auto;
	margin-right:	auto;
}

p a {
	color:			#7e7e7e;
}

p a:hover {
	text-decoration:underline;
}


/* ============== Footer ================*/

.footer {
	clear:			both;
	width:			700px;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		50px;
	border-top:		1px #7e7e7e solid;
	text-align:		center;
}

.footer p {
	font-size:		9px;
}


/* ============== Home ================== */

.home {
	float:			left;
	width:			756px;
}

.home p.left {
	float:			left;
	width:			490px;
	padding:		0px 20px 0px 30px;
}

.home p.right {
	float:			right;
	padding:		0px 70px 0px 0px;
}

p.right img {
	border:			0px;
}

.home ul {
	padding:		0px 70px 0px 60px;
}

.zufallsbilder {
	background:		url(filmrolle_bg.png);
	float:			left;
	width:			184px;
	margin:			30px 20px 20px 0px;
}

.zufallsbilder img {
	border:			0px;
	padding:		5px 17px 5px 17px;
}

h2.getrennt {
	margin:			30px 0px 0px 20px;
	padding:		10px 0px 0px 0px;
	border-top:		1px #7e7e7e dashed;
	width:			665px;
}

img#home_thumb {
	width:			200px;
	margin-left:	10px;
}

p.right img {
	margin-left:	10px;
}

/* ============ Projekte ================ */

table.projects {
	width:			auto;
	border:			0;
	margin-bottom:	30px;
	text-align:		left;
}

table.projects td {
	border-bottom:	1px #7e7e7e dashed;
}

table.projects tr td#title {
	width: 			150px;	
	padding-bottom:	20px;
	vertical-align:	top;	
}

table.projects tr td#content {
	width: 			400px;
	vertical-align: top;
}

table.projects tr td#film {
	width: 			300px;
	padding:		10px 0px 20px 0px;
	text-align:		right;
	vertical-align:	middle;
}

table.projects tr td#film img {
	width:			240px;
	border:			0px;
}

table.projects h3 {
	padding:		10px 0px 0px 0px;
	margin:			0px;
}

table.projects p {
	padding:		0px 10px 0px 10px;
}

table.projects ul {
	padding-left:	20px;
	list-style:		none;
}


/* ============ Gallerie ================ */

.table-container#gallery {
	width:			600px;
}

table.gallery {
	width:			auto;
	border:			0;
	margin-bottom:	30px;
	text-align:		left;
}

table.gallery td {
	border-bottom:	1px #7e7e7e dashed;
}

table.gallery tr td.thumb {
	width:			220px;
	padding: 		30px 10px 30px 10px;
	text-align:		center;
}

table.gallery tr td.title {
	width:			630px;
	padding:		30px 10px 30px 10px;
	vertical-align:	middle;
}

table.gallery img {
	border:			0px;
}


/* =============== Team ================ */

.table-container#team {
	width:			600px;
}

table.team {
	width:			auto;
	border:			0px;
	margin-bottom:	30px;
	text-align:		left;
}

table.team td {
	border-bottom:	1px #7e7e7e dashed;
}

table.team tr td#pic {
	width:			200px;
	padding:		20px 10px 20px 10px;
	vertical-align:	top;
}

table.team tr td#pic img {
	width:			180px;
	border:			0px;
}

table.team tr td#name {
	width:			400px;
	padding:		20px 20px 20px 10px;
	vertical-align:	top;
}

table.team h3 {
	padding:		0px;
	margin:			0px;
}

table.team p {
	padding:		0px 10px 0px 10px;
}


/* =============== Kontakt ================ */

.adresse {
	width:			400px;
	height:			370px;
	padding:		0px 20px 0px 0px;
	float:			left;
	border-right:	1px #7e7e7e dashed;
}

.adresse h3 {
	margin:			0px 0px 5px 0px;
	padding:		20px 20px 0px 70px;
}

.adresse p {
	padding:		0px 0px 0px 90px;
}

.contact {
	width:			430px;
	margin:			0px 50px 50px 30px;
	float:			left;
}

.contact form {
	margin-left:	20px;
}

.contact h3 {
	margin-left:	-25px;
}
     
.contact fieldset {
	margin: 		10px 0;
	border:			1px solid #fff;
}
  
.contact legend {
	 padding: 3px 5px;
	 border: 1px solid #fff;
	 }
	  
.contact label {
     width: 120px;
	 float: left;
     clear: both;
     padding: 3px 5px;
     margin: 3px 0;
     }

.contact table, .anfrage table, .captcha table { 
	width: 			410px; 
	border:			0px solid;
	border-spacing:	0px; 
}

.label {
	width:		120px; 
	padding:	0px;
}

.field { 
	width:		230px; 
	padding:	0px;
}

.field input {
	width:		170px;
}

.field textarea {
	 width: 230px;
}

.captchareload { margin-left:10px; }

input.errordesignfields, textarea.errordesignfields { background-color:#cc3333;}


.buttons { width: 410px; text-align: center; }
.buttons input { width:150px; margin: 2px 0px; }

.captchareload img {
	border:		0;
}

p.contact {
	padding: 	0;
	margin:		0;
	text-align:	left;
}


/* =============== Kontakt ================ */

p.impress {
	margin:			55px 300px 0px 0px;
	float:			right;
}

img.impress {
	border:			0px;
}

/* ============ Links ================ */

.table-container#links {
	width:			600px;
}

table.links {
	width:			auto;
	border:			0;
	margin-bottom:	30px;
	text-align:		left;
}

table.links td {
	border-bottom:	1px #7e7e7e dashed;
}

table.links tr td#links {
	width:			300px;
	padding: 		10px 15px 10px 15px;
	font-weight:	bold;
	text-align:		right;
}

table.links tr td#rechts {
	width:			300px;
	padding:		10px 15px 10px 15px;
	vertical-align:	left;
}

table.links a {
	color:			#b0b0b0;
}

table.links a:hover {
	text-decoration:underline;
}