/* CSS Document */

*{
 margin:0;
 padding:0; 
}

  
body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	background-color:#FFFFFF;
	color:#7e7e7e; 
}


p, h4{
	font-size:0.9em;
	line-height: 20px;
}


a:link {
  text-decoration: none;
  color:#7E7E7E;
  
}

a:visited {
  text-decoration: none;
  color: #7E7E7E;
  }

a:focus {
  color: #7E7E7E;
  }

a:hover {
    text-decoration: underline;
    color: #7E7E7E;
  }

a:active {
  color: #7E7E7E;
  }


body.starter a{
	color: #FFFFFF;
	text-decoration: none;
}

body.starter a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

body.starter {
	background-color:#000000;
	display:block;
	color: #FFFFFF;
}

div#divbg {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -5000;
}

div#maincontent {
	position: relative;
}

body.starter #main {
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	text-align: left;
	height:auto;
	width:744px;
	margin-top:-29px;
}

#main {
	margin:20px auto;
	text-align: left;
	height:auto;
	width:744px;
}




div.pics {
	margin:1.36em 0;
	cursor: pointer;
}

h1 {
	display:block;
	width:400px;
	height:79px; 
} 

h2{
	margin: 0px 0 0 0;
	padding:0 0 0 0px;
}


a img{
	border:none;
}

p span{
	font-weight:900;
}

ul{
	display:block;
	margin:0 0 0 0;
	padding:0px;
	height:auto; 
}

ul li{
	display: block;
	list-style-type: none;
	float: left;
	font-size:13px;
	color:#aeaeae;  
}

h4 {
	color:#323232;
	font-weight:normal;
}

.leftCol {
	height:auto;
}

.leftCol p {
	color:#323232;
}
.rightCol p {
	margin-top: 10px;
}

#profile p{
	margin:0 0 28px 0;
}


#picContainer{
	margin:0px;
	position:relative;
	width:600px;
	height:220px;
}

#pictures{
	margin:0px 0 0;
	overflow:hidden;
	padding:0;
	width:600px;
	height:220px;
}

#pictures ul{
	width:3900px;
}

#pictures li{
	float:left; 
}

#pictureNavi{
	height:20px;
	width:601px;
	clear:left;
}

#pictureNavi ul li{
	float:right;
}

#pictureNavi ul li{
	width:10px;
}

div.content{
	width:740px;
	padding:32px 0 0;
	min-height:440px;
	overflow:auto;
}


div.content .clear{
	clear: both;
	background: url("../teile/linie_gepuenktelt.gif") repeat-x bottom;
	height: 21px;
}

body.starter div#maincontent {
	color:#fff;
	font-size:14px;
	font-weight:normal;
	line-height: 20px;
}

body.starter div.content {
	padding:30px 0 0 0; 
}

body.starter div.content p#first {
	float:left;
	width:200px;
	height:150px;
	margin-left:0;
}

body.starter div.content p.distanceTop {
	margin-top:21px;
}

div.autoheight{
	height:100%;
	background-position:left 85%;
	background-repeat:no-repeat;  
	min-height:0 !important; 
}

.leftCol{
	float:left;
	width:140px;
	margin:0 0 0 0px;
}

.rightCol{
	float:left;
	clear:right;
	width:600px;
	margin:0 0 0 0px;
	overflow:hidden;
}



#bilder{
	width:740px;
	padding:40px 0 40px 0;
	height:450px;
}


.contepilog{
	padding-bottom:20px;
	width:100%;
	margin-top: 10px;

}

.contepilog p, .contepilog a {
	padding: 0;
	margin: 0 !important;
}

#profile p{
}

#footer{
	background: url("../teile/linie_gepuenktelt.gif") repeat-x top;
	width:auto;
	height:26px;
}

#portfolio #footer{
	background-image: none;
	margin-top:-23px;
}

#flashFoot{
	float:right;
	position:relative;
	top:-22px;
}


body.starter #footer{
	width:auto;
	height:26px;
	position: relative;
	z-index: 9950;
	top:375px;;
 
}

#footer p{
	color:#323232;
	font-size:12px;
	letter-spacing:1px;
	margin:20px 0 4px;
	padding-top:14px;
}

body.starter #footer p{
	margin:80px 0 4px 0;
	letter-spacing:0.05em;
	color:#FFFFFF;
}

#footer img{
	float:left;
	margin:0 0 0 0;
	padding:3px 0 0;
}

div.leftCol table{
	color:#A0A0A0;
	font-size:13px; 
	margin:0px 0 0 0;  
	width:370px;
}

div.leftCol tr{
	height:25px;
}

div.leftCol table td.firstCol{
	height:14px;
	width:100px;
	vertical-align:top;
}

