/******************************************************** 
  Copyright (C) 2008 gloom it (gloomit.de)
  Axel Rothenbuecher und Phillip Kroll GbR
  Beschreibung: CSS für Seitenlayout
  Projekt: curveLED.org
*********************************************************/

/***************************************************************************
    basic styling
***************************************************************************/

body{
  margin: 0px;
  padding: 0px;
  text-align: center; /* horizontal centering for IE Win quirks */
  background-color: #3E3E3E;
  font-family: trebuchet ms, Arial, Helvetica; 
  color: white; 
  font-size: 11px;  
  line-height: 19px;
}

a img{
  border: none;
}

a:focus{ outline:0; }

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

p{
  text-align: justify;
}


h1, h2, h3, h4, h5{
  margin: 0px;
  text-align: left;
}

h1{
  font-size: 17px;
  font-weight: bold;
  color: #c7c7c7;
}

h2{
  margin-bottom: 7px;
  font-size: 17px;
}

h3{
  margin-bottom: 5px;
  font-size: 13px;
}

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

a:hover{
  color: white;
}

/***************************************************************************
    horizontal lines
***************************************************************************/

.hrLine{
  overflow: hidden;
  height: 1px;
  clear:both; 
}

#hrLine1{
  background-color: #242424;
}

#hrLine1b{
  /* display: none; */
}

#hrLine2{
  background-color: #404040;
  height: 2px;
}

#hrLine3{
  background-color: #464646;
  height: 2px;

}

#hrLine4{
  background-color: #464646;
  height: 2px;
}

#hrLine5{
  background-color: #252423;
  height: 25px;
}

/***************************************************************************
    layout
***************************************************************************/

#universe-bx{   
  position: relative;
  clear: left;
  margin: 0 auto; /*Center container on page*/
  text-align: left;
  width: 870px;
}

#aboveNavigation-bx{
  height: 206px;
  overflow: hidden;
}

#contentHolder-bx{
  overflow: hidden;
}

#upperArea-bx{
  background-color: #434343;

}

#upperAreaLeft-bx{
/*  background-image: url(bg_01.jpg); */
  background-color: #4C4C4C; 
  height: 346px; 
  width: 562px;
  float: left;
}

.upperAreaLeft-innerTube{
  margin: 20px 25px 15px 25px;
}

#upperAreaRight-bx{
  /* background-image: url(bg_02.jpg); */
  background-color: #5C5C5C;
  width: 308px;
  height: 346px;
  float: left;
}

.upperAreaRight-innerTube{
  margin: 20px 20px 15px 25px;
}

#upperAreaCenter-bx{
/*  background-image: url(bg_04.jpg); 
  background-repeat: repeat-x;*/
  background-color: #4C4C4C;
  
  width: 100%;
  float: left;
}

.upperAreaCenter-innerTube{
  margin: 29px 29px 29px 29px;
}


#lowerArea-bx{
  background-color: #464646;
  height: 306px;
  width: 870px;
}

.lowerAreas-innerTube{
  margin: 25px 22px 15px 22px;
}

#lowerAreaLeft-bx{
  background-color: #323232;
  height: 306px;
  width: 434px;
  float: left;
  margin-right: 1px;
}



#lowerAreaRight-bx{
  background-color: #323232;
  width: 435px;
  height: 306px;
  float: left;
}

#lowerAreaRight-bx img{
  margin-bottom: 13px;
}

/***************************************************************************
    footer
***************************************************************************/

#footer-bx{
  background-color: #252423;
  height: 64px;
  width: 870px;
  float: left;  
  font-size: 11px;
  color: #7c7c7b;
}

.footer-innerTube{
  margin: 27px 38px 0px 38px; 
}

#footerRight{
  float: right;
}

#footerRight a{
  margin-left: 30px;
  color: #bebebd;
}

#footerLeft{
  float: left;
}

/***************************************************************************
    news
***************************************************************************/

.newsArea{
  margin-top: 10px;
}

.newsArea p{
  margin: 0px; 
}


.newsItem{
  margin-bottom: 18px;
}

.newsDate{
  float: right;
  color: #d6d6d6;
}

.newsItem h1{
  color: #d6d6d6;
  font-size: 14px;  
  padding: 0px !important;

}

.newsItem h2{
  color: #d6d6d6;
}

