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

/*
    AnythingSlider v1.4

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	width: 970px;
	height: 486px;
	margin: 0 auto 0px;
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: none;
	color:#999;
	font-weight:bold;
}

/*
div.anythingSlider .anythingWindow {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
*/

/* Active State */
div.anythingSlider.activeSlider .thumbNav a.cur {
	background:url(../img/arrow-top.png) no-repeat top center;
	color:#666666;
}
div.anythingSlider.activeSlider .anythingWindow {
	border-color:transparent;
	background:none;
}




/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 40px @ bottom for naviagation */
div.anythingSlider {
	position: relative;
	padding: 0 0px 40px 0px;
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0; left: 0;
	margin:0;
	border-bottom:1px solid #000;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	display: none;
}
div.anythingSlider .arrow a {
	display: none;
}
/*
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }
*/

/* Navigation Links */
div.anythingSlider .thumbNav { margin: 0px 0 0px 0px; border-top:1px solid #ccc; padding-top:0px;}
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	display: inline-block;
	text-decoration: none;
	padding: 4px 15px;
	height: 18px;
	margin: 0 10px 0 0;
	text-align: center;
	outline: 0;
	font-weight:bold;
}
div.anythingSlider .thumbNav a:hover { color:#666666; 	background:url(../img/arrow-top.png) no-repeat top center;}


/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	z-index: 10;
	color: white;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	display:none !important;
}
div.anythingSlider .start-stop.playing { background-color: #fff; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #fff; }


/* For Specific Slides: Beispielhäuser */
.architektenhaus { width:972px; height:572px; overflow:hidden; }
.architektenhaus img {margin:0; height:572px; float:left;}


.beispielhaus { width:972px; height:486px; overflow:hidden; }
.beispielhaus img {margin:0; height:486px; float:left;}
.beispielhaus img.service {height:137px; width:180px; float:none;}
.beispielhaus img.grundriss {float: left; margin: 0 50px 0px 50px; height:486px;}
.beispielhaus div.uebersicht {float:right; width:280px; height:486px;}
.beispielhaus div.beschreibung {background-color:#fff; float:right; width:350px; height:486px;}
.beispielhaus h3 { font-weight: normal; font-size: 20px; line-height: 20px; margin:20px 0 10px 0; text-align:left; padding-top:20px; }
.beispielhaus h4 { font-weight: normal; font-size: 14px; line-height: 18px; text-align:left; color:#999; margin-bottom:30px;}
.beispielhaus li.hinweis {font-size:9px; line-height:12px; border:none !important; margin-top:30px;}
.beispielhaus table.service h3 { font-weight: bold; font-size: 1em; line-height: 18px; text-align:center; }

.beispielhaus ul.wohnflaeche {float:left; width:260px;}
.beispielhaus ul.wohnflaeche li {display:block; width:100%; border-bottom:1px solid #ccc; padding: 3px 0;}
.beispielhaus ul.wohnflaeche li.last {display:block; width:100%; border-bottom:none; font-weight:bold;}
.beispielhaus ul.wohnflaeche li span {float:right; text-align:right;}

.beispielhaus ul.beschreibung { width:260px; list-style-type:square !important; list-style-position:outside; margin-left:0; padding-left:20px !important;}
.beispielhaus ul.beschreibung li {width:100%; padding: 3px 0;}
.beispielhaus ul.beschreibung li.last { width:100%; font-weight:bold; margin-top:20px; list-style-type:none !important;}
.beispielhaus ul.beschreibung li.last a { text-decoration:underline;}

.beispielhaus ul.sliderlinks { width:942px; margin:0px 15px 0px;}
.beispielhaus ul.sliderlinks li {width:auto; float:left; display:inline-block; font-weight:bold;}
.beispielhaus ul.sliderlinks li a { padding: 0 15px; font-weight:bold; color:#666;}
.beispielhaus ul.sliderlinks li a:hover { padding: 0 15px; font-weight:bold; color:#333;}
.beispielhaus a.block {width:972px; height:455px; display:block;}

.beispielhaus ul.mtop {margin-top:455px !important;}

.beispielhaus div.interieur {float:right; width:320px; height:486px;}
.beispielhaus p.top {padding: 60px 30px 0 0; color:#000;}
.beispielhaus p {padding: 0px 30px 0 0; color:#000;}

a.alleplanungen {position:relative; top:-35px; text-align:right; width:150px; float:right; margin-right:20px; display:block; font-weight:bold; color:#999;}
a:hover.alleplanungen {position:relative; top:-35px; text-align:right; width:150px; float:right; margin-right:20px; display:block; font-weight:bold; color:#666;}