/* CSS Document */
body{
  background: #F0EFEA;
  color: #333333;
  padding:0; margin:0;
  font-family:Arial;
  font-size:12px;
  color: #333333;
}
ul,li, p{
  padding: 0;margin:0;
}

.ce ul {
margin:0 0 0 20px
}

a img{
  border:none;
}

.middle .ce a {
	color:#333333;
	text-decoration:none;
}
.middle .ce a:hover {
	text-decoration:underline;
}
 
#container{
  width: 960px;
  left:50%;
  position:relative;
  margin: 20px 0 0  -480px; 
  padding: 0 0 0px 0;
}

.hide {display:none;}

/* HEADER */
#header{
  background:#ffffff;
  width: 100%; height: 100px;
}
ul.breadcrumbList{
  text-transform: uppercase;
  font-weight:bold;
  margin: 0px 0 0 16px;
  font-size:10px; 
  width: 150px;   
}
ul.breadcrumbList li{
  float:left;
  list-style: none;
  background: url(../images/pfeil_breadcrumb.png) no-repeat left 1.5px;
  width: 13px; height: 15px;
  padding: 0 0 0 10px;
  margin: 10px 0 0 0;   
  width: auto;
  font-weight:bold;
}
ul.breadcrumbList li.active{
  background:none;
}  
ul.breadcrumbList li a{
  color:#D4D1CF;
  text-decoration: none;
}
ul.breadcrumbList li a:hover,  a.active {
  color:#D4D1CF;
  font-weight:bold;
  text-decoration: underline;   
}
ul.breadcrumbList li.en, ul.breadcrumbList li.de{
  float:left;
  background:none;
  margin: 10px 0 0 10px;
  padding:0 0 0 5px;
}
ul.breadcrumbList li.en, ul.breadcrumbList li.hr, ul.breadcrumbList li.hu{
  float:left;
  background:none;
  margin: 10px 0 0 0px;
  padding:0 0 0 5px;
}
ul.breadcrumbList li.en a, ul.breadcrumbList li.de a, ul.breadcrumbList li.hu a, ul.breadcrumbList li.hr a,
ul.breadcrumbList li.en a:hover, ul.breadcrumbList li.de a:hover, ul.breadcrumbList li.hu a:hover, ul.breadcrumbList li.hr a:hover{
  color:#D4D1CF;
  text-decoration: underline;   
}

ul.breadcrumbList li.en .lang-act a, ul.breadcrumbList li.de .lang-act a, ul.breadcrumbList li.hu .lang-act a, ul.breadcrumbList li.hr .lang-act a,
ul.breadcrumbList li.en .lang-act a:hover, ul.breadcrumbList .lang-act  li.de a:hover,
ul.breadcrumbList li.hu .lang-act a:hover, ul.breadcrumbList .lang-act  li.hr a:hover {
  color:#333;
  text-decoration: none;   
}

/* MENU */
ul#menu{
  position:absolute;
  list-style:none;
  margin: 73px 0px 0 18px; #margin: 48px 0px 0 18px;
}
ul#menu li{
  float:left;
}
ul#menu li a{
  float:left;
  padding: 0 8px 0 8px;
}
ul#menu li.active{
  float:left;
  padding: 0 0px 0 0px;
}
#logo{
  position:absolute;
  margin: 0 0 0 755px; #margin: -20px 0 0 755px;
  z-index: 3;
}
/* CONTENT */
#content{
  margin: 0 0 0 0;
}
#shadow{
  position:absolute;
  background: url(../images/schatten.png) no-repeat;
  height: 8px; width: 771px;
  margin: 0 0 0 25px;
}
#slideshow{
	position:relative;
  width: 960px; height: 465px;
}
#slideshow_small{
     
  width: 960px; height: 405px; position:relative;
}
#headerpic{
/*  background: url(../images/bg_dummy_klein.png) no-repeat;*/
  width: 960px; height:224px; 
}
.image{
  position:absolute;
  margin: 10px 0 0 10px;
}
.controls {
  bottom:0;
  margin:0 0 10px 885px;
  position:absolute; 
  width:90px
}
.controls img {cursor:pointer;}
.controls #play {cursor:pointer; margin:1px 0 0 2px; position:absolute;}