div.leftCol table td.secondCol{ 
	width:270px;
	vertical-align:top;
}

/**   Gallerie formatierung  **/ 


img#next{
 position: absolute;
 top: 141px;
 left: 392px;
 display:shown; 
 opacity: 1; 
 width: 18px;
 height: 18px;
}

#profile #content p{
padding-bottom: 10px;
}

/**   Tabellen formatierung  **/ 

thead{
	margin:0;
	padding:0px;
	height:10px;
}

table{
	font-size:0.87em;
	vertical-align:top;
	color:#7e7e7e;
}

table tr{
	height:10px;
	vertical-align:top;
}
table tr.2line{
	height:40px;
}
table tr.owner{
	height:30px;
}

.picnav{
	position:relative;
	right:0;
	text-align:right;
	width:50%;
}


.picnav a{
	font-style:normal !important;
	padding-left:9px;
}

.picnav .activeSlide { 
	color:#323232 !important;
	cursor: default;
}

#contact td{
	padding-bottom:17px;
	line-height: 20px;
}

table tr.involved {

}

table td.group{
	color:#323232;
	
	font-weight:normal;
	letter-spacing:0; 
}



table td.content{
	margin:0;
}

#referenzen div.leftCol table{
	color:#7E7E7E;
	font-size:13px;
	margin:0;
	padding-top:31px;
}

.clink:visited, .clink, .clink:hover{
	color:#7E7E7E !important;
	text-decoration: none !important;
}

.clink:hover{
	text-decoration: underline !important;
}
/**  referenzen Tabellen formatierung  **/ 


.logos {
	height:100%;
}

.rightCol a { text-decoration:none; font-style:italic; color:#7E7E7E; }

#footer a { text-decoration:none; color:#323232; }

.rightCol a:link, #footer a:link{  }

.rightCol a:visited, #footer a:visited{  }

.rightCol a:hover, #footer a:hover{  text-decoration:underline; }


#main #startbutton {
	position: relative;
	width: 50px;
	height: 50px;
	left:750px;
	top:40px;
	z-index: 8000;
}

#main #startbutton a {
 width: 73px;
 height: 73px;
 background-image:url(../teile/startbuttonUp.png);
 background-repeat:no-repeat;
 display: block;
}

#main #startbutton a:link {
 background-image:url(../teile/startbuttonUp.png);
}
#main #startbutton a:hover {
 background-image:url(../teile/startbuttonOver.png);
}


/*Header*/  


#header {
	border:none; 	
	background: url("../teile/linie_gepuenktelt.gif") repeat-x center bottom;
	height:102px;
	width:744px;
}


#header a span {
	display: none;
}

div#header.edit{
	background-image:url(../teile/headerEdit.jpg);
}

#header h1 span{
	display:none;
}

body.starter #header{
	background-image: url("../teile/linie_gepuenktelt.gif");
}

#header .logo{
	background:url("../teile/header.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:74px;
	width:400px;
}


body.starter #header a{
	background:url("../teile/logo_suedgrafik_start.png") no-repeat scroll 0 0 transparent;
	display:block;
	position: absolute;
	z-index: 10000;
}


#pic_profil{
	margin-bottom: 50px;
}


html body#profile div#center div#main div.content div h4 {
	float: left;
	clear: right;
}

html body#profile div#center div#main div.content div div.textBlock{
	width: 600px;
	float: right;
}


/*NAVIGATION*/   
 

ul#navlist{
	float:right;
	margin-top:57px;
}																			


/* MAIN NAVIGATION  */


#navlist li a{
	border:none;
	background-attachment:scroll;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	width:92px;
	height: 23px;
}

#navlist li #n_portfolio{
    background-image:url("../teile/navi/aktuellUp.gif");
}
#navlist li #n_profil{
    background-image:url("../teile/navi/profilUp.gif");
}
#navlist li #n_kontakt{
    background-image:url("../teile/navi/kontaktUp.gif");
}

#navlist li #n_portfolio:hover{
    background-image:url("../teile/navi/aktuellOver.gif");
}
#navlist li #n_profil:hover{
    background-image:url("../teile/navi/profilOver.gif");
}
#navlist li #n_kontakt:hover{
    background-image:url("../teile/navi/kontaktOver.gif");
}



body#portfolio #navlist li #n_portfolio, body#portfolio #navlist li #n_portfolio:hover{
    background-image:url("../teile/navi/aktuellActive.gif");
}
body#profile #navlist li #n_profil, body#profile #navlist li #n_profil:hover{
    background-image:url("../teile/navi/profilActive.gif");
}
body#kontakt #navlist li #n_kontakt, body#kontakt #navlist li #n_kontakt:hover{
    background-image:url("../teile/navi/kontaktActive.gif");
}