div, p, form, ul, li, html, body, h1, h2, h3, h4, h5 {
  margin:0px;
  padding:0px;
  color:#4D4D4D;
}

.clear {
  clear:both;
}

a { 
  outline: none; 
}

body {  
  font-family:Trebuchet MS;
  font-size:12px;
  background-color:#eaeade;
  padding-bottom:15px;
}


#container {
  width:100%;
  background-image:url(../images/footerbg.jpg);
  background-position:bottom;
  background-repeat:repeat-x;
  background-color:#eaeade;
}


.container {
  width:990px;
  padding-left:5px;
  padding-right:0px;
  margin:0 auto;    
  /*background:url(../images/bg.jpg) repeat-y 0px top;*/
  
}

.head {
  background:#FFFFFF url(../images/bg.jpg) repeat-y scroll 0 top;
  height:384px;
  padding-left:4px;
  padding-right:5px;
  position:absolute;
  top:0;
  width:979px;
}

.content {
  margin-top:384px;
  background-color:#fff;  
  width:990px;
  background:url(../images/bg.jpg) repeat-y 0px top; 
  padding-bottom:35px; 
  
}    

#logo {
  position:absolute;
  margin-left:18px;
  margin-top:13px;
}

.topnav {
  list-style-type:none;
  padding-left:10px;
  margin-top:78px;
  position:absolute;
  background:url(../images/headbg.jpg) repeat-x 0px bottom;
  width:970px;
  z-index:15;
}

.topnav li {
  float:left;
  line-height:39px;
  margin-left:-3px;
}

.topnav li a {
  display:block;
  padding-left:14px;
  padding-right:15px;      
  color:#fff;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  background:url(../images/topnavbg.jpg) no-repeat right 7px;
}

.topnav li#last a, .topnav li.display a {
  background:none;
}



.topnav li a:hover, .topnav li.display {
  background-color:#adca16;
  background:none;
  background-color:#adca16;
}


.subnav {
  display:none;
  z-index:999;
}

.topnav li.hide div.subnav {
  display:none;
  position:absolute;
  z-index:999;
}

.topnav li.display div.subnav {
  position:absolute;
  width:210px;
  
  background:url(../images/topnavflyout.png) no-repeat bottom;
  margin-top:0px;
  padding:0px;
  color:#fff;
  z-index:0;
  display:block;
  z-index:21;
  padding-bottom:17px;
  
}
/*
.topnav li.display div.subnav {
  position:absolute;
  width:200px;
  
  background-color:#adca16;
  margin-top:0px;
  padding:0px;
  color:#fff;
  z-index:0;
  display:block;
  z-index:21;
  padding-bottom:17px;
  
}
*/
.subnav ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  /*margin:20px;*/
  
  padding:15px !important;
  padding-top:10px !important;
}

.subnav ul li {
  margin:0px;
  padding:0px;
  display:block;
  line-height:normal;
  margin-bottom:1px;
  width:100%;
  /*background:transparent url(http://conception.cc/html/css/img/pfeil_1.gif) no-repeat scroll 0px 0px !important;*/
  
}

.subnav ul li a {
  margin:0px;
  padding:0px;
  display:block;
  line-height:normal;
  font-weight:normal;
  font-size:12px;  
  
  
  line-height:19px;
  border-bottom:0px dotted #859c28;
}

.subnav ul li a:hover {
  text-decoration:underline; 
}

.topnav li.display div.subnav h4 {
  margin-left:14px;
  margin-right:14px;
  margin-top:10px;
  border-bottom:0px solid #000;
  font-size:12px;
  padding-bottom:0px;
  display:inline;
}

.breadcrumb {
  background-color:#4D4D4D;
  color:#FFFFFF;
  display:block;
  font-size:12px;
  font-weight:normal;
  margin-top:117px;
  padding-bottom:5px;
  padding-left:20px;
  padding-top:5px;
  position:absolute;
  width:960px;
}

.breadcrumb a {
  color:#fff;    
  text-decoration:none;  
}

#aaehand img {
  margin-left:700px;
  margin-top:330px;
  position:absolute;
}

#aaehand h4 {
  color:#FFFFFF;
  font-size:38px;
  font-weight:normal;
  margin-left:720px;
  margin-top:255px;
  position:absolute; 
}

#aaehand h5 {
  color:#FFFFFF;
  font-size:24px;
  font-weight:normal;
  margin-left:720px;
  margin-top:300px;
  position:absolute;
}

.teaserindex {
  background:url(../images/teaserindexbg.jpg) repeat-x 0px 0px;
  height:177px;
  margin-left:4px;
  margin-right:6px;
}