#slideshow_small .controls{
  margin:388px 0 0px 885px;
  position:absolute;
  width:50px; 
}
.item_pause{
  background: url(../images/pause.png) no-repeat;
  height: 10px;
  width: 6px;
  float:left;
  padding: 0 0 0 5px;
  cursor:pointer;
}
.controls .item a img, .controlsSmall .item a img{
  height:3px;
  width:10px;
}
/* MAINCONTAINER*/
#maincontainer{
  background: #ffffff;
  width: 960px;
  padding: 0 0 20px 0;
  float:left;
}
/* left */
#maincontainer .left{
   float:left;
   width: 250px;
   padding:26px 0 0 0;
}
#maincontainer .left ul#uMenu, #maincontainer .left ul#uMenuSecond{
   list-style:none;
   margin: 0px 0 10px 10px;
   width: 210px;
   background: url(../images/lineDotted.gif) repeat-x top;
}


#maincontainer .left ul#uMenu li{
   background: url(../images/lineDotted.gif) repeat-x bottom;
   line-height: 22px;
   padding: 0 0 0 15px;
}
#maincontainer .left ul#uMenuSecond li, #maincontainer .left ul#uMenu li{
   line-height: 30px;
   font-size:14px;
   background: url(../images/lineDotted.gif) repeat-x bottom;
   /*text-transform:lowercase;*/
}
#maincontainer .left ul#uMenu li.top, #maincontainer .left ul#uMenuSecond li.top{
   background: url(../images/lineDotted.gif) repeat-x bottom;
}
#maincontainer .left ul#uMenu li a, 
#maincontainer .left ul#uMenuSecond li a{
   text-decoration:none;
   color: #333333;
   padding: 0 0 0 6px;
}

/*#maincontainer .left ul#uMenuSecond li a{
   text-decoration:none;
   color: #333333;
   padding: 0 0 0 10px;
}*/

#maincontainer .left ul#uMenu li a:hover, 
#maincontainer .left ul#uMenuSecond li #umenu li a:hover,
#maincontainer .left ul#uMenuSecond li a:hover{
   text-decoration:none;
   color: #333333;
   background: url(../images/list_uMenu.png) no-repeat 0px;
   font-weight:bold;
   
}
#maincontainer .left ul#uMenu li.active a,
#maincontainer .left ul#uMenuSecond li a.active{
   font-weight:bold;
}

#maincontainer .left ul#uMenu ul { list-style-type:none; background: url(../images/lineDotted.gif) repeat-x top;}

#maincontainer .left ul#uMenu li.third {
	 font-size:12px; font-weight:normal; padding-left:30px;
}

#maincontainer .left ul#uMenu li.third .active{
	font-weight:bold;
}


#maincontainer .left ul#uMenuSecond li #umenu li a{
  background:transparent url(../images/list_uMenu_notActive.png) no-repeat scroll 0 50%;
}
#maincontainer .left ul#uMenuSecond li #umenu li a.hover{
   font-weight:bold;          
   background: url(../images/list_uMenu.png) no-repeat 0px;
   
}

#maincontainer .left ul#uMenuSecond li #umenu li a.active{
   font-weight:bold;          
   background: url(../images/list_uMenu.png) no-repeat 0px; 
} 
 
#maincontainer .left ul#uMenuSecond li #umenu{
  margin:0 0 10px 5px;
}
#maincontainer .left ul#uMenuSecond li #umenu li{
  border:medium hidden;
  font-size:12px;
  line-height:20px;
  text-transform:none;
  padding:0 0 0 9px;
  list-style:none;
}
/* middle */
#maincontainer .middle{
   float:left;
   width: 516px;
   padding:20px 0 0 0;
}
#maincontainer .middle h1{
   font-size: 24px;
   font-weight: bold;
   margin:0 0 20px 0; padding:0;
}
#maincontainer .middle h2{
   font-size: 14px;
   font-weight: bold;
   margin:0 0 15px 0; padding:0;
}
#maincontainer .middle h2.line {
	background: url(../images/lineDotted.gif) repeat-x bottom;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

#maincontainer .middle h1.line{
	background: url(../images/lineDotted.gif) repeat-x bottom;
	margin: 0 0 8px 0;
	padding: 0 0 12px 0;
}

