/****************************************/
/* CSS deltalight               	*/
/* copyright: dieMedialisten            */
/* Ansprechpartner: Nikias Ehrlich      */
/* www.diemedialisten.de                */
/****************************************/


/******************************************************************************/
/*                            Hauptelemente HTML                              */
/******************************************************************************/

*
{
  margin: 0px;
  padding: 0px;
  border: none;
}

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

a{
	text-decoration: none;
	color: #9E9F9F;
}

html { height: 100% }
body {
    font-size: 100.01%;
    font: 12px "Arial";
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    text-align:justify;
    background-color: #2B2B2B;
  }

li, ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}


/******************************************************************************/
/*                          Hauptelemente CSS                                 */
/******************************************************************************/
/*Rahmen um alles rum*/
#rahmen{
  position:relative;
  width:1015px;
  height:664px;
  top: 0;
  /*Damit der Rahmen zentriert wird*/
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  z-index: 10;
}


#head{
	position: relative;
	top: 0px;
	width: 1015px;
	height: 93px;
	margin-left: auto;
	margin-right: auto;
}

#logo
{
  position: absolute;
  width: 207px;
  height: 28px;
  top: 70px;
  left: 37px;
  z-index: 30;
}

.headBack{
	width: 1141px; 
	height: 93px;
	margin-left: -63px; 
	position: absolute;
	background-color: #ff00ff;
	background: url("/export/system/modules/de.deltalight.homepage/resources/img/headBack2.jpg");
	z-index: 20;
}

a.pdf{
	background-image: url("/export/system/modules/de.deltalight.homepage/resources/img/pdf.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	display: block;
	margin-bottom: 10px;
}

#blackBox{
	position: absolute; 
	top:0;
	left: 0;
	background-color: #000000; 
	width: 100%; 
	height: 592px;
}

#headTitle{
	position: absolute;
	left: 710px; 
	top: 42px;
	font-size: 24px;
	font-family: "AvantGarde Book", "Century Gothic", Verdana;
	color: #01a5e4;
	z-index: 40;
}

#content{
	position: absolute;
	top: 118px;
	left: 36px;
	width: 941px;
	height: 445px;
	overflow: hidden;
}

.slide{
	position: absolute;
}

#textright{
	position:absolute;
	left: 690px;
	width: 245px;
	color: #808080;
	text-align:left;
	font-size: 12px;
	z-index: 50;
	top: 0px;
}

ul.linklist li,ul.linklist2 li{
	margin-bottom: 8px;
}

ul.linklist li a,ul.linklist2 li a{
	text-decoration:none;
	color: #808080;
	padding-left:20px;
	width: 215px;
	display: block;
}

ul.linklist li a:hover,ul.linklist li a.sel,ul.linklist2 li a:hover,ul.linklist2 li a.sel{
	text-decoration:none;
	color: #FFFFFF;
	background-color:#01a5e4;
	padding-left:20px;
}

ul.linklist2 li a,ul.linklist2 li a:hover,ul.linklist2 li a.sel{
	padding-left: 0;
}

ul.linklist2 li a:hover,ul.linklist2 li a.sel{
	background-color:black;
	color:#01a5e4;
}



.projektPic{
	position: absolute;
	width: 643px;
	height: 380px;
	top:0px;
}

.bildunterschrift{
	opacity: .5;
    -moz-opacity: .5;
	position: absolute;
	width: 643px; 
	bottom: 0px; 
	left: 0;
	height: 37px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: right;
	z-index: 320;
	filter: alpha(opacity=60);
}

.bildunterschriftText{
	right: 15px; 
	top: 10px;
	position: absolute;
	width: auto; 
	background: transparent;
}

.thumbs{
	position: absolute;
	top: 395px;
	height: 65px;
	width:652px;
	overflow: hidden;
	z-index: 100;
}

.thumb1, .thumb2, .thumb3, .thumb4, .thumb5, .thumb6{
	left: 0;
	top:0;
	position: absolute;
	width: 103px;
	height: 59px;
	z-index: 90;
}

.thumbs img{position: absolute; left: 0;}

.thumb2{ left: 108px;}
.thumb3{ left: 216px;}
.thumb4{ left: 324px;}
.thumb5{ left: 432px;}
.thumb6{ left: 540px;}

.thumbs a{
	display:block;
	cursor: pointer;
	cursor: hand;
	clear:both;
	z-index: 100;
	text-decoration: none;
}

.rahmen{
	position: absolute;
	border:3px solid #01a5e4;
	width: 97px;
	height: 53px;
	z-index: 120;
}



