/*if Century Gothic is not present @font-face ITC Avant Garde Gothic Std will be used for H1 only*/

@font-face {
    font-family: 'ITCAvantGardeGothicStdBook';
    src: url('../font/itcavantgardestd-bk-webfont.eot');
    src: url('../font/itcavantgardestd-bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/itcavantgardestd-bk-webfont.woff') format('woff'),
         url('../font/itcavantgardestd-bk-webfont.ttf') format('truetype'),
         url('../font/itcavantgardestd-bk-webfont.svg#ITCAvantGardeGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*base*/
*{
	margin:0;
	padding:0;
	font-family:Tahoma,Arial,Helvetica,Sans-serif;
	font-size:14px;
	font-style:normal;
	color:#666;
	border:0;
}
html{
	width:100%;
	height:100%
}
body{
	background:#eee url(../img/back.gif) repeat-x;
	width:100%;
	height:100%
}
img{
	display:block;
}

/*common*/
.sprite{
	background:url(../img/sprite.gif) no-repeat;
}
.line{
	background:url(../img/line.gif) no-repeat left bottom;
}
.left{
	float:left;
}
.right{
	text-align:right;
	float:right !important;
}
.nomargin{
	margin:0 !important;
}

/*page structure*/
#center{
	display:block;
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:center;
}
#container{
	background:url(../img/back_body.gif) repeat-y;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:left;
}
#back{
	background:url(../img/back_head.gif) no-repeat;
	display:block;
	position:relative;
	float:left;
	width:100%;
	text-align:left;
}
#head{
	display:block;
	position:relative;
	float:left;
	width:100%;
}
#headcontent{
	display:block;
	position:relative;
	float:left;
	padding:20px 27px 0 30px;
	width:943px;
	height:140px;
}
#body{
	display:block;
	position:relative;
	float:left;
	width:100%;
}
#bodycontent{
	display:block;
	position:relative;
	float:left;
	padding:20px 30px 40px 30px;
}
#foot{
	background:url(../img/back_foot.gif) no-repeat;
	display:block;
	position:relative;
	float:left;
	width:100%;
}
#footcontent{
	display:block;
	position:relative;
	float:left;
	padding:20px 30px;
	width:940px;
	height:120px;
}

/*head*/
#headcontent ul{
	list-style:none;
}
#logo{
	position:relative;
	float:left;
}
#menu{
	position:relative;
	float:right;
	padding:49px 0 0 0;
}
#menu li{
	position:relative;
	float:left;
	padding:0 3px 0 0;
}
#menu li a, #menu li span{
	position:relative;
	float:left;
	padding:6px 10px 0 10px;
	height:29px;
	font-family:'Century Gothic',Tahoma,Arial,Helvetica,Sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#menu li a:hover{
	background-position:left -40px;
}
#menu li.active a, #menu li.active span{
	background-color:#76c904;
	background-position:left -80px;
}
#menu li.sub a{
	height:32px;
}
#menu li ul{
	display:none;
	position:absolute;
	top:38px;
    left: 0;
	left:-297px;
	list-style:none;
	width:606px;
}
#menu li ul li{
	background:#76c904;
	height:27px;
	padding:4px;
}
#menu li ul li a, #menu li ul li span{
	background:#76c904;
	font-size:14px;
	font-weight:bold;
	height:24px!important;
    line-height: 24px;
	padding:3px 6px 0 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menu li ul li a:hover{
	background:#6bb504;
}
#menu li ul li.active a, #menu li ul li.active span{
	background:#8ddd20;
}

/*body*/
#bodycontent p{
	margin:20px 0;
	line-height:20px;
}
#bodycontent ul, #bodycontent ol{
	margin:20px 0;
	padding:0 0 0 18px;
	line-height:20px;
}
#bodycontent a:hover{
	color:#73c700;
}
#bodycontent h1{
	font-family:'Century Gothic','ITCAvantGardeGothicStdBook',Tahoma,Arial,Helvetica,Sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:28px;
	color:#73c700;
	margin:20px 0
}
#bodycontent h2{
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color:#73c700;
}
#bodycontent h1.pagetitle{
	position:relative;
	float:left;
	width:100%;
	margin:0;
	padding:20px 0;
	border-bottom:1px solid #ddd;
	line-height:20px;
}
#bodycontent .pagenav{
	position:relative;
	float:left;	
	width:100%;
	border-bottom:1px solid #ddd;
}
#bodycontent .pagenav .pages{
	position:relative;
	float:left;
	height:30px;
	padding:5px 0;
	margin:0;
	list-style:none;
}
#bodycontent .pagenav .pages li{
	position:relative;
	float:left;
	margin:0 3px 0 0;
}
#bodycontent .pagenav .pages li a{
	position:relative;
	float:left;
	width:20px;
	height:25px;
	padding:5px 0 0 10px;
	background-position:-205px top;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#bodycontent .pagenav .pages li a:hover{
	background-position:-205px -40px;
	color:#fff;
}
#bodycontent .pagenav .pages li.active a{
	background-position:-205px -80px;
}
#bodycontent .pagenav  .currentpage{
	position:relative;
	float:right;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0;
}
#bodycontent .pagenav  a.nextarr{
	background-position:right -115px;
	position:relative;
	float:right;
	width:15px;
	height:25px;
	margin:3px 0 0 20px;
}
#bodycontent .pagenav  a.prevarr{
	background-position:left -115px;
	position:relative;
	float:right;
	width:15px;
	height:25px;
	margin:3px 0 0 20px;
}
#bodycontent .pagenav  a.nextarr:hover{
	background-position:right -140px;
}
#bodycontent .pagenav  a.prevarr:hover{
	background-position:left -140px;
}
#bodycontent .pagenav  a.nextarr.inactive{
	background-position:right -165px;
}
#bodycontent .pagenav  a.prevarr.inactive{
	background-position:left -165px;
}
#bodycontent .ref{
	position:relative;
	float:left;
	width:100%;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