.newsItem p{
  margin: 3px 80px 0px 0px;
  color: #9c9c9c;
}

div.news-single-img{
  float: right;

}

.news-single-timedata{
  font-size: 11px;
  color: #c7c7c7;
  margin-left: 20px;
}

.singleNews h2{
  color: #c7c7c7;
}
.singleNews h3{
  margin-bottom: 5px;
  font-size: 13px !important;
}

.singleNewsHeadline{
  width: 403px;
}

.singleNews h3{
  font-size: 11px;
  font-weight: bold;
}

.news-single-backlink a{
  font-size: 11px;
}


/***************************************************************************
    extraNavItem
***************************************************************************/

#extraNav{
  margin-top: 10px;
}

.extraNavItem{
  color: #000;
}

.extraNavItem a{
  margin: 0px;
  color: #000;
  font-weight: bold;
  font-size: 15px;
}

.extraNavItem a:hover{
  color:  #d6d6d6;
}

.extraNavItem p{
  margin: 3px 5px 0px 12px;
}

.hrLineExtraNav{
  height: 2px;
  width: 250px;
  overflow: hidden;
  background-image: url(hr_line.jpg);
  margin: 17px 10px 10px 0px;
}

/***************************************************************************
    navigation
***************************************************************************/

#navLevel1-bx{
  background-color: #000;
  height: 63px;
  overflow: hidden;
  background-image: url(bg_nav1.gif);
  background-position: right;
  background-repeat: no-repeat;
}

#navLevel2-bx{
  background-color: #242424;
  height: 29px;
  overflow: hidden;
  /*display: none; /* remove later */
}

#navLevel1-bx img, #navLevel2-bx img{
  float: left;
  display: inline;
}

.navLevel2{
  float: left;
  background-color: #191919;
  height: 29px;
  margin: 0px 1px 0px 0px;
  font-size: 12px;
}

.navLevel2-innerTube{
 margin: 6px 25px 0px 25px;
}

#navLevel2-bx .active{
  background-color: #000;
}

#navLevel2-bx .active a{
   color: #A0B53C;
}

.navLevel2 a{
 
}
/***************************************************************************
    image links
***************************************************************************/

.imageLinkGallery{
  margin-top: 20px;
}

.imageLink{ 
  float: left;
}

.imageLinkRightMargin{
  margin-right: 18px;
}

.imageLink img{
  display: block;
  margin-bottom: 5px;
}

.imageLinkHeadline{
  margin-left: 5px;
}

/***************************************************************************
    CSS content table
***************************************************************************/
.tr-even{
  background-color: #C1C1C1;

}

.tr-odd{
  background-color: #D5D5D5;
 
}

.contenttable{
  border-collapse: collapse;
  border-color: white;
  margin-top: 5px;
  border-width: 5px;
  border: 0px solid white;
  width: 100%;
  color: black;
}

.contenttable td{
  padding-left: 5px;
  padding-right: 5px;
  border: 2px solid #3E3E3E; 
  vertical-align: top;
}

.tr-0{
  background-color: #B3B3B3;
  height: 32px;
  font-weight: bold;
  vertical-align: bottom;
  border-style: none none none none;

}

.tr-0 td{
  vertical-align: bottom;
}

tr .td-0{
  
}



#chooseLang .active{
  color: #fff; 
}

#chooseLang{
  position: absolute;
  color: white;
  left: 365px;
  width: 500px;
  font-weight: bold;
}

#chooseLang-tube{
  display: inline;
  clear: right;
  float: right;
}


#subscr_area{
  position: absolute;
  color: #BEBEBE;
  right:0;
  width: 207px;
  top: 147px;
  font-weight: bold;
  font-size:11px;
}

div.subscr_email {
	float:left;
	margin-right: 7px;
	margin-top:2px;
}

div.subscr_email input {
	border:none;
	width:117px;
	height:20px;
	padding:0; 
	padding-top:3px; 
	margin:0;
	float:left;
}

div.subscr_button {
	float:left;
	margin-left: 0px;
	margin-top:2px;
}

div.subscr_button input {
	
	cursor:pointer;
	width: 75px;
	height: 23px;
	border: none;
	padding:0;
	margin:0;
	float:left;
}

/***************************************************************************
    download table
***************************************************************************/