.teaserindex div {
  float:left;
  height:177px;
  width:245px;
  
}

.teaserindex div h2 {
color:#4D4D4D;
font-size:18px;
font-weight:normal;
margin-left:67px;
margin-top:15px;
}

.teaserindex div p {
color:#4D4D4D;
font-size:12px;
line-height:17px;
margin-left:67px;
margin-right:14px;
margin-top:10px;
}

#gras {
 margin-top:149px;
position:absolute;
z-index:2;
}

.slideimage {
  position:absolute;
  margin-left:45px;
  margin-top:23px;
  width:300px;
}


.slidecontent {
  margin-left:546px;
  margin-top:13px;
  position:absolute;
  width:350px;
}


.slidecontent_ohne_nav {
  margin-left:546px;
  margin-top:20px;
  position:absolute;
  width:350px;
}



.slidecontent p, .slidecontent_ohne_nav p {
  line-height:17px;
}

.slidecontent h3, .slidecontent_ohne_nav h3 {
  color:#4d4d4d;
  font-size:24px;
  z-index:1;
  padding-bottom:3px;
}

.slidecontent h4, .slidecontent_ohne_nav h4 {
  color:#4d4d4d;
  font-size:18px;
  font-weight:normal;
  margin-top:0px;
  padding-bottom:10px;
}

#slidebox {
  background:url(../images/slideboxbg_neu.jpg) repeat-x 0px 0px;
  border:0 solid #FFFFFF;
  height:239px;
  margin-left:0;
  margin-top:145px;
  overflow:hidden;
  position:relative;
  width:980px;
  z-index:10;
}



.slidebox {
  width:100000px;
  position:absolute;
  z-index:1;
}

.slidebox div.slider, .slidecontent_ohne_nav div.slider {
  width:980px;
  height:240px;
  float:left;
  position:relative;
  z-index:1;
}


.slidenavigator {  
  padding-top:13px;  
}

.slidenavigator span {
  position:absolute;
  font-weight:bold;
  font-size:11px;
  margin-top:4px;
  color:#4D4D4D;
}

.slidenavigator .moveback {
  width:22px;
  line-height:23px;
  position:absolute;
  color:#fff;
  text-decoration:none;
  text-align:center;
  margin-left:100px;
  background:url(../images/slidermovebg.png) no-repeat 0px 0px;
  font-size:23px;
}

.slidenavigator .moveforward {
  width:22px;
  line-height:23px;
  position:absolute;
  color:#fff;
  text-decoration:none;
  text-align:center;
  margin-left:130px;
  background:url(../images/slidermovebg.png) no-repeat 0px 0px;
  font-size:23px;
}


.footer {
  height:18px;
  background:url(../images/footerbg.jpg) no-repeat 0px 0px;
}


#teaserindex_1 {
  background:url(../images/teaser/web.png) no-repeat 7px 30px;
}

* html #teaserindex_1 {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/teaser/web.png');
 background-position:100px 50%;
}


#teaserindex_2 {
  background:url(../images/teaser/shop.png) no-repeat 7px 30px;
}

#teaserindex_3 {
  background:url(../images/teaser/seo.png) no-repeat 7px 30px;
}

#teaserindex_4 {
  background:url(../images/teaser/full.png) no-repeat 7px 30px;
}


#col_left {
  float:left;
  width:249px;  
  
}

#col_left_inner {
  padding-left:25px;
  padding-right:15px;
  padding-top:15px;
  
}

#col_middle {
  float:left;
  width:640px; 
}

#col_middle_inner {
  padding-left:25px;
  padding-right:40px;
  padding-top:15px;
  
}

#col_middle_inner li {
margin-bottom:7px;
margin-left:50px;
}

#col_middle_inner h2{
  background:transparent url(../images/pfeil_rechts.png) no-repeat scroll 0 4px;
  color:#4D4D4D;
  font-size:18px;
  font-weight:bold;
  line-height:24px;
  padding-bottom:24px;
  padding-left:38px;
  padding-top:5px;
}

#col_right_inner h1 { 
background:transparent url(../images/siewollen.png) no-repeat scroll 0 4px;
color:#4D4D4D;
font-size:18px;
font-weight:bold;
line-height:24px;
padding-bottom:24px;
padding-left:42px;
padding-top:5px;
}

#col_middle_inner {
  background:transparent url(../images/bg_content_re_1.jpg) no-repeat scroll 0 0;
  margin-left:20px;
  margin-top:20px;
}

