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

* {
	padding: 0;
	margin:  0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	list-style-position: outside;
}	

a {
	outline: none;
}
	
html {
	
	font-size: 12px;
	line-height: 20px;
	
}		

img
{
	border: none;
}

.clearboth {
	clear: both;
}

body {
	
	background-color:#FFFFFF;
	min-width: 800px;
	min-height:600px;
	padding: 0px;
	margin:0px;
	

}

div#header {
	width: 800px;
	height: 158px;
	background-image:url(../images/header.jpg);
	background-postion: center;
	background-repeat: no-repeat;
	
}

div#content {

	width: 800px;
	height: 442px;
	background-image:url(../images/body.jpg);
	background-position:center;
	background-repeat: no-repeat;
}

div#wrap {
	
	position: relative;
	margin: 3% auto;
	width: 800px;
	height:600px;
}

div .navi {
position:relative;
top:-18px;
left:137px;

}

ul {

	margin: 0px;
	padding: 0px;
	

}

ul#rollover {
	position:relative;
	top:31px;
}

/* text extrem nach links verschieben */

ul#rollover a {text-indent:-1000px;}
ul#rollover li, ul#rollover a { display:block; overflow:hidden; }
ul#rollover li { list-style:none; display:inline;}

/* Navi normal */

#neues {
	width:20px; height:146px; background-position:-20px 0px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}

#galerie {
	width:20px; height:146px; background-position:-42px 0px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}

#referenzen {
	width:20px; height:146px; background-position:-65px 0px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}
#material {
	width:20px; height:146px; background-position:-88px 0px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}
#medienp {
	width:20px; height:146px; background-position:-111px 0px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}
#impr {
	width:20px; height:146px; background-position:-137px 0px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}

/* Navi hover */

#neues:hover,
#neues.aktiv {
	width:20px; height:146px; background-position:-20px 158px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}

#galerie:hover,
#galerie.aktiv {
	width:20px; height:146px; background-position:-42px 158px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}

#referenzen:hover,
#referenzen.aktiv {
	width:20px; height:146px; background-position:-65px 158px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}
#material:hover,
#material.aktiv {
	width:20px; height:146px; background-position:-88px 158px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}
#medienp:hover,
#medienp.aktiv {
	width:20px; height:146px; background-position:-111px 158px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}
#impr:hover,
#impr.aktiv {
	width:20px; height:146px; background-position:-137px 158px; float:left; position:relative; 
	background-image: url(../images/Navi.jpg);
}



div#contentbox {
	

	padding:5px;
	width:600px;
	height:370px;
	position:absolute;
	margin: 15px 10px 10px 90px;
	background-image:url(../images/transp.png);
	background-repeat:repeat;
	padding: 15px;	
	overflow-x:hidden;
	overflow-y:auto;
}

div#contentboxfilm {
	

	padding:5px;
	width:600px;
	/*height:370px;*/
	position:absolute;
	margin: 15px 10px 10px 90px;
	/*background-image:url(../images/transp.png);
	background-repeat:repeat;
	padding: 15px;	
	overflow-x:hidden;*/
	/*overflow-y:auto;*/
}



.contentimg {
	width:200px;
	height:135px;
	background-image:url(../pictures/jophil.jpeg);
	background-repeat:no-repeat;
	float: left;
	margin-right: 20px;

}

.contenttext{
	
	overflow: auto;

}

.contenttext li{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 14px;
	list-style:none;
	
}

.contenttext2 li{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 14px;
	list-style:none;
	
	
}

.contenttext2 li:hover , .contenttext2  a:hover{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 14px;
	list-style:none;
	font-weight:700;
	text-decoration: underline;
	
}

.contenttext li a, .contenttext2  li a , .contenttext2  a{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 14px;
	list-style:none;
	text-decoration: none;
	color:#000000;
	

}
.contenttext h1, .contenttext2 h1{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 18px;
	list-style:none;
}

.contenttext h2{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 16px;
	list-style:none;
}

.contenttext h3{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 14px;
	list-style:none;
}

a#download{

	text-decoration:none;
	color:#993333;

}

div.contenttext p a#download{

	text-decoration:none;
	color:#993333;
	font-size:12px;

}

a#download:hover{

	text-decoration:underline;
	color:#993333;

}

.contenttext h3#oblique{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 14px;
	list-style:none;
	font-style:oblique;
	font-weight:normal;
}

.contenttext p{

	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-size: 14px;
	
}

.contenttext table a{
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#000000;
	font-size:14px;
	font-style: normal;
	
}

.contenttext table a:hover{
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	text-decoration:underline;
	color:#000000;
	font-size:14px;
	font-weight: bold;
}


.imgContainer
{
	float: left;
	width: 100px;
	/*height: 110px;*/
	text-align:center;
	border: 1px solid #660000;
	margin: 10px;
}


.news {
	width: 570px;
	margin-top: 25px;
	border-bottom: 1px solid #333333;
	
}

li#mail a {
	
	text-decoration: underline;
}

li#mail a:hover {
	
	text-decoration: none;
}