html {
	width:100%;
	}
body {
	background:#000 url(../images/bg.jpg) center no-repeat fixed;
	min-width:824px;
	}
body, table {
	font-family:Myriad Pro, Verdana, sans-serif;
	font-size:10pt;
	color:#bbbbbb;
	line-height:16pt;
	}
a {
	color:#fff;
	}
b {
	color:#fff;
	}
#content #header {
	width:150px;
	position:absolute;
	left:50%;
	margin-left:-75px;
	margin-top:50px;
	}
#content #navigation {
	width:820px;
	position:absolute;
	left:50%;
	margin-left:-390px;
	margin-top:150px;
	}
#content #navigation ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
#content #navigation li {
	float:left;
	cursor:pointer;
	}
	
#content #navigation li#b_persoenliches {
	background:url(../images/b1_persoenliches.png) top left no-repeat;
	margin-right:23px;
	}
#content #navigation li#b_referenzen {
	background:url(../images/b1_referenzen.png) top left no-repeat;
	margin-right:23px;
	}
#content #navigation li#b_kontakt {
	background:url(../images/b1_kontakt.png) top left no-repeat;
	margin-right:73px;
	}
#content #navigation li#b_webdesign {
	background:url(../images/b1_webdesign.png) top left no-repeat;
	margin-right:25px;
	}
#content #navigation li#b_grafikdesign {
	background:url(../images/b1_grafikdesign.png) top left no-repeat;
	margin-right:25px;
	}
#content #navigation li#b_fotodesign {
	background:url(../images/b1_fotodesign.png) top left no-repeat;
	}

#content #main {
	width:824px;
	position:absolute;
	left:50%;
	margin-left:-392px;
	margin-top:180px;
}
#content #main #left{
	margin-right:73px;
}
#content #main #left {
	float:left;
}
#content #main #right {
	float:right;
}

#content #main #left div.box, #content #main #right div.box {
	display:none;
	}
#content #main #left div.content, #content #main #right div.content {
	background:rgb(26,26,26);
	opacity: 0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	padding:0px;
	position:absolute;
}
#content #main #left div.frame, #content #main #right div.frame {
	padding:20px;
}
#content #main #left div.content{
	width:350px;
}
#content #main #right div.content{
	width:400px;
}

div#c_persoenliches, div#c_webdesign, div#c_referenzen, div#c_kontakt, div#c_grafikdesign, div#c_fotodesign {
	display:none;
	}

/* IMAGE SLIDER */
.mask2{
	position:relative;
	width:350px;
	height:190px;
	overflow:hidden;
}
#next5 {
	float:right;
	background:url(../images/ico_right.png);
	display:block;
	width:30px;
	height:30px;
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}
#prev5 {
	float:left;
	background:url(../images/ico_left.png);
	display:block;
	width:30px;
	height:30px;
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	}
#next5:hover {
	background:url(../images/ico_right2.png);
	}
#prev5:hover {
	background:url(../images/ico_left2.png);
	}	
	
span img{
	display:block;
	border:none;
	float:left;
}
#box5{
	position:absolute;
	width:350px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}
p.buttons {
	display:block;
	margin:0px 20px;
	position:absolute;
	width:310px;
	bottom:10px;
	}