@charset "utf-8";
/* CSS Document */

*{border:none; outline:none; margin:0; padding:0;}

body{margin:0; padding:0; width:100%; background:#fff;  font-family:Tahoma,"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666; font-size:11px; line-height:16px;}

/* TYPO */

a{
	text-decoration:none;
	color:#58ab27;
	cursor:pointer;
}
a:hover{text-decoration:underline;}
h2 a{color:#222;}
h1{
	color:#333;
	font-size:25px;
	font-weight:normal;
	margin:0px 0px 16px;
	letter-spacing:1px;
}
h2{color:#555; font-size:20px; margin:0px 0px 8px; font-weight:normal; clear:both; letter-spacing:1px;}
h3{color:#555; font-size:15px;  margin:20px 0px 10px; font-weight:normal; letter-spacing:1px; }
h4{color:#777; font-size:12px;  margin:20px 0px 10px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; }
h5{
	color:#FFF;
	font-size:21px;
	font-weight:lighter;
	margin:4px 0px 10px;
	letter-spacing:1px;
	font-family:Tahoma,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

p{line-height:16px; margin:0px 0px 12px 0px; }
blockquote.pullquote { width: 220px; padding: 0px 20px 0px 0px; margin:0px 20px 20px; font-size: 15px; line-height: 130%; float:left; border-right:1px solid #dbdbdb; text-align:right; font-style:italic; }
blockquote.pushquote { width: 220px; padding: 0px 0px 0px 20px; margin:0px 0px 20px 20px; font-size: 15px; line-height: 130%; float:right; border-left:1px solid #dbdbdb; text-align:left; font-style:italic;}
pre{ line-height:20px; margin-bottom:20px; max-width:100%; text-align:left;}
hr{width:100%; height:1px; margin:20px 0px; clear:both; float:left;  border-top:1px dotted #ccc; color:#dbdbdb;}

ul{margin:2px 20px 20px; padding:0; list-style-type:square; width:auto; display:block; }
ol{margin:2px 20px 20px; padding:0; list-style-type:decimal; width:auto; display:block; }
ul li, ol li{ clear:both; padding:4px 0px; margin:0px; color:#777; width:auto; text-align:left;}
ul li a{}
ul li a:hover, ol li a.hover{}

table.pagetable{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 0px 0px;}
table.pagetable caption{ padding:12px 12px; color:#999; font-weight:bold; background:#e7e7e7; border:1px solid #ccc; border-bottom:none;}
table.pagetable th,table td {padding:12px 12px; border:1px solid #ccc; text-align:left;  display:table-cell; width:auto;}
table.pagetable tr {}
table.pagetable tr:hover{background:#efefef;}
table.pagetable th {background:#f7f7f7;}
table.pagetable a{font-weight:bold; padding:4px 8px;}
table.pagetable a:hover{color:#999; padding:4px 8px;}


/* Seiten Struktur */
#body-wrap{width:100%; text-align:center; padding:0px; margin:0px;}
#header-wrap{float:left; width:100%; padding:0px 0px 30px 0px; background:url(images/bg_header.jpg) no-repeat bottom center;}
#menu-wrap{float:left; margin:0; padding-bottom:2px;}


/* -------------------------------------------------------------- */
/* HAUPTMENU */
#top-menu{
	float:left;
	clear:both;
	width:960px;
	height:20px;
	text-align:right;
	display:inline;
}
#top-menu ul{list-style:none; margin:26px 0px 0px 0px; padding:0; display:inline-block; float:right;}
#top-menu li{color:#333;  float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none; display:inline;}
#top-menu li ul{display:none;}
#top-menu a{color:#777;}
#top-menu a:hover{text-decoration:none;}

#header-top{
	width:960px;
	float:left;
	clear:both;
	background:url(images/header-top.jpg) no-repeat;
	height:49px;
}
#header-content{width:960px; float:left; clear:both; background:url(images/header-content.png) repeat-y; min-height:50px;}
#header-bottom{
	width:960px;
	float:left;
	clear:both;
	background:url(images/header-bottom.jpg) no-repeat;
	height:20px;
}

#logo{
	width:300px;
	display:inline;
	float:left;
	padding:0px 7px 0px 12px;
	text-align:center;
}
#menu{width:590px; display:inline; float:left; padding:12px 20px 0px 24px;}

/* Level 1 */
#menu ul {margin:0px; padding:0; list-style:none; display:inline; width:576px;}
#menu ul li{clear:none; float:left; margin:0;  position:relative; z-index:10;} 
#menu ul li a {display:inline-block; width:auto;float:left; margin-right:0px; }
#menu ul li a span{ padding:11px 10px 10px 5px; display: inline-block; cursor:pointer;color:#ccc;  margin-left:15px;}
#menu ul li a:hover span{text-decoration:none; color:#fff;background:none; }
#menu ul li a:hover {text-decoration:none; color:#fff;background:none;}
#menu ul li a.current_page_item { background:url(images/menu-hover-left.png) no-repeat top left; text-decoration:none}
#menu ul li a.current_page_item span{background:url(images/menu-hover-right.png) no-repeat top right; color:#333; }
#menu ul li a.current_page_item:hover span{text-decoration:none; color:#333;}
	
/* Level 2 */
#menu ul ul{ margin: 0px 0px 0px 16px; padding:0px 0px 0px; position:absolute; z-index:1000;visibility: hidden; width:auto; z-index:2000;}
#menu ul ul li {float: left; display: inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; }
#menu ul ul li a, #main-nav ul li.current_page_item a{border:none; width:176px; background:#efefef url(images/arrow.png) no-repeat 12px 14px; color:#777; margin:0px; padding:10px 10px 10px 34px; font-weight:normal; display:inline; height:auto; }
#menu ul ul li a:hover, #main-nav ul li.current_page_item a:hover{border:none; background:#fff url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto;}

/* Level 3 */
#menu ul ul ul{ margin: 0px 0px 0px 0px; padding:0px 0px 0px; position:absolute; z-index:1000;visibility: hidden; width:auto; z-index:2000;}
#menu ul ul ul li {float: left; display: inline; clear:both; margin:0px 0px 0px 0px; text-transform:none; padding:0px; }
#menu ul ul ul li a, #main-nav ul li.current_page_item a{border:none; width:176px; background:#efefef url(images/arrow.png) no-repeat 12px 14px; color:#777; margin:0px; padding:10px 10px 10px 34px;  font-weight:normal; display:inline; height:auto; }
#menu ul ul ul li a:hover, #main-nav ul li.current_page_item a:hover{border:none; background:#fff url(images/arrow.png) no-repeat 12px 14px; color:#555;padding:10px 10px 10px 34px; height:auto;}

/* -------------------------------------------------------------- */
/* SLIDESHOW */
#feature-wrap{width:100%; float:left; background:url(images/bg_slide.jpg) no-repeat bottom center; padding-bottom:0px; display:inline; }
.centerdiv{width:960px; margin:0 auto;}
#feature-wrap .slide{float:left;}
#feature-wrap .slide-wrap{
	position:relative;
	z-index:1;
	width:960px;
	margin:0 auto;
	background:url(images/bg_slide.jpg) no-repeat bottom center;
	padding-bottom:60px;
}
#feature-wrap .slide-wrap .slideimage{position:relative;z-index:1; margin:0px; padding:0px; width:960px; height:360px; overflow:visible; background:url(images/loading.gif)  50% 50% no-repeat}
/* Rounded corners */
 .corner-ul{position:absolute; display:block; top:0; left:0; width:24px; height:24px; background:url(images/corner-ul.png) no-repeat;} 
 .corner-dl{position:absolute; display:block; bottom:0; left:0; width:24px; height:24px; background:url(images/corner-dl.png) no-repeat;}
 .corner-ur{position:absolute; display:block; top:0; right:0; width:24px; height:24px; background:url(images/corner-ur.png) no-repeat;}
 .corner-dr{position:absolute; display:block; bottom:0; right:0; width:24px; height:24px; background:url(images/corner-dr.png) no-repeat;}

#feature-wrap .slide-wrap .slideinfo{position:absolute; bottom:20px; left:8px; width:920px; height:100px; text-align:left; z-index:2;}
.slideinfo .start{float:left;width:40px; height:122px; background:url(images/info-start.png) no-repeat;}
.slideinfo .content{
	float:left;
	background:url(images/info-content.png) no-repeat;
	padding:26px 20px 20px 0px;
	min-width:330px;
	height:122px;
}
.slideinfo .content h1 {margin:0; font-size:24px;}
.slideinfo .end{float:left;width:20px; height:122px; background:url(images/info-end.png) no-repeat;}
.slideinfo .nav{float:left;width:100px; height:122px; background:url(images/bg-nav.png) no-repeat;}
.slideinfo .nav .prev{width:38px; height:80px; background:url(images/prev-arrow.gif) no-repeat  20px center; float:left;}
.slideinfo .nav .next{width:38px; height:80px; background:url(images/next-arrow.gif) no-repeat 8px center; float:left;}




/* -------------------------------------------------------------- */
/* SEITEN CONTENT */

#breadcrumb{width:900px; float:left; clear:both; margin-bottom:10px;}

#content-wrap{width:100%; height:auto; float:left; padding-bottom:30px;}
#content-wrap.page{background:url(images/bg_pagecontent.jpg) no-repeat bottom center; padding-bottom:50px;}
#content-wrap .inner{margin:0 auto; width:960px;}
#content-wrap .content{float:left; width:900px; background:#fff; padding:10px 30px 10px 30px;}
#content-wrap .content-bottom{float:left; width:960px; height:29px; background:url(images/pagecontent-bottom.png) no-repeat left bottom;}
#content-wrap #welcome{
	width:580px;
	float:left;
	margin:20px 40px 0px 30px;
}
#content-wrap #about{
	width:280px;
	float:left;
	margin-top: 20px;
}

#pagecontent{
	width:580px;
	float:left;
	margin:0px 20px 20px 0px;
	padding-right:19px;
	border-right:1px dotted #ccc;
}

/* Content boxes within articles */
.one-third{width:280px; float:left; margin:0px 20px 20px 0px; padding-top:0px;}
.one-third img {margin-bottom:8px;}
.two-third{width:600px; float:left; margin:0px 0px 0px 20px;}

.one-four{
	width:270px;
	float:left;
	margin:0px 20px 10px 0px;
	padding-top:0px;
}
.one-four img {margin-bottom:8px;}
.blog-image{float:left; width:580px; height:260px; display:inline; margin-bottom:20px; clear:both; background:#eee url(images/loading.gif)  50% 50% no-repeat}
.video-image{
	float:left;
	width:580px;
	height:260px;
	display:inline;
	margin-bottom:20px;
	clear:both;
	background-image: url(video-loading.gif);
}

/* -------------------------------------------------------------- */
/* SIDEBAR */

#sidebar{
	width:280px;
	float:left;
	margin:0px;
	display:inline;
	padding-top:2px;
}
#sidebar ul{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #bbb;}
#sidebar ol{margin:0px 0px 20px 20px; padding:0; list-style:decimal; float:left; clear:both; width:280px;}
#sidebar ul li{width:260px;  background:url(images/arrow.png) no-repeat 6px 10px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #bbb; line-height:16px;}

#sidebar ul li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }
#sidebar ul li:hover{background:#e7e7e7 url(images/arrow.png) no-repeat 6px 10px;}
#sidebar ul li a:hover{width:260px;text-decoration:none;  padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}






/* -------------------------------------------------------------- */
/* PORTFOLIO / GALLERIE */

.portfolio {width:280px; float:left;  margin:0px 30px 30px 0px; }
.portfolio a{display:block;}
.portfolio-image{float:left; width:280px; height:187px; display:inline; margin-bottom:8px; clear:both; background:#eee url(images/loading.gif)  50% 50% no-repeat}
.portfolio h2, .portfolio h3, .portfolio h4 {margin-top:10px;}


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

/* FOOTER CONTENT */

#footer-content-wrap{width:100%; background-color:#151515; float:left; border-bottom:1px solid #333; padding:0px 0px 20px 0px}
#footer-content-wrap h1, #footer-content-wrap h2 {color:#ccc;}
#footer-content-wrap h1{margin-bottom:30px;}
#footer-content-wrap .inner{width:960px; margin:0 auto; background: url(images/bg-footerwidget-divider.png) no-repeat 608px 0px; text-align:left; min-height:50px;}
.home-content{float:left; width:900px; padding:30px 0px 10px 0px; margin:40px 30px 0px 30px; border-top:1px dotted #555;}

#pagelist{width:590px; float:left;  margin:40px 30px 0px 30px;} /* Left side */
#rightwidget{width:280px; float:left;  margin:40px 0px 0px 0px;} /* Right side */
#rightwidget img{margin-bottom:8px; clear:both; float:left;}

#rightwidget {width:280px; float:left; margin:40px 0px 0px 0px;   display:inline;}
#rightwidget ul{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #333;}
#rightwidget li{width:260px;  background:url(images/arrow.png) no-repeat 6px 10px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #333; line-height:16px;}
#rightwidget li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }
#rightwidget li:hover{background:#252525 url(images/arrow.png) no-repeat 6px 10px;}
#rightwidget li a:hover{width:260px;text-decoration:none; padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}

#footer-widgets-wrap{width:100%; background:#050505; float:left;}
#footer-widgets-wrap h1, #footer-widgets-wrap h2 {color:#ccc;}
#footer-widgets-wrap .fullwidth{width:930px; float:left; clear:both; text-align:left; margin:0px 0px 0px 30px; padding:20px 0px;}
#footer-widgets-wrap .inner{width:960px;  margin:0 auto; background:url(images/bg-footerwidget-divider.png) no-repeat 608px 0px; text-align:left;}
#footer-widgets-wrap.index .inner{background:none;}

.footerwidget{width:280px; float:left; margin:20px 30px 0px 0px; padding:0px 0px;}	
.footerwidget-right{width:280px; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 19px; border-left:1px dotted #444;}
.footerwidget h1, .footerwidget h2{color:#ccc;}


/* Footer widgets */
.footerwidget ul{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #333;}
.footerwidget li{width:260px; background:url(images/arrow.png) no-repeat 6px 11px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #333; line-height:16px;}
.footerwidget li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }
.footerwidget li:hover{background:#151515 url(images/arrow.png) no-repeat 6px 11px;}
.footerwidget li a:hover{width:260px;text-decoration:none;  padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}

/* Menu footer  */
#footermenu ul{list-style:none; margin:0; padding:0; display:inline-block;}
#footermenu li{color:#555;  float:left; width:auto; clear:none; margin-right:20px; padding:0px;text-transform:none;}
#footermenu li ul{display:none;}
#footermenu a{color:#777;}

/* Copyright */
#copyright{
	width:500px;
	float:left;
	margin:0px 20px 0px 0px;
}

/* Links Footer */
#footerlinks{width:430px; float:left; text-align:right; margin:0px 0px 0px 0px;}
#footerlinks ul{list-style:none; margin:0; padding:0; display:inline-block;}
#footerlinks li{color:#555;  float:left; width:auto; clear:none; margin-left:20px; padding:0px;text-transform:none;}
#footerlinks li ul{display:none;}
#footerlinks a{color:#777;}

#footer-wrap{width:100%; float:left; background:#131313;}

#pager{float:left; clear:both; display:inline;}
#pager ul{margin:0; padding:0; list-style:none; width:900px;}
#pager ul li{clear:none; float:left; display:block; padding:0px; margin-right:4px; text-align:center;}
#pager ul li a{background-color:#ccc; width:20px; height:20px; padding:3px 6px 7px 6px; line-height:24px; margin:1px;float:left; display:inline-block; text-decoration:none; color:#333;}
#pager ul li a:hover{background-color:#000; color:#efefef; display:inline-block; margin-bottom:0;}
#pager ul li.current a{background-color:#000; color:#ccc; display:inline-block; margin-bottom:0;}

.alignright{float:right; margin:0px 0px 8px 20px;}
.alignleft{float:left; margin:0px 20px 8px 0px;}
.last{margin:0;}
.break{width:100%; float:left; clear:both;}
.inner{width:960px; margin:0 auto;  text-align:left;}
.dashedborder{border-top:1px dotted #444;}

.fullwidth{width:900px; float:left; clear:both; text-align:left; margin:0px 30px 0px 30px; padding:20px 0px;}

/* Buttons */
a.lightbtn {background-color:#ccc; height:20px; padding:3px 10px 7px 10px; line-height:24px; margin-right:6px;float:left; display:inline-block; text-decoration:none; color:#333;}
a.lightbtn span{ }

a.darkbtn {background-color:#222; height:40px; padding:3px 10px 7px 10px; line-height:24px;  margin-right:6px; float:left; display:inline-block; text-decoration:none; color:#777;}
a.darkbtn span{ }

a.gallerybtn {background-color:#58ab27; height:30px; padding:8px 15px 12px 15px; line-height:30px;  margin-right:6px; float:left; display:inline-block; text-decoration:none; color:#ffffff; font-size:16px}
a.gallerybtn span{ }

ul.darklines{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #222;}
ul.darklines li{width:260px;  background:url(images/arrow.png) no-repeat 6px 10px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #222; line-height:16px;}
ul.darklines li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }
ul.darklines li:hover{background:#333 url(images/arrow.png) no-repeat 6px 10px;}
ul.darklines li a:hover{width:260px;text-decoration:none; padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}

ul.lightlines{margin:0px 0px 20px; padding:0; list-style:none; float:left; clear:both; width:280px;  border-top:1px dotted #999;}
ul.lightlines li{width:260px;  background:url(images/arrow.png) no-repeat 6px 10px; float:left; clear:both; padding:8px 0px 8px 20px; margin:0px; border-bottom:1px dotted #bbb; line-height:16px;}
ul.lightlines li a{width:260px;clear:both; padding:0px; margin:0px; background:none; }
ul.lightlines li:hover{background:#222 url(images/arrow.png) no-repeat 6px 10px;}
ul.lightlines li a:hover{width:260px;text-decoration:none; padding:0px 0px 0px 20px; margin-left:-20px; line-height:16px;}

a.lightbtn-round {display:inline-block; width:auto;float:left;margin-right:10px;  margin-top:0px; background:url(images/btn-left.png) no-repeat top left; text-decoration:none}
a.lightbtn-round span{padding:6px 16px 8px 6px; display: inline-block; cursor:pointer;color:#FFF;  margin-left:10px; background:url(images/btn-right.png) no-repeat top right; color:#666; }
a.lightbtn-round:hover{background:url(images/btn-left-dark.png) no-repeat top left;}
a.lightbtn-round:hover span{background:url(images/btn-right-dark.png) no-repeat top right; color:#888;}

a.darktbtn-round {display:inline-block; width:auto;float:left;margin-right:10px;  margin-top:0px; background:url(images/btn-left-dark.png) no-repeat top left; text-decoration:none}
a.darktbtn-round span {padding:6px 20px 8px 10px; display: inline-block; cursor:pointer;color:#FFF;  margin-left:10px; background:url(images/btn-right-dark.png) no-repeat top right; color:#666; }
a.darktbtn-round:hover{background:url(images/btn-left.png) no-repeat top left; }
a.darktbtn-round:hover span{background:url(images/btn-right.png) no-repeat top right; color:#666;}

#prettycontact{width:500px; height:300px; background:#666;}

.hide { display: none; }


.service-entry{float:left; margin-bottom:30px; clear:both; width:580px;}


/* Kontakt */
#contact-form{margin:10px 0px; float:left;}
#contact-form ul{list-style:none; margin:0;padding:0;}
#contact-form input{background-color:#f7f7f7; border:1px solid #ccc; padding:6px; color:#999; width:300px; margin-right:20px; }
#contact-form input:focus, #contact-form textarea:focus {background-color:#efefef;}
#contact-form textarea{width:560px; height:200px; background-color:#f7f7f7; border:1px solid #ccc;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%}