#foot{
	position: absolute;
	width: 1015px;
	height: 72px;
	bottom: 0px;
	background-color: #2b2b2b;
	overflow: hidden;
}

#contact{
	position: absolute;
	width: auto;
	height: auto;
	left: 724px;
	top: 13px;
	font-size: 11px;
	color: #808080;
	line-height: 14px;
}

#menu{
	position: absolute;
	top: 14px;
	left: 36px;
	width: auto;
	height: auto;
	font-size: 14px;
	text-transform:lowercase;
}

#menu li{
	position: relative;
	width: auto;
	margin-right: 25px;
	color: #9e9f9f;
	float: left;
}

#menu li a{
	text-decoration: none;
	color: #9e9f9f;
}

#menu li a:hover, #menu li a.sel{
	color: #01a5e4;
}

.blue{
	color: #01a5e4;
}

ul.submenu{
	position: absolute;
	top: 25px;
	left: 0px;
	width: 500px;
	overflow: visible;
	font-size: 12px;
}

ul.submenu li{
	position: relative;
	width: auto;
	margin-right: 10px!important;
	float: left;
}

.partnerlink{
	text-decoration: none;
	color: #01a5e4;
	
}

.partnerlink:hover,.partnerlink:active,.partnerlink:focus{
	font-weight: bold;
}

.slidehover{
	top:0;
	left:0;
	position: absolute;
}

#news{
	position:relative; 
	left: 707px; 
	top: -100px;
	z-index: 300;
	width:281px; 
	height: 687px;
}

#newsbox{
	position: absolute; 
	top: 115px; 
	left: 15px; 
	width: 255px; 
	height: 484px; 
	z-index: 3000;
	overflow:hidden;
}

.newsItemHover{
	top:0; 
	left:0; 
	z-index:500;
	position: absolute;
}

.newsItem{
	position:relative; 
	margin-bottom: 1em;
	left:0;
	color:white;
}

ul.category{
	width: 225px; 
	height:auto;
	position:absolute;
	background-color: #000000;
	top:37px;
	list-style-type:none;
	padding: 0px;
	padding-top: 0px;
	z-index: 400;
	left:3px;
	cursor: pointer;
	cursor: hand;
}

ul.category li, #aktKat, .checkboxlink {
	margin: 0;
	padding: 0px;
	border-top: 2px solid black;
	color: #FFFFFF;
	width: 222px;
	height: 14px;
	z-index: 400;
	font-size:8pt;
	line-height: 14px;
	background-color: #9E9F9F;
}

#cati a, #cati a:hover{
	margin: 0;
	padding: 0px;
	color: #FFFFFF;
	width: 230px;
	height: 24px;
	z-index: 400;
	font-size:8pt;
	position: relative;
}

#cati a img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 190;
}

#cati a div{
	z-index: 200;
	position:absolute;
	margin-top:4px; 
	left: 0;
}


ul.category li:hover, .checkboxlink:hover{
	background-color: #01a5e4;
	cursor: pointer;
}

.category li{
	background-color: #9E9F9F;
}

#aktKat{
	position:absolute;
	top:14px;
	display:none;
	left: 3px;
	margin:0;
}

#linkeSpalteService{
	left: 160px;
	top: 0px;
	position: absolute;
	z-index: 20;
	width: 335px;
	float: left;
}

#rechteSpalteService{
	left: 520px;
	margin-top: 20px;
	position: absolute;
	z-index: 20;
	float:left;
	width: 396px;
}

.formrow{
	clear: both;
	height: 30px;
}

.checkboxlink, #cati a, #cati a:hover{
	color: #2B2B2B; 
	display:block;
}

.submit{
	float: right;
	margin-top: 8px;
	margin-right: 3px;
	width:108px;
	height: 18px;
	cursor: pointer;
	cursor: hand;
	background-color: black;
	background-image: url(/export/system/modules/de.deltalight.homepage/resources/img/senden.gif);
	display:block;

}

label{
	position: relative;
	display: block;
	float: left;
	width: 150px; 
	color: #9E9F9F;
}

#uncheckbutton1{
	position: absolute; 
	display: block; 
	width: 10px; 
	height: 100px; 
	left: 263px; 
	top: 230px;
	z-index:300;
	background-color: black;
}

#uncheckbutton2{
	position: absolute; 
	display: block; 
	width: 260px; 
	height: 10px; 
	left: 0px; 
	top: 210px;
	z-index: 300;
	background-color: black;
}