#maincontainer .middle p{
   margin:0 0 15px 0;
}
#maincontainer .picLeft {
  float:left;
  padding:0 15px 10px 0;
}
.middle .contentElement {
  border-bottom: 1pt dotted #BDBDBD;
  margin:30px 0 0;
  padding: 0 0 5px 0;
  width: 100%;
  float:left;
}
#maincontainer .middle .contentElement h2{
   border-bottom: 1pt dotted #BDBDBD;
   padding: 0 0 5px 0;
   margin:0;
}
#maincontainer .middle .pic{
   float:left;
   padding: 5px 0 0px 0;
}
#maincontainer .middle .contentElement .rightElement{
   float:left;
   margin: 0 0 0 10px;
   padding: 10px 0 5px 0;
   width: 300px;
}
#maincontainer .middle .contentElement .list{
   margin: 10px 0 0 0;
}
#maincontainer .middle .contentElement .l{
    float:left;
    width: 50px;
}

/* right */
#maincontainer .right{
   float:left;
   width: 146px;
   padding:10px 0 0 20px;
}
#maincontainer .right .ce {
	margin-bottom:30px;
}

#maincontainer .right .ce p a, .imageWrapGallery .galerieText{
   text-decoration:underline;
   color:#333333;
   background: url(../images/list_link_bold.png) no-repeat left center;
   margin:0 0 0 12px;
   padding:0 0 0 15px;
   width: 146px;
}

/* NEWSCONTAINER */
#newscontainer{
  position:absolute;
  bottom: 0;
  margin: 0 0 35px 10px;
}
#newscontainer #newsitem_outer{
  background: url(../images/bg_newscontainer.png) no-repeat;
  width: 550px; height: 120px;
  margin:-120px 0 0 120px;
  position:absolute;
  overflow:hidden; 
/*  display:none;*/    
}
#newscontainer #newsLogo{
  background: url(../images/news_logo.png) no-repeat; 
  width: 120px; height: 120px;
  cursor:pointer;
}

.news-single-timedata{

}

.news-list-item{
  background: url(../images/lineDotted.gif) repeat-x bottom;
  padding: 0 0 10px 0;
}

.news-list-container { padding: 0 0 0 2px;}

.news-single-img { float:left; padding:2px 0 0 0;}
.news-single-item .newsContent { float:right;}
.clear { clear:both;}
.contentWidth { width:360px;}
.news-single-item h3 { margin:0 0 10px 0; font-size:12px;}
#maincontainer .middle .news-single-item h2 { margin:5px 0 10px 0;}

#maincontainer .middle .news-list-item p { margin:0;}
#maincontainer .middle .news-list-item h3 { margin:10px 0 5px 0;}

/* FOOTER */
#footer{
  border-top: 1pt solid #D4D0CC;
  width: 960px;
  margin: 4px 0 0 0px;
  padding: 5px 0 0 0;
  color:#7E736C;
  font-size: 10px;
  font-weight:bold;
  text-decoration:none;
  float:left;
}
#footer span{
  text-transform:uppercase;
  margin: 0 0 0 20px;
  padding: 0 0 20px 0;
  width: auto;
  float:left;
}
#footer span.right{
  float:right;
  margin: 0 20px 0 0;
  float:right;
}
#footer a {
  color:#7E736C;
  text-decoration:none;
}
/*SUBMENU */
/*
ul#submenuSmall{
  margin:103px 0 35px 10px;
  position:absolute;
}
*/
#submenuSmall div {height:78px;overflow:hidden;}

#submenunest{
  /*margin:159px 0 35px 10px;
  position:absolute;   */
  bottom:0;
  position:absolute;
  margin: 10px 0 10px 10px;
}


ul#submenu li, ul#submenuSmall li{
  background:#333 url(../images/submenu_li_bg.gif) no-repeat;
  height:26px; width:190px;
  list-style:none;
  padding: 3px 0 0 15px;
  display:block;
}



ul#submenuSmall li.act, ul#submenuSmall li.last.act, ul#submenuSmall li:hover, ul#submenuSmall li.last:hover {
  background: url(../images/submenu_li_act_bg.png) no-repeat;
}


ul#submenuSmall li.act a, ul#submenuSmall li:hover a {
	color:#333;
}

