* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  background: #fff;
}

/* HTML5 HACK -------------------------------------- */  
header, section, footer, aside, nav, article {  
	display: block;  
}

a:focus, 
.TeaserPortfolio, 
.TeaserNeuigkeiten, 
.TeaserBox, 
.TeaserBoxSlider, 
.TeaserProjekt
{ /* Macht den Rahmen um Links im Firefox weg */
	outline: none;
}

body
{
	color: #333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	position: relative;
	width: 100%;
}

p
{
	padding: 0 5px 5px 5px;
	line-height: 20px;
}

#wrapper
{
	margin: 0;
	width: 100%;
	/*position: absolute;  fuer firefox, safari wg bg images */
	position: absolute;
	z-index:1;
}



#content
{
	width: 670px;
	margin: 105px auto 0 auto;
}

/* ----------------------------------------------*/

#page /* = #Wrapper */
{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(../assets/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	z-index:1;
}

/*div .wp-caption,
.icsCalendarBody {display:none;}  Bilder und Kalender ausgeschaltet */

#header /* = #ContainerMenue */{
	height: 120px;
	width: 100%;
	padding: 0;
	margin: 0;
	position: fixed;
	z-index:3;
	}
	
/* ----------------------------------------------*/	



	
* html #Content
{
	margin: 62px auto 0 auto;	
}

#SpalteLinks{width: 480px;float: left;}

#SpalteRechts{width: 190px;float: right;margin: 5px 0 0 0;}


.invis {display: none;}

.Clear { clear: both; }

ul {list-style: none;}


.logo
{
	font-size: 24px;
	line-height: 26px;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: 300;
	padding: 2px 0 130px 105px;
	letter-spacing: 1px;
	display: block;
	background: url(../assets/standards/logo-website-neu.png) no-repeat 0 0;
	margin-left:-100px;
	float:left;
	width:350px
}

.rubrik {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #8EC227;
	letter-spacing: 1px;
	display: block;
	line-height:26px;margin-top:2px;
	float:right;
	}
	

