/* @override http://lab.p-ad.de/pad/css/style.css */

@charset "utf-8";

* {	font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
.fixpng, img {vertical-align:top;}
body {font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #000;border:none;}

body img.background {position: absolute;  top: 0; left: 0; overflow: hidden; width: 100%; min-width: 1000px;z-index:-1;}

.IE h3, .IE h2{
	font-size: 1.1em;
}

/* Fuer Safari */
html* h3, html* h2, html* p, html* h5{
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}

h1{
	margin: 0;
	padding: 15px 0 10px 0;
}



html* p {	padding:0 0 8px 0; }
p {	padding:0 0 8px 0; }
ul {padding:0 0 0 16px;}

.floatFix:after {content: "."; height: 0px;	clear: both; visibility: hidden; display: block;}

a:link, a:visited, a:active, a:hover {text-decoration: none;}



/* Anzeige P.AD. */

div#back1, div#back2, div#back3 {
	margin: 0;
	padding: 0;
}

div#back1 {
float:left;
width:100%;
}

div#back2{
	width: 1250px;
	margin: 0 auto;
}


div#back3 {
float:left;
width:100%;
}

div#back2{
	/*background:transparent url(../images/pad-anzeigen/pad-anzeige-2009-maerz.jpg) no-repeat scroll 100% 30px;
	height: 700px;*/
}

.anzeige_link img{
	position: absolute;
	height: 580px;
	width: 175px;
	z-index: 99;
	margin-left: 1075px;
	margin-top: 30px;
}


#top {
	margin:30px auto 0 auto;
	width:872px;
}

#second {
	margin:15px auto 0 auto;
	width:872px;
}


.IE6 #top {
	height: 50px;
}

#flashcontent{
	color: #000;
	padding: 10px 0 0 10px;
}

#logo {
	background: url(../images/logo_bg.png) no-repeat;
	width: 198px;
	height: 38px;
	float: left;
	padding-top: 20px;
	color: #fff;
}

.IE6 #logo{
	height: 18px;
}

#logo a{
    padding: 20px 0 20px 30px;
	color: #fff;
	font-size: 14px;
}

#search {
	border: 0;
	float:right;
	padding: 0;
	width:280px;
	height:35px;
	text-align:right;
}

html* #search, html* #search form#login, html* #search fieldset {
	width: 300px;
	height: 32px;
	padding: 0;
	border: none;
	margin-bottom: 0;
}

.IE67 #search {
	width: 290px;
}

#search .textbox {
	margin:0 5px 0 0;
	padding:1px 4px;
	height:15px;
	width:165px;
	border:1px solid #817f7f;
	color:#000000;
}
 
.IE67 #search .textbox {
	height: 20px;
	margin-top: 4px;
	vertical-align: top;
}

#search .button {
	border: 0;
	border-left: 1px solid #999999;
	padding: 0 25px;
	width:85px;
	height:34px;
	background: transparent;
	color:#666666;
	cursor: pointer;
}

.IE67 #search .button {
	border: none;
	padding: 0 15px;
	width:85px;
	margin-right: 10px;
}

#top_right{
	background-image:url(../images/hauptnavi.png);
	width: 674px;
	height: 58px;
	float: right;
}

#nav {
	float:left;
	padding:0px;
	width:350px;	
}

html* #nav{
	width:300px;
	height: 32px;
}

#nav ul {
	height: 25px;
	margin: 0px;
	padding:0;
	list-style: none;
	margin-top:  10px;
}
#nav ul li h3 {
	display:inline;
	font-size:100%;
	font-weight:normal;
}
#nav ul li {
	float:left;
	/*padding:10px 15px;*/
	border-right: 1px solid #999999;
}
#nav li a {
	padding:10px 25px;
	color:#666666;
	text-decoration:none;
}

.IE6 #nav li a {
	padding-bottom: 12px;
}

#nav li a.on:link, #nav li a.on:visited, #nav li a.on:active {
	filter:alpha(opacity=40); /* IE's 5.5 and 7 opacity does not work in IE 6*/
    -moz-opacity:0.4; /* FF 2 and 3 opacity*/
    opacity:0.4;  /* opera and safari opacity */
    z-index: 1;
    background:#666;
    width:100%;
    height: 10px;
    color: #ffffff;
    padding-bottom: 10px;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