ul#submenuSmall li#submenuSmall_Elm1:hover,
ul#submenuSmall li#submenuSmall_Elm2:hover,
ul#submenuSmall li#submenuSmall_Elm3:hover,
ul#submenuSmall li#submenuSmall_Elm4:hover,
ul#submenuSmall li#submenuSmall_Elm5:hover,
ul#submenuSmall li#submenuSmall_Elm6:hover,
ul#submenuSmall li#submenuSmall_Elm7:hover,
ul#submenuSmall li#submenuSmall_Elm8:hover,
ul#submenuSmall li#submenuSmall_Elm9:hover,
ul#submenuSmall li#submenuSmall_Elm10:hover{
  background:#333 url(../images/submenu_li_bg.gif) no-repeat;
}
ul#submenuSmall li#submenuSmall_Elm1:hover a,
ul#submenuSmall li#submenuSmall_Elm2:hover a,
ul#submenuSmall li#submenuSmall_Elm3:hover a,
ul#submenuSmall li#submenuSmall_Elm4:hover a,
ul#submenuSmall li#submenuSmall_Elm5:hover a,
ul#submenuSmall li#submenuSmall_Elm6:hover a,
ul#submenuSmall li#submenuSmall_Elm7:hover a,
ul#submenuSmall li#submenuSmall_Elm8:hover a,
ul#submenuSmall li#submenuSmall_Elm9:hover a,
ul#submenuSmall li#submenuSmall_Elm10:hover a  {
	color:#CDCDCD;
}

ul#submenu li a, ul#submenu li.last a, ul#submenuSmall li a, ul#submenuSmall li span{
  color:#CDCDCD;
  font-size:16px;
  text-decoration:none;
  display:block;
}

ul#submenuSmall li span {
	height:29px;
	overflow:hidden;
}

ul#submenu li a.active, ul#submenuSmall li a.active{
  background:#FFFFFF none repeat scroll 0 0;
  color:#333333;
  display:block;
  height:24px;
  margin-left:-15px;
  margin-top:-3px;
  padding-left:15px;
  padding-top:3px;
  width:190px;
}
#submenunest .header, ul#submenuSmall li.header{
	padding:0;
  display:block;
  width: 205px;
  height: 53px;
}
ul#submenu li.last, ul#submenuSmall li.last{
  background: none #333333;
  width: 190px; height:33px;
}

/* HOVER SUBMENU MIT JS ANIMIERT */
ul#submenu li#hoverAlu, ul#submenu li#hoverRundstangen, ul#submenu li#hoverKarniesen,
ul#submenu li#hoverSonne, ul#submenu li#hoverRaff, ul#submenu li#hoverHolz,
ul#submenu li#hoverInsekt,ul#submenu li#hoverSb,
ul#submenuSmall li#hoverAlu, ul#submenuSmall li#hoverRundstangen, ul#submenuSmall li#hoverKarniesen,
ul#submenuSmall li#hoverSonne, ul#submenuSmall li#hoverRaff, ul#submenuSmall li#hoverHolz,
ul#submenuSmall li#hoverInsekt,ul#submenuSmall li#hoverSb{
  width: 205px;
  height: 105px;
  display:none;
 
}
ul#submenu li#hoverAlu a, ul#submenu li#hoverRundstangen a, ul#submenu li#hoverKarniesen a,
ul#submenu li#hoverSonne a, ul#submenu li#hoverRaff a, ul#submenu li#hoverHolz a,
ul#submenu li#hoverInsekt a, ul#submenu li#hoverSb a,
ul#submenuSmall li#hoverAlu a, ul#submenuSmall li#hoverRundstangen a, ul#submenuSmall li#hoverKarniesen a,
ul#submenuSmall li#hoverSonne a, ul#submenuSmall li#hoverRaff a, ul#submenuSmall li#hoverHolz a,
ul#submenuSmall li#hoverInsekt a, ul#submenuSmall li#hoverSb a{
  color:#333333;
  font-weight:bold;
   padding: 2px 0 0 0;
}
ul#submenu li#hoverAlu, ul#submenuSmall li#hoverAlu{
  background: url(../images/submenu_li_bg_hover.png) no-repeat left;
}
ul#submenu li#hoverKarniesen, ul#submenuSmall li#hoverKarniesen{
  background: url(../images/submenu_li_bg_hover.png) no-repeat left;
}
ul#submenu li#hoverRundstangen, ul#submenuSmall li#hoverRundstangen{
  background: url(../images/submenu_li_bg_hover.png) no-repeat left;
}
ul#submenu li#hoverSonne, ul#submenuSmall li#hoverSonne{
  background: url(../images/submenu_li_bg_hover.png) no-repeat left;
}
ul#submenu li#hoverHolz, ul#submenuSmall li#hoverHolz{
  background: url(../images/submenu_li_bg_hover.png) no-repeat left;
}
ul#submenu li#hoverRaff, ul#submenuSmall li#hoverRaff{
  background: url(../images/submenu_li_bg_hover.png) no-repeat left;
}
ul#submenu li#hoverInsekt, ul#submenuSmall li#hoverInsekt{
  background: url(../images/submenu_li_bg_hover.png) no-repeat left;
}
ul#submenu li#hoverSb, ul#submenuSmall li#hoverSb{
  background: url(../images/submenu_li_bg_hover.png) no-repeat left;
}

