@import 'reset.css';

body {
	background-color: #242424; 
	font-family: Verdana, Geneva, sans-serif; 
}

.clear{clear: both;}

div#wrapper {
  width: 1026px; 
  margin: 0 auto;
/*   border: 1px solid red !important; */
/*   position: relative */
  }

div#content {
  width: 830px; 
  margin:0 auto; 
  height: auto; 
  background-color: #000; 
  color: #FFF; 
  padding-bottom: 40px; 
  -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow:0 0 20px rgba(0, 0, 0, 0.8);
/* 	border: 1px solid yellow !important; */
/* 	position: relative */
	}

div#logo {width: 260px; height: 276px; position: absolute; z-index: 30; background: url(../images/logo-grafik.png); /*IE*/display: inline;/*IE*/}
div#headerImage {margin:125px 0 0 108px; position:absolute; width: 810px; height: 180px; background: url(../images/header1.jpg);}

/*Header Title*/
div#headerBox { width: 750px; color: #FFF; margin-top: 100px;}
div#headlineBox { float: right; background: url(/fileadmin/templates/startseite/images/transp-bg.png); padding: 3px 10px; -moz-border-radius:5px; border-radius:5px;
-khtml-border-radius:5px;}

div#headerIcon {

/*
  width: 45px; 
  height: 45px; 
*/
  float: right; 
  background: url(/fileadmin/templates/startseite/images/head-icon-gruen.png) bottom; 
  margin-top: 8px; 
  margin-right: 12px; 
  }

div#headerHeadline {font-size: 45px; text-transform: uppercase; }
div#headerHeadline a.internal-link{color: #FFF; text-decoration: none;}
div#headerHeadline a {color: #FFF; text-decoration: none; font-size: 45px;}
div#subHead {font-size: 12px; text-transform: none;}

/*Navi Top*/
div#naviTop {width: 820px; top:50px; position: relative; color: #FFF; text-transform: uppercase; font-size: 16px; padding-right: 10px;}
div#naviTop ul li {list-style: none; float: right;}
div#naviTop ul li a, div#naviTop ul li a:visited, div#naviTop ul li a:active {color:#FFF; text-decoration: none;}
div#naviTop ul li a:hover {color:#91BF04;}

div#naviTop ul.acitem {text-transform: none; font-size: 12px; position: absolute; width: 820px; right: 10px; padding-top: 2px; margin-top: 5px;}
div#naviTop ul.acitem li {border: 1px solid #242424; margin-right: 6px; padding: 0;}
div#naviTop ul.acitem li a {color: #a4a4a9; display: block;  padding: 3px; }
div#naviTop ul.acitem li a:hover {color: #FFF; background-color: #242424;} 


/*Navi Top Small*/
div#naviTopSmall {width: 820px; top:40px; position: relative; color: #A7A7A7; text-transform: uppercase; font-size: 10px; padding-right: 10px; text-align: right; /*IE*/display: inline-block;/*IE*/}
div#naviTopSmall ul li {list-style: none; float: right;}
div#naviTopSmall ul li a, div#naviTopSmall ul li a:visited, div#naviTopSmall ul li a:active {color:#A7A7A7; text-decoration: none;}
div#naviTopSmall ul li a:hover {color:#FFF;}

div#naviTopSmall ul li span.current_item a {color: #FFF;}

/*Boxes*/
a#radio-link {
  display: block;
  width: 130px;
  height: 130px;
  position: absolute;
  background: /* yellow */;
  z-index: 99;
  top:-40px;
  right: -50px;
  transform: rotate(10deg);
  background: url(../images/radio-link-btn.svg) no-repeat center center/cover;
  transition: width .2s, height .2s;
}

a#radio-link:hover {
  width: 135px;
  height: 135px;
}

div#boxes {
  margin:320px 0 0 10px; 
  width: 810px;
