body {
    font-family: Trebuchet MS, sans-serif;
    font-size: 62.5%;
	}
	
div#head {
    width: 100%
    float: left;
    }
    
div#logo {
    margin: auto;
    width: 999px;
    }
    
div#borderTopWrap {
    width: 999px;
    margin: auto;
    }
    
div#borderTop {
    background-color: #80ae12;
    border-bottom: 2px solid #aac46c;
    float: left;
    width: 100%;
    font-size: 1.1em;
    padding: 4px 0px 3px 0px;
    }
    
div#backgroundBottom {
    background: url(/fileadmin/layout/background02.jpg) repeat;
    float: left;
    width: 100%;
    }
    
div#backgroundTop {
    background: url(/fileadmin/layout/background01.jpg) repeat-x;
    float: left;
    width: 100%;
    }
    
div#breadcrump {
    float: left;
    margin-left: 21px;
    }
    
div#breadcrump p {
    float: left;
    margin-right: 3px;
    color: #d9e7b8;
    }
    
ul#breadcrumpMenu li {
    display: inline;
    float: left;
    margin-right: 3px;
    color: #d9e7b8;
    }
    
ul#breadcrumpMenu li a {
    color: #fff;
    }
    
div#serviceNavi {
    float: right;
    margin-right: 20px;
    color: #D9E7B8;
    }

ul#serviceMenu li {
    display: inline;
    margin-left: 3px;
    color: #d9e7b8;
    }

ul#serviceMenu li a {
    color: #d9e7b8;
    }
    
ul#serviceMenu li a:hover {
    color: #fff;
    }

div#wrap {
    width: 999px;
    margin: auto;
    }
    
div#topWrap {
    float: left;
    }
    
div#navi {
    background-color: #c40000;
    width: 143px;
    padding: 12px 10px 0px 10px;
    float: left;
    }
    
ul#naviMenu li {
    border-bottom: 1px solid #dc6666;
    }
    
ul#naviMenu li a {
    color: #fff;
    padding: 6px 0px 7px 0px;
    display: block;
    margin-left: 12px;
    font-size: 1.1em;
}
ul#naviMenu li a.aktiv {
	text-decoration: underline;
}
    
ul#naviMenu .theLastOne {
    border: none;
    margin-bottom: 14px;
    }
    
div#imgContent {
    float: left;
    }

div#imgContent div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left:0px;
	}

div#imgContent 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 {
	margin-left:0px;
	}

div#contentWrap {
    float: left;
    background: url(/fileadmin/layout/contentbg.jpg) repeat-y;
    }
    
div#subNavi {
    background-color: #f4f4f4;
    width: 143px;
    padding: 12px 10px 0px 10px;
    float: left;
    }
    
ul#subNaviMenu {
    margin-top: 8px;
    }
    
ul#subNaviMenu li {
    border-bottom: 1px solid #dadada;
    text-align: right;
    }
    
ul#subNaviMenu li a {
    color:#777;
    display:block;
    font-size:1.1em;
    margin-left:12px;
    padding:6px 10px 7px;
}
ul#subNaviMenu li a.aktiv {
	text-decoration: underline;
}
  
  
ul#subNaviMenu ul#subnavi{
    margin-top: 4px;
    }
    
ul#subNaviMenu ul#subnavi li {
    text-align: right;

    border-bottom: 0px;
    }
    
ul#subNaviMenu ul#subnavi li a {
    color:#80AE12;
    display:block;
    font-size:1.0em;
    margin-left:12px;
    padding:6px 10px 7px;
    }  
  
ul#subNaviMenu .theLastOne {
    border: none;
    margin-bottom: 14px;
    }
    
div#content {
    width: 494px;
    float: left;
    padding: 20px;
    background-color: #fff;
    font-size: 11px;
    color: #777777;
    overflow-x: hidden;
    }
    
div#content h1 {
	border-bottom:1px solid #AAC46C;
	color:#80AE12;
	font-size:1.8em;
	margin-bottom:6px;
	padding-bottom:6px;
	}

div#content a {
	color: #80AE12;
	text-decoration: underline;
	}

div#content a:hover {
	text-decoration: none;
	}

div#content p {
	
	font-size: 1.1em;
	margin-bottom: 8px;
	}
	
div#content table p {
	margin-bottom: 0px;
}
	
div#content ul {
	padding-left: 30px;
	list-style-type: disc;
}

div#teaser {
    width: 274px;
    float: left;
    background-color: #f2f2f2;
    padding: 20px 18px 20px 10px;

    overflow:hidden;
    }