#col_right_inner {
  background:transparent url(../images/bg_content_li_1.jpg) no-repeat scroll 0 0;
  margin-left:20px;
  margin-top:20px;
}

#col_middle_inner h1{
  background:transparent url(../images/pfeil_rechts.png) no-repeat scroll 0 4px;
  color:#4D4D4D;
  font-size:18px;
  font-weight:bold;
  line-height:24px;
  padding-bottom:24px;
  padding-left:38px;
  padding-top:5px;
}

#col_middle_inner p{
color:#4D4D4D;
padding-bottom:15px;
line-height:19px;
}

#col_right {
  float:left;
  width:320px; 
}

#col_right_inner {
  padding-left:15px;
  padding-right:15px;
  padding-top:15px;
}


#footerHell {
  height:95px;
  width:989px;
  background-image:url(../images/footerhellbg.png);
  background-position:bottom;
}      


* html #footerHell {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/footerhellbg.png');
 background-position:100px 50%;
 
 }

#footerHell ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:-80px 0 0 605px;
padding:10px 0 0;
position:absolute;
	
	
}

#footerHell ul li {
border-left:1px solid #C5C5C5;
color:#777777;
display:inline;
float:left;
font-size:12px;
font-weight:bold;
height:63px;
margin-left:30px;
padding:0 10px 8px;
width:70px;
}

#footerHell ul li ul {
  margin:0px;
  padding:0px;
  padding-top:2px;
}

#footerHell ul li li {
border:medium none;
float:none;
height:inherit;
padding:0;
margin:0px;
width:inherit;

}

#footerHell ul li li a {
  display:block;
  font-weight:normal;
  font-size:11px;
  color:#888888;
  text-decoration:none;
}


#footerHell #address {
width:270px;
font-size:11px;
height:70px;
margin-left:30px;
padding-top:10px;
}

#footerHell #address strong {
color:#777777;
font-size:12px;
font-weight:bold;
}

#footerHell #address dl {
  margin:0px;
}

#footerHell #address dt,
#footerHell #address dd {
float:left;
margin-bottom:1px;
margin-left:10px;
}
#footerHell #address dt {
clear:both;
color:#AAAAAA;
padding-right:5px;
text-align:right;
width:30px;
}

#footerDark {
  height:97px;
  width:989;
  background-image:url(../images/footerdark.png);
}

* html #footerDark {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/footerDark.png');
 background-position:100px 50%;
 
 }

.left {
color:#888888;
float:left;
padding-top:3px;
}

.right {
color:#888888;
float:right;
padding-top:3px;
}


.menueright {
  list-style-type:none;
  margin-left:15px;
  margin-right:10px;
  margin-top:2px;
}

.menueright li{
  border-top:1px dotted #CCCCCC;
  padding-top:8px;
  padding-bottom:8px;     
  background:url(http://conception.cc/html/css/img/pfeil_1.gif) no-repeat 3px 3px;   
}

.menueright li a {
  text-decoration:none;
  color:#4d4d4d;
  font-weight:normal;
  padding-left:26px;
  display:block;
}      

.menueright li a:hover {
  text-decoration:none;
  color:#8db516;
  font-weight:normal;
  font-size:12px;
}       
 
.menueright li.active a {
  text-decoration:none;
  color:#8db516;
  font-weight:normal;
  font-size:12px;

}        


/*
Kontaktform start
*/
input, textarea, select {
  font-family:Trebuchet MS;
  font-size:11px;
  color:#4d4d4d;
}


      .row {

        
      }
      
      .last {
        border-bottom:0px solid #ECECEC !important;
      }
      
      .row label,  .row input,  .row select {
        display:block;
      }
      
      .row label {
        padding-bottom:5px;
        margin-top:10px;
        font-weight:bold;
      }      
      
      .toggle {
        width:280px;
        background-color:#f3f3f3;
        padding:10px;
        display:none;
        margin:10px;
        margin-left:0px;
        padding-left:20px;
        padding-bottom:20px;
      }
      
      .row input, .row select {
        background-color:#FFFFFF;
        border:1px solid #C5CCCF;
        font-weight:normal;
        
        padding:3px;
        width:263px;   
        margin-bottom:5px;     
 
      }
      
      .row textarea {
        border:1px solid #C5CCCF;
        height:161px;
        padding:5px;
        width:100%;      
        margin-bottom:5px;
      }
      
      .formSend {
        padding-top:20px;
        text-align:right;
      }
/*
Kontaktform ENDE
*/

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	/* Browser fixes: */
	
	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }