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


body{
	font-family:Helvetica,Arial, sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px;
	color:#666;
	line-height:16px;
	
}




img{
	border:none;
}


a{
	text-decoration:none;
	color:#666666;
}


a:hover{
	color:#333333;
}


a:active, a:focus{outline: none}

ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

h1{
	font-size:12px;
	padding:0px;
	margin:0px;
	font-weight:normal;
}
h2{
	font-size:12px;
	padding:0px;
	margin:0px;
	font-weight:normal;
}

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


fieldset{
	border:none;
	padding:0px;
	width:400px;
	border-top:1px solid #999999;
}

label{
	float:left;
	width:130px;
}

form p{
	padding:5px 0 5px 0;
}

.forminput{
	width:200px;
	border:1px solid #999999;
	padding:3px;
}

textarea .forminput{
	height:200px;
}


.selected{
	font-weight:normal;
	text-decoration:none;
}


.listed_menu{
	padding:0 0 0 0px;		
	border-bottom:1px solid #000000;
}
.listed_menu .mp{
	padding:3px 0 0 0;
	border-bottom:1px solid #bbbbbb;
}


.clear{
	clear:left;
}



/************************************** LANGNAVI *********/
#langnavi {
	font-size:11px;
}

#langnavi .selected{
	font-weight:bold;
}

/************************************** NAVI *********/

#navi{
	border-top:2px solid black;
	position:absolute;
	top:100px;
	left:100px;
	padding:1px 0 1px 0;
	text-transform:uppercase;
	width:300px;
	font-size:16px;
	line-height:20px;
	z-index:100;
}
#navi .selected{
	color:#333333;
}

#navi .logo{
	position:absolute;
	top:-28px;
	width:300px;
	height:25px;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
}

#navi a{
	display:block;
	color:#888888;
}

#navi a:hover{
	color:#333333;
}

#navi .text{
	font-size:10px;
	color:#333333;
	line-height:14px;
	padding:5px 0 0 0;
}


/************************************************************** CONTNENT */ 

#content{
	position:absolute;
	top:100px;
	padding:0 0 10px 0;
}

.content_wrap{
	border-top:2px solid #333333;
	margin-left:410px;
	margin-right:50px;
}

.content_wrap_work{
	margin-top:27px;
	margin-left:410px;
	margin-right:50px;
}



/************************************************************** WORK */ 


/* WORKLISTE */ 


.work_listed_elm{
	width:170px;
	height:193px;
	float:left;
	position:relative;
	margin:0 5px 5px 0;
	overflow:hidden;
}


.work_listed_elm img{
	position:absolute;
	top:40px;
	
}
.work_listed_elm a{
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	z-index:100;
	font-size:11px;
	text-transform:uppercase;
	padding:5px 0 0 0;
}

.work_listed_elm:hover {
	
}

/* WORKNAVI */ 


.workmininavi{
	position:absolute;
	top:27px;
	left:0px;
	width:90px;
	border-top:1px solid #333333;
}

.pfeile{
	text-align:right;
	padding:2px 0 0 0;
}
.pfeile img{
	margin:0 0 0 5px;
}

.idimage{
	width:90px;
	overflow:hidden;
	position:absolute;
	top:25px;
}




/************************************** WORKTEXT ****************/

.worktext{
	font-size:12px;
	text-transform:none;
	padding:3px 0px 3px 0;
	line-height:16px;
	
}

 .worktext h1{
	 font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid;
	line-height:16px;
	margin-bottom:0px;
	padding:2px 0 2px 0;
	
	
	
}
.worktext h2{
	border-bottom:1px solid;
	font-weight:bold;
	text-transform:normal;
	padding:4px 0px 2px 0;
	margin:0px 0 0 0;
	
	
}
 .worktext p{
	padding:4px 0px 2px 0;
	
	border-bottom:1px solid;
}

.worktext .lauftext{
	border-bottom:1px solid;
	margin:0 0 0px 0;
	padding-right:10px;
	
}
/************************************************************** NEWS */ 

.news_elm{
	clear:both;
	width:600px;
	margin:5px 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid;
}

.news_elm .left{
	float:left;
	margin:0 5px 0 0 ;
	padding:0 5px 0 0;
	width:150px;
}