/*
.csc-uploads td{
  background-color: #4C4C4C;
  font-size: 12px;
  height: 32px;
  vertical-align: center;
  
}


.csc-uploads p{
  margin: 0px;
  padding: 0px;
}

.csc-uploads-fileName p{
  margin-left: 32px !important;
  margin-right: 5px;
  font-weight: bold;
}

.csc-uploads-fileName{
  background-image: url(pdficon.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

*/


.csc-uploads{
  background-color: #4C4C4C;
}


.csc-uploads tr{
  background-color: #4C4C4C;
}

/***************************************************************************
    colum tabeles in main content
***************************************************************************/

.contentCol .col1{
  padding-right: 25px;
  width: 403px;
  vertical-align: top;
}

.contentCol .colend{
  vertical-align: top;
}

#upperAreaCenter-bx h1{
  padding-bottom: 10px;
  width: 50%;
}


#upperAreaCenter-bx p{
  margin: 0px 0px 3px 0px;  
  text-align: justified;
}


#upperAreaCenter-bx table{
 text-align: justify;
 margin-bottom: 40px;
 border-collapse: collapse;
 
}

.csc-textpic-text{
  margin-left: 3px;
}

.csc-textpic-imagerow{
  width: 435px;
}

.headlineImage{
  padding-bottom: 10px;
  
}




div.csc-textpic-above{
  margin-bottom: 15px; /*ergerge*/


}

#upperAreaCenter-bx .csc-textpic-intext-left img{
  margin-left: -7px;
}

#upperAreaCenter-bx .csc-textpic-intext-right img{

}

.csc-bulletlist{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;

}

.csc-bulletlist li{
  background-image: url(pfeil2.gif);
  background-position: 0px 7px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  padding-left: 10px;
}

.csc-textpic .csc-textpic-text p{
  /* padding-right: 12px; */
} 

/***************************************************************************
    form styling
***************************************************************************/

fieldset label{
  width: 60px;
  float: left;
  text-align: left;
  vertical-align: top;
  margin-right: 10px;
  display: block;
}

.csc-mailform-field{
  margin-bottom: 5px;
 
}



fieldset{
  width: 600px;
  border: none;
  margin:0;
  padding:0;
}

fieldset input, fieldset textarea{
  background-color:  #5C5C5C;
  padding-top: 1px;
  padding-left: 5px;
  font-size: 11px;
  border: 0px;
  color: #fff;
  font-family: trebuchet ms, Arial, Helvetica;
  width:321px;
}


input#mailformformtype_mail{
  background-color: #898989;
  color: #fff;
  border: 0px;	
  width: 100px;
  margin-left: 70px;
  padding: 0px;
}



/***************************************************************************
    special hacks
***************************************************************************/


.csc-textpic-intext-righ{

}

.csc-textpic-intext-left{

}


/***************************************************************************
    other
***************************************************************************/

.clearfloat{
  clear:both; 
  height:0px;
  line-height:0px; 
  visibility: hidden;
}


/******************************************************** 
    GALLERY STYLING
*********************************************************/

/***************************************************************************
    basic styling
***************************************************************************/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/***************************************************************************
    additional styling to customize the gallery
***************************************************************************/
 
.gallery_holder{
  position:relative;
  margin-top:2em;

}
    
.gallery_curveled_unstyled{
  /*display: none;*/
}    
    
.gallery_curveled{
  width: 812px;
  margin:0 auto 0px auto;
  text-align: center;
  padding: 5px;
}
	
.gallery_curveled li{
  width: 120px;
  height: 65px;
  border:1px double #000;
  margin: 0 5px 5px 0;
  list-style: none;
  background: #000;
}

.gallery_curveled_unstyled li{

  border:1px double #000;
  margin: 0 5px 5px 0;
  list-style: none;
  background: #000;
}
  
.gallery_curveled li.hover{
  border-color:#bbb;
}
	
.gallery_curveled li.active{
  border-style:solid;
  border-color:#eee;
}

.gallery_curveled li div{
  left:240px
}
	
.galleria_container{
  margin:0 auto 0px auto;
  height:460px;
  width:812px;

}
			
select  {
  border: 1px solid rgb(133,180,12);
  background-color: #5C5C5C;
  color: #d6d6d6;
}
			
/*--FILELINKS--*/
.filelinks {
	margin-bottom:40px;
}
/*--FILELINKS--*/