/*   border: 1px solid green !important; */
  position: relative
}
div#boxStatus {width: 531px; height: 100px; background: url(../images/box-corner-transp.png) bottom right no-repeat #A4A9A9; margin-left: 279px; -moz-border-radius:5px; border-radius:5px;
-khtml-border-radius:5px;}

div#boxShows {width: 253px; height: 380px; float: left;  -moz-border-radius:5px;
-khtml-border-radius:5px; border-radius:5px; background: url(../images/box-corner-transp.png) bottom right no-repeat #487DEA; position: relative;}

div#boxNews {width: 253px; height: 257px; float: right; margin-right:25px; background: url(../images/box-corner-transp.png) bottom right no-repeat #91BF04; margin-top:23px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;} 

div#boxProjekt {width: 253px; height: 257px; float: right; margin-right: 0px; background: url(../images/box-corner-transp.png) bottom right no-repeat #9336C4; margin-top:23px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}

div#boxDIY { width: 810px; height: 100px; margin-top:25px; background: url(../images/box-corner-transp-white.png) bottom right no-repeat #202020; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}

span.boxHeader {color: #FFF; padding:10px 0 0 10px; display: block; font-size: 45px;}

div#boxContent {
	padding: 10px 20px 0 10px; 
	overflow: hidden; 
	width: 223px; 
	height:275px; 
	position: relative;
}

div#boxContentSmall {padding: 10px 20px 0 10px; overflow: hidden; width: 223px; height:172px; position: relative;}
div#boxContentStatus{padding: 10px 20px 0 10px; overflow: hidden; width: 510px; height:90px; position: relative;}
div#boxContentStatus h1 {color:#000; font-size: 13px; margin-bottom: 5px; border-bottom: 1px dotted #000;} 

div#boxContentDIY{padding: 10px 20px 0 10px; overflow: hidden; width: 780px; height:90px; position: relative;}
div#boxNewsIndex {padding: 10px 20px 0 10px; overflow: hidden; width: 780px; height:800px; position: relative;}

span.boxText {color: #000; font-size: 12px;  display: block; padding: 3px 0;}
span.boxTextNoBorder {color: #000; font-size: 12px; display: block; padding: 0px 0;}
span.boxTextDIY{color: #A4A4A9;}
p.date{font-weight: bold;}
div.boxTextLockedBottom { color: #000; font-size: 12px; position: absolute; margin: 0 0 0 10px; padding-top: 2px; bottom: 3px;}
div.boxTextLockedBottom a {color: #000; text-decoration: none;}
div.boxTextLockedBottom a:hover {color: #FFF; text-decoration: none;}

div.tagcloud {word-wrap: break-word; width: 750px; text-align: center;}
div.tagcloud a {color: #333; text-decoration: none;}
div.tagcloud a:hover {color: #FFF;}

div.more {bottom:0px; padding-left: 10px; text-transform: uppercase;}
div.more a {color: #000; font-size:11px; font-weight: bold; text-decoration: none;}
div.more a:hover{color: #f0f4f4;}

/*Footer*/
div#footer {width: 820px; margin: 0 auto 30px auto; background-color: #000; color: #a4a4a9; font-size: 11px; padding: 5px; -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow:0 0 20px rgba(0, 0, 0, 0.8);}
div#footerContent {border: 1px solid #242424; background-color: #000; margin: 0 5px 20px 5px; padding: 5px;}
span.address {display: block; color: #a4a4a9; float: left;}
span.address a {color: #a4a4a9; text-decoration: underline;}
span.address a:hover {color: #FFF; text-decoration: underline;}
div#footer ul li { list-style: none}
div#footerLogos {float: right; margin-top: 2px;}
div#footerLogos a {border: none; text-decoration: none;}

h2 { border-bottom:1px dotted #000; font-weight: bold;}

#boxShows abbr[title] {
	text-decoration: none
}

#boxShows .summary {
	padding-left: 15px
}