#nav li a:hover { 
	filter:alpha(opacity=70); /* IE's 5.5 and 7 opacity does not work in IE 6*/
    -moz-opacity:0.7; /* FF 2 and 3 opacity*/
    opacity:0.7;  /* opera and safari opacity */
    z-index: 1;
    background:#ffffff;
    width:100%;
    height: 10px;
    color: #000000;
    padding-bottom: 9px;
    
    }

.IE7 #nav ul{
		margin-top: 2px;
}

.IE7 #nav li {

	padding-top: 8px;
	padding-bottom: 8px;

}


#nav li a.on:hover { 
	filter:alpha(opacity=40); /* IE's 5.5 and 7 opacity does not work in IE 6*/
    -moz-opacity:0.4; /* FF 2 and 3 opacity*/
    opacity:0.4;  /* opera and safari opacity */
    z-index: 1;
    background:#333;
    width:100%;
    height: 10px;
    color: #ffffff;
    padding-bottom: 10px;
    }

html* #nav li a.on:hover, html* #nav li a.on:link, html* #nav li a.on:visited, html* #nav li a.on:active { 
    padding-bottom: 12px;
}

#metanavi{
	float:right;
	padding:0px 5px 0px 0px;
	margin: 0;
	width:580px;
	height: 23px;
	text-align: right;
	color: #666666;
}

html* #metanavi{
	padding:3px 5px 0px 0px;
	}

#metanavi ul {
		margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
}
#metanavi ul li{
	padding: 0 7px;
}

#metanavi ul li, #secondnavi ul li{
	display:inline;
	font-size:100%;
	font-weight:normal;
}
#metanavi ul li a{
	color: #666666;
}

#metanavi ul li a:hover{
	text-decoration: underline;
}



#content{
	margin:15px auto 0 auto;
	padding: 0px 0px 10px 0px;
	width:872px;
	color:#d5d5d5;
}

#content a{
	color: #e5f4a7;
	text-decoration: underline;
}

#content .start{
	font-size: 12px;
	
}

#cleft {
	float:left;
	padding:0 0px 10px 0;
	width:570px;
	background-image:url(../images/alpha70.png);
}

/* Newsliste Startseite */
#cleft .news, .news_anzeige{
	padding: 10px;
}

#cleft .news h3{
	margin-bottom: 5px;
}

#cleft .news p{
	border-bottom: 1px solid #666;
	padding-top: 5px;
	padding-left: 3px;
}

#cleft .news p.focus{
	background-image:url(../images/alpha50_w.png);
	
}


#cleft p.anzeige_img, h4.anzeige_img{
	margin-top: 10px;
}


.IE67 #cleft p.anzeige_img, .IE67 #cleft h4.anzeige_img{
	padding-left: 0px;
	font-size: 15px;
}

.sneak_news_container .hd img{
	border: 3px solid #fff;
	margin: 10px auto;
}

.sneak_news_container .text{padding: 10px 0;}

.sneak_news_container .ft a{
	font-size: 14px;
}

.sneak_news_container{
	margin-left: 10px;
}

#sneak_news{
height: auto!important;
}

/* Newsliste Archiv */

#cleft .news_archiv{
	padding: 10px;
}

#cleft .news_archiv h3 a{
	padding-left: 5px;
	font-weight: normal;
	color: #c2c2c2;
	line-height: 1.8em;
	text-decoration: none;
}

#cleft .news_archiv h3 {
	border-top: 1px solid #222222;
	border-bottom: 1px solid #020202;
	background: url(../images/logo_bg.png) repeat-x;
}

#cleft .news_archiv div{
	padding-left: 5px;
}

#cleft .news_archiv #news_bild{
	width: 250px; 
	float:left; 
	padding-right: 10px;
}

#cleft .news_archiv p{
	line-height: 1.5em;
}

html* #cleft h6{
	margin:0;
}

#cleft h6{
	font-size: 120%;
	padding: 5px;
	width: 500px;
}

#cright_start{float: left; 	background-image:url(../images/alpha50_h.png); width: 585px;margin: 20px 0 0 20px;}

#cright_start p{padding: 0; margin: 0;}

#sneak_xmas{margin: 17px;}
#sneak_xmas a:hover img{border: 17px solid #7AAF08; margin: -17px;}

 
#cright, #cright_kontakt {
	float:right;
	width:260px;
	margin-top: 10%;
	background-image:url(../images/alpha70.png);
}

#cright_kontakt {
	margin-top: 0;
}

#cright_top{
	background-image:url(../images/alpha70.png);
}

#cleft .images{
	padding: 10px 0 0 10px;
}

