/**
 * Stylesheet for Veysel Oender
 * (c) 2007 maguro:agentur oHG
 * last change: 07.04.2007, vincent hildebrandt
 *
 */


/** Allgemeine Stylesheet-Angaben **/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #f5f5f5;
	font: 11px "Georgia", "Lucida Grande", "Lucida Sans", "Trebuchet", "Tahoma", "Helvetica", "Arial", verdana;
	font-style: italic;
	color: #666;
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: center;
	line-height: 13px
}

hr {
	margin-bottom: 15px;
	background: #ccc;
	color: #ccc;
	border: 0;
	height: 1px;
	clear: both;
}

h1 {
	font: bold 20px "Helvetica", "Arial", "Lucida Grande", "Lucida Sans", "Trebuchet", "Tahoma", verdana;
	color: #333;
	margin-bottom: 5px;
}

h1.alone {
	margin-left: 430px;
}

p {
	margin-bottom: 15px;
}

ul {
	list-style-type: none;
}

div#centerBox {
	position: absolute;
	left: 50%;
	width: 960px;
	margin-left: -480px; /* negative Hälfte von width:960px */
	top: 50%;
	height: 560px;
	margin-top: -280px; /* negative Hälfte von height:560px; */
	border: 1px solid #000;
}

div#center {
	margin: auto;
	text-align: left;
	width: 960px;
}

div.line {
	background-image: url(../images/bg_dottedline.gif);
	background-repeat: repeat-x;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

div.line.short {
	width: 130px;
}

#navigationform img {
	margin-bottom: 10px;
}

#navigationid {
	margin-left: 150px;
	width: 222px;
	font: normal 10px "Lucida Grande", "Lucida Sans", "Trebuchet", "Tahoma", "Helvetica", "Arial", verdana;
	color: #000;
	border: 1px solid #d0d0d0;
	margin-bottom: 10px;
}

img#whoami {
	margin-left: 22px;
	vertical-align: top;
}

img#logo {
	margin-left: -1px;
	vertical-align: top;
}

img#myaddress {
	margin-left: 397px;
	margin-bottom: 25px;
}

.easycontent {
	position: relative;
	margin-left: 430px;
	margin-right: 60px;
}

.easycontent2 {
	position: relative;
	margin-left: 430px;
	margin-right: 120px;
}

div.project {
	padding-left: 150px;
}
div.videotexte {
	padding-left: 100px;
}

table.projectdetail {
	width: 260px;
	float: left;
}

table.projectdetail td {
	padding: 2px;
	padding-right: 5px;
}

div.projectcontent {
	float: left;
	width: 470px;
	margin-left: 20px;
}

div.videohead {
	float: left;
	width: 360px;
	margin-left: 50px;
}

a, a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #ff0066;
}

img.gotop {
	margin-bottom: 10px;
}

div.picture {
	position: relative;
	margin-bottom: 10px;
}

div.picture2 {
	width: 800px;
	margin-left: 150px;
	background-color: #fff;
}

div.imageholder {
	margin-left: 140px;
	padding: 10px;
	/*background-image: url(../images/bg_pictures.gif);*/
	background-color: #f5f5f5;
}

div.imageholderprofile {
	position: absolute;
	left: -280px;
	top: 0px;
	padding: 10px;
	background-image: url(../images/bg_pictures.gif);
	/*background-color: #ccc;*/
}
img.justthenormal {
	margin-right: 6px;
}

img.justthetwo {
	margin-right: 7px;
}

img.justthefour {
	margin-right: 7px;
}

div.directlink {
	position: absolute;
	top: 0; left: 1px;
}

div.directlink img {
	margin-right: 5px;
}

a.dl {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.dl:hover {
	color: #ff0066;
	text-decoration: none;
}

div.imprint {
	margin-top: 20px;
	margin-left: 150px;
}

td {
	vertical-align: top;
}

table.imprinttable td.colone {
	width: 250px;
}

table.imprinttable td.coltwo {
	padding-left: 40px;
}

input.text, textarea {
	padding: 2px;
	background-color: #d0d0d0;
	width: 225px;
	font-size: 11px;
	margin-bottom: 5px;
}

textarea {
	width: 465px;
	font: normal 11px "Lucida Grande", "Lucida Sans", "Trebuchet", "Tahoma", "Helvetica", "Arial", verdana;
	margin-bottom: 5px;
}

input.text.error, textarea.error {
	border: 2px solid #f00;
}