#uncheckbutton3{
	position: absolute; 
	display: block; 
	width: 10px; 
	height: 200px; 
	left: 393px; 
	top: 120px;
	background-color: black;
}

#uncheckbutton4{
	position: absolute; 
	display: block; 
	width: 390px; 
	height: 8px; 
	font-size: 2px;
	left: 0px; 
	top: 140px;
	background-color: black;
}

#uncheckbutton5{
	position: absolute; 
	width: 5px;
	margin-left: -5px; 
	height:500px;
	background-color: black;
	z-index:300;
	top:0;
	left:0;
}

#uncheckbutton6{
	position: absolute; 
	width: 800px;
	margin-top: -5px; 
	height:5px;
	background-color: black;
	z-index:300;
	top:0;
	left:0;
}

#positionDiv{
	top:0px;
	left:0px;
	position:relative;
	width:220px; 
	height: auto; 
	background-color: #FFFFFF; 
	color: #000000;
	padding: 1px;
	font-size: 10px;
	float: left;
	text-decoration: none;
}

#autocomplete{
	top:0px;
	left:0px;
	position:relative;
	width:226px; 
	height: auto; 
	background-color: #FFFFFF; 
	color: #000000;
	padding: 2px;
	font-family:Arial;
	font-size:14px;
	float: left;
	border: 0;
}

#catChoises{
	position: absolute; 
	top: 300px; 
	left: 0px; 
	width:auto;
	text-align: right;
}

#catChoises a{
	color: white;
	text-decoration: none;
}

#bookCatOut{
	position:relative;
	left:0px;
	padding:0;
	margin:0;
}

#bookCatOutDiv{
	top:0px;
	left:0px;
	position:relative;
	width:226px; 
	height: auto; 
	background-color: #FFFFFF; 
	color: #000000;
	padding: 2px;
	font-family:Arial;
	font-size:14px;;
	float: left;
	text-decoration: none;
}

#serviceBox{
	padding: 20px; 
	padding-left: 0px;
	position: relative;
	z-index: 20;
	width: 1000px;
	float: left;
}

.pfeilContent{
	float:left;
	position: relative;
	margin-right: 3px;
}

.serviceTitle, .serviceTitleSel{
	font-weight: bold;
	color: white;
	position: relative;
	float: left;
	text-decoration: none; 
	top: 0; 
	padding: 2px;
	margin:0; 
	display:block; 
	width: 270px;
	height: 16px;
}

.serviceTitleSel{
	background-color: #0b9bd2;
}

.serviceText{
	color: #9e9f9f;
	clear:both;
}

#newsTitle{
	position: absolute;
	color: white;
	background-color: #0b9bd2; 
	margin-top: 15px;
	width: auto;
	padding-left: 8px;
	padding-right:4px;
	font-weight: bold;
	clear:both;
}

#newsContent{
	position: absolute;
	top: 0px; 
	margin-left: 40px;
	margin-top: 83px;
	width: 600px;
	color: #9e9f9f;
}

#newsscroller{
	margin-left: 0px;
	margin-top: 33px;
	height: 160px;
	overflow: hidden;
}

.newsPfeilUp{
	position: absolute; 
	top: 35px; 
	right: 10px;
	display:none;
}

.newsPfeilDown{
	position: absolute; 
	top: 435px; 
	right: 10px;
	display:none;
}

.kontaktPfeilUp{
	position: absolute; 
	top: 35px; 
	left: 312px;
	display:none;
}

.kontaktPfeilDown{
	position: absolute; 
	top: 435px; 
	left: 312px;
	display:none;
}

#kontaktLinks, #kontaktMitte, #kontaktRechts{
	color: #9e9f9f;
	width: 392px;
	float:left;
	margin-top: 2px;
}

#kontaktMitte{
	width: 296px;
}

#kontaktRechts{
	width: 250px;
	float: right; 
	position: absolute; 
	top: 0px! important;
	right: 0px;
}

.partnerbox{
	position: relative;
	width:312px;
	margin-bottom: 20px;
}

.partnerbild{
	float: left;
	margin-right: 4px;
}

.partnerdaten{
	bottom: 0;
	position: absolute;
	width:170px;
	right:0px;
	text-align:right;
}

.up, .dn {
	position:absolute;
	left:10px;
}

.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
	border:0;
}
.thumb{
	position:absolute;
	height:9px;
	width:15px;
	left:10px;
}
.root{
	position:relative;
	margin:35px 0px 0px 0px;		
}