.imageheader {
	background-repeat:no-repeat;
	text-indent:-90000px;
	
}

.right .outer {
	background: url(../images/lineDotted.gif) repeat-x bottom;
}

.csc-frame-rulerAfter {
	background: url(../images/lineDotted.gif) repeat-x bottom;
	margin: 0 0 10px 0;
}

.csc-frame-rulerAfter img {
	margin: 0 0 7px 0; #margin:0 0 8px 0;
}

*html .csc-frame-rulerAfter {
	padding: 0 0 1px 0;
}

/*
 * TYPO3 csc form
 **********************/
fieldset.csc-mailform { border:0; margin:10px 0;}
fieldset.csc-mailform .csc-mailform-field { padding:4px 0;}

/* label */
fieldset.csc-mailform label, .csc-mailform-label {
	color:#464646;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:10px;
	text-align:right;
	width:160px;
}
.csc-mailform-label{
  margin-top:20px;
  float:none;
}
/* fields */
fieldset.csc-mailform input, 
fieldset.csc-mailform textarea {
	background:#fff;
	border:1px solid #ccc;
	width:246px;
}

fieldset.csc-mailform input:focus, 
fieldset.csc-mailform textarea:focus {background:#ffffcc; border:1px solid #666;}

fieldset.csc-mailform input.csc-mailform-check,
fieldset.csc-mailform input[type=checkbox]  {
	width:16px;
	border:0;
	background:none;
}

/* checkbox */
fieldset.csc-mailform .small input { width:89px;}

/* radio buttons */
fieldset.csc-mailform .csc-mailform-radio fieldset	{ border:0;}
fieldset.csc-mailform .csc-mailform-radio legend		{ display:none;}
fieldset.csc-mailform .csc-mailform-radio label			{ width:auto; float:none; display:inline; }
fieldset.csc-mailform .csc-mailform-radio input			{ width:16px; float:none; background:none; border:0;}

/* submit */
fieldset.csc-mailform input.csc-mailform-submit { background:#eee; width: auto; padding:1px 5px; margin:10px 0 0 170px;}

/* contenttable */
.contenttable { 
  border-color:#dddddd;
  border-spacing:0;
}
.contenttable caption { padding:5px;}
#maincontainer .contenttable p { 
  margin:0px;
}
#maincontainer .contenttable{
  
}

/* gallery */
.imageWrapGallery { width:150px; height:125px; overflow:hidden;}
.imageWrapGallery .galerieText { padding: 3px 0 5px 15px;}

/* uploads */
.filelinks { margin:0 0 20px 0;}
.filelinks .icon { float:left; width:40px;}
.filelinks .description { float:left; width:380px;}
.filelinks .filesize { float:left; width:80px; text-align:right;}
.filelinks .odd {background-color:#eeeeee; padding:5px;}
.filelinks .even{background-color:#ffffff; padding:5px;}
#contentContainer .csc-uploads p { margin: 0 10px;}
.csc-uploads-icon {width:20px;}
#maincontainer .middle .csc-uploads-fileName p.csc-uploads-description { float:right;}
#maincontainer .middle .csc-uploads-fileName p { margin:0; width:50%; float:left;}