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

a { text-decoration: none; color:#FFF;}
a img {border: none; text-decoration: none; color:#FFF;}

body {
	background-color:#000;
	background-image:url(image_harakiri/hg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

img, div { behavior: url(iepngfix.htc) }

#imprint {
	position:absolute;
	top: 8px;
	left: 940px;
	width: auto;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #00ccff;
	font-size: 11px;

}

#content {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 550px;
	
}

#logo {
	position: absolute;
	top: 0px;
	left: -40px;
	width: auto;
	height: auto;
	z-index: 1;
	
}

#navigation {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 1000px;
	height: 19px;
	border-width: 1px;
	border-style: solid;
	border-color:#8a8a8a;
	background-image:url(image_harakiri/navigation/navi_kachel.jpg);
	background-repeat:repeat-x;
	z-index: 2;
}

#home { position: absolute; top: 0px; left: 6px; width: 150px; height: auto;}
#person { position: absolute; top: 0px; left: 168px; width: 150px; height: auto;}
#portfolio { position: absolute; top: 0px; left: 345px; width: 150px; height: auto;}
#leistungen { position: absolute; top: 0px; left: 537px; width: 150px; height: auto;}
#featured { position: absolute; top: 0px; left: 713px; width: 150px; height: auto;}
#kontakt { position: absolute; top: 0px; left: 872px; width: 200px; height: auto;}

#inhalt {
	position: absolute;
	top: 155px;
	left: 0px;
	width: 1000px;
	height: 520px;
	background-color:#000;
	border-width: 1px;
	border-style: solid;
	border-color:#8a8a8a;
}
	
#starttext {
	position: absolute;
	top: 420px;
	left: 40px;
	color:#FFF;
	width: 920px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	z-index: 10;
	
}
	
/* Person  */

#ueberschrift {
	position: absolute;
	top: 58px;
	left: 45px;
	font-family:Arial, Helvetica, sans-serif;
	color: #00ccff;
	font-size: 15px;
	font-weight: bold;
}

#ueberschriftzwei {
	position: absolute;
	top: 58px;
	left: 180px;
	font-family:Arial, Helvetica, sans-serif;
	color: #00ccff;
	font-size: 15px;
	font-weight: bold;
}

#text {
	position: absolute;
	top: 60px;
	height: auto;
	width: 680px;
	left: 275px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 11px;
}

#lebenslauf {
	position: absolute;
	top: 280px;
	left: 275px;
	width: auto;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 11px;
}
	
table {
	margin: 0;
	padding: 0;
	text-align: left top;
}

td {vertical-align: top; padding:0px; margin: 0px;}
	
.blau {
	font-family:Arial, Helvetica, sans-serif;
	color: #00ccff;
	font-size: 11px;
	font-weight: bold;
}

/* Portfolio  */
/*
#subnavi {
	position: absolute;
	top: 20px;
	left:0px;
	width: 1000px;
	height:20px;
	background-image: url(image_harakiri/subnavi/subnavi_kachel.jpg);
	background-repeat: repeat-x;
}

#sub_websites {
	position: absolute;
	top: 0px;
	left: 523px;
	width: 69px;
	height: auto;
}
#sub_microsites {
	position: absolute;
	top: 0px;
	left: 435px;
	width: 69px;
	height: auto;
}
#sub_anzeigen {
	position: absolute;
	top: 0px;
	left: 687px;
	width: 69px;
	height: auto;
}
#sub_flyer {
	position: absolute;
	top: 0px;
	left: 603px;
	width: 69px;
	height: auto;
}
#sub_sonstiges {
	position: absolute;
	top: 0px;
	left: 872px;
	width: 85px;
	height: auto;
}
#sub_logodesign {
	position: absolute;
	top: 0px;
	left: 772px;
	width: 69px;
	height: auto;
}
#sub_fotografie {
	position: absolute;
	top: 0px;
	left: 348px;
	width: 69px;
	height: auto;
}
#sub_artworks {
	position: absolute;
	top: 0px;
	left: 265px;
	width: 69px;
	height: auto;
}
*/
#galerie {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 520px;
	background-color:#999;
	border: none;
}


/* Kontaktformular*/

.font-big {
 font-family:Verdana, sans-serif;
 font-size:16px; font-weight:bold;
 color:#FFFFFF;
}
.font-small {
 font-family:Verdana, sans-serif;
 font-size:10px; font-weight:normal;
 color:#ECECEC;
}
.table {
 background-color:#000000;
 width:90%;
}
.table2 {
 background-color:#000000;
 width:100%;
}
.head {
 background-color:#000000;
}
.main1 {
 background-color:#000000;
 font-family:Verdana, sans-serif;
 font-size:11px; font-weight:normal;
 color:#ECECEC;
}
.main2 {
 background-color:#FFF;
 font-family:Verdana, sans-serif;
 font-size:12px; font-weight:normal;
 color:#ECECEC;
}

.foot {
 background-color:#000000;
}
.align {
 text-align:left;
}
.textarea {
 background-color:#ECECEC;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 border : 1px solid #808080;
}
.input {
 background-color:#ECECEC;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 border : 1px solid #808080;
 font-size: 12px;
}
.select {
 background-color:#000000;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size: 12px;
}
.button {
 width: 130px;
}

#black {
	background-color:#000;
	width: auto;
	height: auto;
}