.news_elm .right{
	margin:0 0 0 0;
	float:left;
	width:440px;
}

.news_elm  h1{
	font-weight:bold;
	border-bottom:1px solid #aaaaaa;
	margin:0 0 5px 0;
	padding:0 0 3px 0;
}
.news_elm p{
	margin:0 0 5px 0;
}

/************************************** TEXTANDIMAGE *************/

/* TEXTANDIMAGE */
.textandimage{
	clear:both;
	width:600px;
	margin:5px 0 0px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid;
}

.textandimage .left{
	float:left;
	margin:0 5px 0 0 ;
	padding:0 5px 0 0;
	width:150px;
}

.textandimage .right{
	margin:0 0 0 0;
	float:left;
	width:440px;
}

.textandimage h1{
	font-weight:bold;
	border-bottom:1px solid #aaaaaa;
	margin:0 0 5px 0;
	padding:0px 0 3px 0;
}



.textandimage p{
	line-height:18px;
	width:400px;
	float:left;
	padding:0 0 0 0px;
}


/************************************** KONTAKTELM *************/

/* TEXTANDIMAGE */
.kontaktelm{
	clear:both;
	width:600px;
	margin:5px 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid;
}

.kontaktelm .left{
	float:left;
	margin:0 5px 0 0 ;
	padding:0 5px 0 0;
	width:150px;
}

.kontaktelm .right{
	margin:0 0 0 0;
	float:left;
	width:440px;
}

.kontaktelm h1{
	font-weight:bold;
	border-bottom:1px solid #aaaaaa;
	margin:0 0 5px 0;
	padding:0 0 3px 0;
}



.kontaktelm p{
	line-height:18px;
	width:400px;
	float:left;
	padding:0 0 0 0px;
}


/************************************** MEDIANAVI *************/

.mediacontainer{

}

.mediabig{
	float:left;
	clear:left;
	
}
.mediabig p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-style:italic;
	margin:5px 0 0 0;
}

.mediacontainer .mediabig{
	height:500px;
	
	
}
.mediacontainer a:hover{
	background-image:none;
}

.medianavi{
	padding:6px 0 0 0;
	border-top:2px solid #333333;
	float:left;
}
.medianavi_elm{
	float:left;
	position:relative;
	overflow:hidden;
	margin:0px 3px 6px 3px;
}

.medianavi_elm .over{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}

.medianavi_elm a{
	position:absolute;
	z-index:100;
	display:block;
	height:100%;
	width:100%;
	
	background-image:url(../img/img_over.png);
}

.medianavi_elm a.selected{
	background-image:none;
}
.medianavi_elm a:hover{
	background-image:none;
}




.medianavi_elm:hover .over {
	display:none;
	
}

.workmedialist{
	margin:0 0 0 00px;
}





.worklist_elm{
	float:left;
	border-left:1px solid #999999;
	margin:0 5px 5px 0;
	height:110px;
	padding:0 0 0 2px;
}

.worklist_elm h1{
	
}


.media_elm{
	float:left;
}


/********************************** SIMPLETEXT **********/

.simpletext{
	width:600px;
}
.simpletext h1{
	font-weight:bold;
	line-height:23px;
	border-bottom:1px solid #999999;
	text-transform:uppercase;
}


/********************************** CLIENTLOGIN **********/

.clientlogin {
	padding:3px 0 0 0;
	line-height:20px;
	width:600px;
	position:relative;
}	

.clientlogin h1{
	text-transform:uppercase;
	border-bottom:1px solid #333333;
	padding:0 0 2px 0;
}
.clientlogin .logout_navi{
	position:absolute;
	right:0px;
	top:3px;
	text-transform:uppercase;
}

.clientlogin .container h1{
	border-bottom:1px solid #333333;
	margin:10px 0 0 0;
	padding:0;
	font-weight:bold;
	text-transform:none;
}	

.clientlogin .data{
	border-bottom:1px solid #aaaaaa;
}

.clientlogin .data a{
	display:block;
	padding:0 0 0 15px;
	background-image:url(../img/file_icon.png);
	background-repeat:no-repeat;
	background-position:0 3px;
}

.clientlogin h2{
	margin:5px 0 5px 0;
}