#bodycontent .ref .reftxt{
	position:relative;
	float:left;
	width:300px;
	margin:0 20px 0 0;
}
#bodycontent .ref .refimg{
	position:relative;
	float:left;
	width:300px;
	height:auto;
	margin:0 20px 0 0;
}
#bodycontent .ref .refimg .refimgnote{
	background:#73c700;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:auto;
	padding:5px 10px;
	color:#fff;
}

#bodycontent .slogan{
	position:relative;
	float:left;
	width:100%;
	padding:30px 0;
	border-bottom:1px solid #ddd;
}

#bodycontent .textitem{
	position:relative;
	float:left;
	width:100%;
	padding:30px 0;
	border-bottom:1px solid #ddd;
}

#bodycontent .textitem.noBorder{
    border: none;
    padding: 0 0 30px 0;
}

#bodycontent .textitem h1{
	margin:0 0 20px 0;
}
#bodycontent .textitem p, #bodycontent .textitem ul{
	margin:20px 0 0 0;
}

#bodycontent .textitem .img{
    position: relative;
    width: 400px;
    height: 250px;
}

#bodycontent .layout1 .img, #bodycontent .layout3 .img{
	float:right;
	margin:0 0 20px 20px;
}
#bodycontent .layout2 .img, #bodycontent .layout4 .img{
	float:left;
	margin:0 20px 20px 0;
}
#bodycontent .textitem ul.links li{
	color:#73c700;
}
#bodycontent .textitem ul.links li a{
	color:#73c700;
}
#bodycontent .textitem ul.links li a:hover{
	color:#73c700;
	text-decoration:none;
}


/*home*/
#home{
	position:relative;
	float:left;
	width:100%;
	min-height:475px;
	margin:-17px 0 0 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #ddd;
}
#homeimg{
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#homeback{
	background:#fff;
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:490px;
	height:475px;
	opacity:0.90;
	filter:alpha(opacity=90);
}
#homecontent{
	position:relative;
	float:right;
	width:450px;
	padding:20px 0 0 0;
}
#homecontent h1{
	margin:30px 0 20px 0;
	background:#fff;
}

/*foot*/
#footcontent *{
	font-size:12px;
	line-height:16px;
	color:#fff;
	text-decoration:none;
}
#footcontent a:hover{
	text-decoration:underline;
}

/* CONTACT */
.firstCol{
    float: left;
    width: 282px;
    margin-right: 30px;
}

.scdCol{
    float: left;
    width: 628px;
}


/* MAILFORM */


form.formcontact{
    float: left;
    width: 100%;
}

form.formcontact .hidden{
    display: none;
}

form.formcontact .column{
    float: left;
    width: 309px;
    margin: 0 10px 10px 0;
}

form.formcontact .column.noMargin{
    margin-right: 0;
}

form.formcontact .column label{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

form.formcontact .column input, 
form.formcontact .column textarea,
form.formcontact .column select{
    border: 1px solid #73C700;
    float: left;
    padding: 2px 3px;
    width: 301px;
}

form.formcontact .column.textarea{
    width: 100%;
}

form.formcontact .column textarea{
    width: 620px;
}

form.formcontact .column.checkbox input, 
form.formcontact .column.checkbox label{
    width: auto;
}

form.formcontact .column.checkbox input{
    margin-right: 10px;
}

form.formcontact .column select{
    width: 309px;
}

.submit{
    float: right;
}


.submit input{
    position: relative;
    float:left;
    height: 35px;
    font-size: 18px;
    font-family:'Century Gothic',Tahoma,Arial,Helvetica,Sans-serif;
    color: #fff;
    font-weight: bold;
    padding: 0 10px 0 10px;
    cursor: pointer;
}

.submit input:hover{
    background-position:left -40px;
}

#bodycontent .getuigenissen_menu   {
   float: left;
   width: 200px;
   list-style-type: none;
   padding: 0px 20px 0px 0px;
   margin: 0px 20px 0px 0px;
   border-right: 1px solid #ddd;

}

#bodycontent .getuigenissen_menu li{
   padding: 0px 0 10px 0;
   margin: 0px 0 10px 0;
}

#bodycontent .getuigenissen_menu li a {
   display: block;
}
#bodycontent .getuigenissen_menu img{
   margin: 0px 0 10px 0;
}

.getuigenissen_menu li a   {
   text-decoration: none;
}

.getuigenissen_content  {
   margin-left: 241px;
   /*float: left;*/
}
.getuigenissen_content img {
   float: right;
   margin: 0 0 10px 10px;
}

#bodycontent .getuigenissen_content h1{
   margin-top: 0px;
}