#cright div.text, #cleft div.text{
	padding: 10px;
	min-height: 30px;
	text-align: left;
}

#cright div.uebersicht{
	padding: 10px 0;
}

#cright div.uebersicht p{
	padding: 0px 10px;
}

#cright div.uebersicht h3{
	padding: 0 0 10px 10px;
}

#cright div.uebersicht ul {
	padding-left: 0;
	list-style: none;
}
#cright div.uebersicht ul li ul{
	padding-left: 10px;
}

#cright div.uebersicht .scroll{
	height: 300px;
	overflow: auto;
}

#cright div.uebersicht a{
	display:block;
	color: #ffffff;
	padding: 3px 10px;
	text-decoration: none;
}

#cright div.uebersicht a:hover, #cright div.uebersicht a.active{
	background-image:url(../images/alpha50.png);
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px 10px;
}

#cright div.text strong, #cleft div.text strong{
	font-size: 12px;
}
#cleft div.c_abstract {
	height: 45px;
}
#cleft div.text img{
	/*padding: 10px 5px 5px 10px;*/
	margin: 0;
	cursor: pointer;
}

#cleft div.text img.vorschau:hover{
	border: 4px #ffffff solid;
	margin: 6px 1px 1px 6px;
	padding: 0;
}

.IE6 #cright div.text, .IE6 #cleft div.text{
	height: 30px;
}


.bigger{
	width: 650px ! important;
}



#copy {
	margin:5px auto 0 auto;
	padding:0 16px 40px 16px;
	width:868px;
	color:#FFFFFF;
}
#copyl {float:left;}
#copyr {float:right;}


#slideshow {
    position:relative;
    height: 390px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#player{
	position:relative;
    height: 390px;
}

.hide{
	display: none;
}

.show{
	display: block;
}

#kontaktformular {
	color: #d5d5d5;
}

#kontaktformular form table tbody tr td input {
	width: 400px;
}

#kontaktformular form table tbody tr td textarea {
	width: 400px;
}

#kontaktformular form table tbody tr td input.button {
	border: 0;
	height: 22px;
	width: 84px;
	background: url(http://lab.p-ad.de/pad/images/button_absenden.png) 0 -45px;
}

#kontaktformular form  input{
	height: 1.5em;
	margin: 3px 0;
}

#kontaktformular form  input.button {
	margin-left: 280px;
	border: 0;
	height: 22px;
	width: 84px;
	background: url(http://lab.p-ad.de/pad/images/button_absenden.png) 0 -45px;
}

#kontaktformular form label{
	margin: 3px 0;
}

html* #kontaktformular form textarea{
	width: 354px;
	height: 100px;
}

#kontaktformular form textarea{
	margin: 3px 0;
}

#karte {
	color: #000;
	width: 240px;
	height: 335px;
	display:block;
	padding: 10px;
}

html* #karte {
	padding: 0px 10px 10px 10px;
	height: 350px;
}

html* #map {
	margin-top: 10px;
}

#map {
	width: 240px;
	height: 300px;
}

#map div.gmnoprint span {
	display: none;	
}

#map div.gmnoprint a {
	display: none;
}

#karte p {
	color: #fff;
	
}

/****** kundenthumbs *******/

ul.kunden_thumbs {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.kunden_thumbs li {
	float: left;
	padding: 5px;	
}

ul.kunden_thumbs li a img{
 	padding: 5px;
	background: url(../images/alpha70.png);
}

ul.kunden_thumbs li a.active img{
	background: #999;

	height: 50px;
	width: 70px;
}

html* ul.kunden_thumbs li a{
	padding-bottom:40px;
}

/****** durchsichtiger layer kundendetail *******/

#metadata {
	position: relative;
	}
#metadata div {
	display: none; 
	position: absolute; 
	width: 530px; 
	z-index: 100; 
	background-color: black;

	padding: 10px;
}

.IE #metadata div {
	filter:alpha(opacity=80);
}
.w3c #metadata div {
	opacity:0.8;
}

div#boe_news.text {
}

div#twitter {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}



ul#twitter_update_list {
	list-style: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 5px;
	float: left;
}


/****** Kundenstart Zoom Effekt **********/

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 550px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 98px;
	height: 50px;
}
ul.thumb li img {
	width: 90px; height: 35px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../images/referenz-logos/thumb_bg.png) no-repeat center center;  
	/* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

.news_date {
	float			:	right; 
	font-size		:	10px; 
	padding-top		:	6px; 
	padding-right	:	5px;
}