body,input,textarea,h1,h2,select{
	font-family: Arial, verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	padding:0px;
	margin:0px;
}
body{
	background:#CCCCCC;
}
.tbx,textarea{
	border:1px solid #CCCCCC;
	width:230px;
}
a{
	color:#333333;
}
address{
	font-style:normal;
}
a img{
	border-width:0px;
}
adress{
	font-variant: 
}
.horizon{
	color: white;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

.container{
	margin-left: -475px;
	margin-top:-300px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 950px;
	height: 600px;
	
	border:1px solid black;
	color:#333333;
	background:white;
}

.content .mood{
	width:300px;
	position:absolute;
	right:0px;
	top:0px;
	border-left: 1px solid black !important;
	z-index:10;
}

.content .logo{
	position:absolute;
	top:50px;
	left:160px;
}
.content .footer{
	position: absolute;
	bottom:10px;
	left:0px;
	text-align:center;
	width:600px;
}
.content .chilli{
	position: absolute;
	bottom:35px;
	left:0px;
	text-align:center;
	width:600px;
}
.printfooter{
	display:none;
}

.content .footer a{
	text-decoration: none;
	font-size:80%;
}

.content .main{
	position:absolute;
	top:130px;
	left:50px;
	width:545px;
	height:400px;
	overflow:auto;
	padding-right:10px;
}
.content h1{
	font-size:110%;
	margin-bottom:5px;
}
.content .start{
	text-align:center;
	padding-right:20px;
}


.content .left{
	width:260px;
	float:left;
}
.content .right{
	width:260px;
	float:right;
}
.content p{
	margin-top:0px;
}
.content ul{
	padding:0px;
	margin:10px 10px 10px 15px;
}
.content li{
	padding:0px;
	margin:0px;
}

/*===== Navigation =====*/
.navcontainer{
	position:absolute;
	top:130px;
	left:620px;
	width:15px;
	overflow:hidden;
}
.navcontainer a{
	display:block;
	background-position: left;
	background-repeat:no-repeat;
	white-space: nowrap;
	z-index:2;
	text-indent: 40px;
	text-decoration:none;
}

.navcontainer .nav1,.navcontainer .nav2,.navcontainer .nav3{
	margin-top: 26px;
}


.navcontainer .nav1{	/* über mich */
	width:10px;
	height:58px;
}
.navcontainer .nav2{	/* aktuelle projekte */
	width:12px;
	height:97px;
}
.navcontainer .nav3{	/* leistungen */
	width:12px;
	height:60px;
}
.navcontainer .nav4{	/* pressespiegel */
	width:12px;
	height:78px;
}

.navcontainer .nav1{background-image: url("../images/nav/nav1.gif");}
.navcontainer .nav1:hover{background-image: url("../images/nav/nav1_f2.gif");}
.navcontainer .sel1{background-image: url("../images/nav/nav1_f3.gif");}

.navcontainer .nav2{background-image: url("../images/nav/nav2.gif");}
.navcontainer .nav2:hover{background-image: url("../images/nav/nav2_f2.gif");}
.navcontainer .sel2{background-image: url("../images/nav/nav2_f3.gif");}

.navcontainer .nav3{background-image: url("../images/nav/nav3.gif");}
.navcontainer .nav3:hover{background-image: url("../images/nav/nav3_f2.gif");}
.navcontainer .sel3{background-image: url("../images/nav/nav3_f3.gif");}

.navcontainer .nav4{background-image: url("../images/nav/nav4.gif");}
.navcontainer .nav4:hover{background-image: url("../images/nav/nav4_f2.gif");}
.navcontainer .sel4{background-image: url("../images/nav/nav4_f3.gif");}





/*===== Projekte =====*/
.projekte .sub{
	border-bottom: 1px solid #CCCCCC;
	padding:10px 0px 0px 0px;
	width:520px;
}
.projekte .sub .left{
	width:270px;
	float:left;
}
.projekte .sub img{
	height:85px;
	float:right;
}
.projekte .sub .left h1{
	margin: 0px 5px 0px 0px;
}
.projekte .sub .left a{
	display:block;
	margin: 0px 0px 0px 0px;
}
.projekte .sub br{
	clear:both;
}

address{
	margin-top:10px;
}


/*===== about =====*/
.about th{
	text-align: left;
}
.about th{
	padding: 5px 0px 0px 0px;
}
.about td{
	padding: 0px 0px 5px 0px;
}

/*===== Projekt 1 ====*/
.projekt1 .left{width:270px;}
.projekt1 .right{width:240px;}

/*===== Projekt 2 ====*/
.projekt2 .left{width:270px;}
.projekt2 .right{width:240px;}

/*===== Projekt 3 ====*/
.projekt3 .left{width:270px;}
.projekt3 .right{width:240px;}



/*===== pressespiegel =====*/
.press{
	width:520px;
}
.press th{
	text-align: left;
}
.press a{text-decoration: none;}
.press a:hover{text-decoration: underline;}
.pressentry{
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px;
}