div#teaser img {
	margin-bottom: 10px;
	}

div#teaser a {
	color: #c40000;
	font-size: 1.1em;
	font-weight: bold;
	}
    
div#teaser p {
	color: #777777;
	font-size: 1.1em;
	}

div#pageMenu {
	float: left;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	width: 512px;
	margin: 10px 0px 0px -10px;
	padding: 2px 0px 2px 0px;
	}

div#pageMenu a {
	color: #777;
	font-size: 1.1em;
	text-decoration: none;
	}

div#toTop {
	float: left;
	margin-left: 10px;
	}

div#printPage {
	float: right;
	margin-right: 10px;
	}

div#borderBottomWrap {
    width: 999px;
    margin: auto;
    }
    
div#borderBottom {
    background-color: #80ae12;
    border-top: 2px solid #aac46c;
    float: left;
    width: 100%;
    font-size: 1.1em;
    padding: 4px 0px 20px 0px;
    }
    
ul#footerNavi {
    float: right;
    margin-right: 20px;
    color: #D9E7B8;
    }
    
ul#footerNavi li {
    display: inline;
    margin-left: 3px;
    color: #d9e7b8;
    }
    
ul#footerNavi li a {
    color: #d9e7b8;
    }

ul#footerNavi li a:hover {
    color: #fff;
    }
    
/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}

/* Korrekturen */

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
	}

div#content div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left: 0px;
	}

/*### Kontaktformular ########################################################*/

table.kontakt {
	width: 497px;
	}

div#content form h2 {
	padding: 0px 0px 5px 0px;
	float: left;
	width: 100%;
	font-size: 1.1em;
	color: #777777;
	}

div#content textarea {
	float: left;
	display: block;
	width: 490px;
	margin: 0px 0px 10px 0px;
	font-size: 1.1em;
	font-family: Trebuchet MS, sans-serif;
	color: #777777;
	}

h2.ihrenachricht {
	margin: 10px 0px 0px 0px;
	}

form {
	float: left;
	display: block;
	font-size: 1.1em;
	color: #777777;
	}

form span {
	font-size: 1.1em;
	}

form input.kontakt {
	font-size: 1.1em;
	width: 160px;
	}

input.checkbox {
	margin-right: 5px;
	}

input.kontakt_submit {
	font-size: 1.1em;
	color: #777777;
	padding: 2px;
	}

input.checkbox {
	margin-bottom: 2px;
	}

td.beschriftung1, td.beschriftung2 {
	width: 353px;
	}

input.kontakt {
	color: #777777;
	font-family: Trebuchet MS, sans-serif;
	font-size: 1.1em;
	}

div#content h2 {
	padding: 0px 0px 5px 20px;
	float: left;
	width: 100%;
	font-size: 1.1em;
	color: #777777;
	}

span.kontakt_fehler {
	color: #c30000;
	}

div#content span.danke {
	font-size: 1.1em;
	color: #777777;
	}
    
    
.csc-textpic-image img{
	margin-bottom: 5px !important;
	margin-right: 5px !important;	
}
	
/*### Angebot Template #######################################################*/

div.angebotWrap {
	background-color: #fff;
	float: left;
	padding-bottom: 10px;
	font-size: 12px;
	}
	

div.angebotHead {
	width: 280px;
	float: left;
	background-color: #80ae12;
	border-bottom: 1px dotted #d5d1b8;
	margin-bottom: 8px;
	border-bottom: 2px solid #aac46c;
	}

div.angebotHead h1 {
	float: left;
	padding: 4px 5px 4px 20px !important;
	color: #fff;
	font-size: 17px;
	}

div.angebotHead h2 {
	font-size: 1.2em;
	color: #727063;
	padding-top: 10px;
	float: left;
	}

div.angebotListWrap {
	float: left;
	width: 280px;
	position: relative;
	margin-bottom: 10px;
	}

div.angebotBullet {
	float: left;
	width: 20px;
	text-align: right;
	}

div.angebotBullet img {
	margin: 6px 3px 0px 0px;
	display:none;
	}

div.angebotEintrag {
	float: left;
	width: 180px;
	}

div.angebotEintrag p {
	padding: 0px !important;
	}

div.angebotPreis {
	float: right;
	position: absolute;
	bottom: 0px;
	right: 5px;
	}

div.angebotPreis h1 {
	padding: 0px !important;
	font-size: 14px;
	color: #80ae12;
	}

div.angebotBuchen {
	float: right;
	}

.tx_lumogooglemaps_pi1_sidebar {
	display:none;
}