#rightcontent{
	position: absolute; 
	right: 5px;
	top: 5px;
}

#leftcontent{
	padding: 20px; 
	padding-left: 37px;
	position: relative;
	width: 600px;
}

.teaserlist p{
	color: #9e9f9f;
	clear:both;
	margin-bottom: 20px;
}

.doubleteaser p{
	float: left;
	clear: none;
	margin-left: 38px;
	margin-right: 20px;
	height: 125px;
	width: 395px;
}

.teaserlist p.blue{
	color: #0b9bd2;
}

.doubleteaser p.blue{
	color: #9e9f9f;
}

.teaserlist a.ueberschrift{
	background-image: url("/export/system/modules/de.deltalight.homepage/resources/img/pfeilContent.gif");
	background-repeat: no-repeat;
	padding: 2px;
	padding-left: 30px;
	font-weight: bold;
	color: white;
	float: left;
	clear: both;
	text-decoration: none; 
	top: 0; 
	margin:0; 
	display:block; 
	width: auto;
	height: 16px;
}

.teaserlist a.ueberschrift:hover{
        color:#0b9bd2;
}

.teaserlist p.blue a.ueberschrift{
	background-color: #0b9bd2;
}

#smallLeft{
	position: relative;
	width: 310px;
	float: left;
	color: #9F9F9F;
	left: 40px;
}

#bigRight{
	position: relative;
	width: 580px;
	float: left;
	color: #9F9F9F;
}

#catig li{
  padding-left: 2px;
}








div.directedit-highlight-bottom {
    background:transparent url(img/ocms_de_b.gif) repeat scroll 0%;
    overflow:hidden;
    z-index: 5000!important;
}

div.directedit-highlight-top {
    background:transparent url(img/ocms_de_t.gif) repeat scroll 0%;
    overflow:hidden;
    z-index: 5000!important;
}

div.directedit-highlight-left {
	background:transparent url(img/ocms_de_l.gif) repeat scroll 0%;
	overflow:hidden;
	z-index: 5000!important;
}

div.directedit-highlight-right {
	background:transparent url(img/ocms_de_r.gif) repeat scroll 0%;
	overflow:hidden;
	z-index: 5000!important;
}

div.directedit-highlight {
    height:2px;
    position:absolute;
    width:2px;
    z-index:5999!important;
}

div.directedit-highlight-all {
	position:absolute;
	background: #b31b34; 
	z-index: 5099!important;
}

/************************************************************************************** BUTTONS */
div.ocms_de_bt {
	visibility: hidden;
	position: absolute;
	z-index: 5100!important;
	
}

div.ocms_de_norm {
	width: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
	z-index: 5000!important;
}

div.ocms_de_selected{
	/*background-color: InfoBackground;*/
}

form.ocms_nomargin {
	visibility: hidden;
	display: none;
	position: absolute;
	padding: 0; 
	margin: 0; 
	z-index: 5000!important;
}

/************************************************************************************** EDIT */
a.ocms_de_edit {
	background: url(img/ocms_de_edit_i.png) center right no-repeat;
	height: 20px;
	width: 20px;
	display: block;
	float: left;
	z-index: 5000!important;
}

a.ocms_de_edit_disabled {
	background: url(img/ocms_de_edit_d.png) center right no-repeat;
	z-index: 5000!important;
}

a.ocms_de_edit_hover{
	background: url(img/ocms_de_edit_a.png) center right no-repeat;
	z-index: 5000!important;
}

/************************************************************************************** DELETE */
a.ocms_de_delete {
	background: url(img/ocms_de_delete_i.png) center right no-repeat;
	height: 20px;
	width: 20px;
	display: block;
	float: left;
	z-index: 5000!important;
}

a.ocms_de_delete_disabled {
	background: url(img/ocms_de_delete_d.png) center right no-repeat;
	z-index: 5000!important;
}

a.ocms_de_delete_hover{
	background: url(img/ocms_de_delete_a.png) center right no-repeat;
	z-index: 5000!important;
}

/************************************************************************************** NEW */
a.ocms_de_new {
	background: url(img/ocms_de_new_i.png) center right no-repeat;
	height: 20px;
	width: 20px;
	display: block;
	float: right;
	z-index: 5000!important;
}

a.ocms_de_new_disabled {
	background: url(img/ocms_de_new_d.png) center right no-repeat;
	z-index: 5000!important;
}

a.ocms_de_new_hover{
	background: url(img/ocms_de_new_a.png) center right no-repeat;
	z-index: 5000!important;
}