blockquote
{
	background-image: url(../assets/standards/quotation-mark.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	text-indent: 13px;
	margin-left:-12px;
	padding-left:12px;
}
cite
{
	font-style: normal;
}

.des_print,
.des_web,
.des_foto{
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin-left:-45px;
	padding-left:50px;
	}
	
.des_print{background-image: url(../assets/standards/icon-print-gross.png);}
.des_web{background-image: url(../assets/standards/icon-web-gross.png);}
.des_foto{background-image: url(../assets/standards/icon-foto-gross.png);}	

/* ----------------------------------------------------------------
MENUE
---------------------------------------------------------------- */ 
#menue
{
	top:0;
	height: 41px;
	background: #8EC227;
	position:fixed;
	z-index:1000;
}

#menue ul
{
	list-style-type: none;
	float: right;
	margin: 0px -30px 3px 0;
	height: 38px;
}

#menue ul li
{
	float: left;
	height: 38px;
}

#menue ul li a, 
#menue ul li a:visited
{
	float: left;
	color: #fff;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 11px 30px 7px 30px;
	font-size: 9px;
	background-color: transparent;
	border-bottom: 3px transparent solid;
}


#menue ul li a:hover
{
	color: #333;
	background-color: transparent;
}

#menue ul li.aktiv{float: left;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	height: 27px;
	padding: 11px 0px 0px 0px;
	margin: 0 30px 0 30px;
	font-size: 9px;
	background-color: transparent;
	border-bottom: 3px #fff solid;}






/***************************/
/***** S U B M E N U E *****/
/***************************/


.SubMenue
{
	list-style-type: none;
	width: 190px;
	
}

.SubMenue li
{
	line-height: 18px;
	
}

.SubMenue li a
{
	width: 180px;
	color: #333;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 3px 5px 3px 5px;
	font-size: 9px;
	display: block;
	background-color: transparent;
}

.SubMenue li a:visited
{
	width: 180px;
	color: #999;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 3px 5px 3px 5px;
	font-size: 9px;
	display: block;
	background-color: transparent;
}


.SubMenue li a:hover,
.SubMenue li .aktiv
{
	color: #333;
	background-color: #F4F4F4;
}




/******* wrapper btn prev next ********/

.wrapper_btn_prev_next {width:190px;height:22px;}

a.btn_prev {width: 22px;height: 22px;float: left;background: url(../assets/standards/btn-prev-next.png) no-repeat 0px 0px;margin-left:3px;}
a.btn_next {width:22px;height:22px;float:right;background: url(../assets/standards/btn-prev-next.png) no-repeat -22px 0px;margin-right:80px;}
	
a.btn_prev:hover { background-position: 0px -22px; }	
a.btn_next:hover {background-position:-22px -22px}

/********************submenu portfolio**********************/


	
a.aktiv,
a.aktiv:hover{ color: #8EC227;background-color: #fff;padding-right:0;}	



/************ F O O T E R ***********/

.container {width:100%;}
.row,
ul .row{width: 670px;margin: 0 auto;display:block}


.top a:link,
.top a:visited
{
	background-image: url(../assets/standards/icon-top2.gif);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	float: right;
	display: block;
	margin: -24px 0 0 0;
	padding: 0;
}

.top a:hover { background-position: 0px -24px; }



.adresse
{
	padding:8px 0px 5px 4px;
	height:45px;
	color:#fff;
}

.datenschutz {float: left;padding: 0 0px 0 4px;margin-top:12px}
.valide
{
	float: right;
	display: block;
	padding: 0;
	margin: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 9px;
	height:42px;
}
.valide p
{
	display: block;
	float: left;
	padding: 0;
	margin:12px 15px 0 0
}
.icon,
.icon img{border:0;} /* IE7 */

.datenschutz a:link,
.datenschutz a:visited
{
	font-size: 9px;
	display: block;
	float: left;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}


.valide a:link,
.valide a:visited{letter-spacing: 2px;text-transform: uppercase;	font-size: 9px;border:0;}

.footer
{
	margin-top:120px;background:#8EC227;
}

.footer_zeile_1 {margin-bottom:-10px;padding-top:5px;}
.footer_zeile_1 .TeaserHead{color:#fff;background: url(../assets/standards/footer-pfeil.png) no-repeat 265px 25px;}
.footer_zeile_2 {padding-bottom:8px;}
.footer_zeile_3 {padding:7px 0 0px 0;margin:5px auto 7px auto;display:block;height:42px;}

.adresse a:link
{
	background: url(../assets/standards/call-to-action-footer-email.png) no-repeat 0px 0px;
	width: 165px;
	height: 23px;
	display: block;
	color: #73A600;
	padding-left:4px;line-height:21px;margin-top:-1px;
}

.adresse a:hover
{
	background-position: 0px -23px;
	color: #fff;
}

.tel {line-height:19px;display:inline;}


/* ----------------------------------------------------------------
ranking panel
---------------------------------------------------------------- */
.TeaserBoxSlider,
.rankingpanel_wrapper{margin-top: -84px;display:block;}

#panel {
	/*width: 190px;  fuer sidebar */
	width: 430px;
	/*height: 345px;*/
	padding: 7px 0 0 0;
	display: none;
}


.slide
{
	margin: 0;
	padding: 0;
	/*width: 190px;  fuer sidebar */
	width: 430px;
}
.btn-slide
{
	display: block;
	text-decoration: none;
	padding: 0px 0 5px 5px;
	color: #333;
}

.active
{
	background-position: 385px 8px; 
}



.slide a {padding: 7px 0 7px 5px;}

.slide a:hover { background-color: #F4F4F4; }
.slide a .rankingpanel_head{
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 9px;

	}

.btn-slide .erstens{display:block;}
.btn-slide .zweitens{display:none;}



.rankingpanel_wrapper
{
	margin: 0px auto 0 auto;
	width: 430px;

}

.fliesstext
{
	letter-spacing: normal;
	text-transform: none;
	font-size: 11px;
		margin-top:5px;
		display:block;
}