@charset "utf-8";/**
* Haupt CSS
*
* @project Schlude & Ströhle
* @author Boris Bojic <bojic@devshack.biz>
* @copyright Copyright (c) 2010,Boris Bojic (DevShack)
* @version Wed,21 Apr 2010 11:54:47 +0200
*
*/
* {
	border: 0 none;
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana,Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 100.01%;
	color: #fff;
	background: #7e7e7e;
	line-height: 1;
}
table {
	font-family: Verdana,Arial,Helvetica,"Trebuchet MS",sans-serif;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
}
input,select,textarea {
	font-family: Verdana,Arial,Helvetica,"Trebuchet MS",sans-serif;
}
label {
	cursor: pointer;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #333;
}
#wrapper {
	width: 784px;
	margin: 5% auto 0;
}
#intro {
	padding: 150px 0 0 40px;
}
#intro ul {
	float: left;
	width: 435px;
	list-style-type: none;
	font-size: 1em;
	color: #000;
}
#intro ul li {
	float: left;
	width: 125px;
	margin-right: 15px;
	background-color: #ccc;
}
#intro ul li#buero {
	background: #ccc url('./intro/1_buero.png') top right no-repeat;
}
#intro ul li#projekte {
	background: #ccc url('./intro/2_projekte.png') top right no-repeat;
}
#intro ul li#wettbewerbe {
	background: #ccc url('./intro/3_wettbewerbe.png') top right no-repeat;
}
#intro ul li a {
	color: #000;
	display: block;
	height: 20px;
	line-height: 10px;
	text-decoration: none;
	padding: 100px 0 5px 5px;
}
#intro h1 {
	clear: both;
	font-size: 1.3em;
	color: #ccc;
	font-weight: 400;
	padding: 125px 0 0 0;
}
#intro h2 {
	float: left;
	width: 7em;
	padding-top: 95px;
	text-align: right;
	font-weight: 400;
	font-size: 2em;
}
#intro p {
	width: 406px;
	padding-top: 135px;
	font-size: .79em;
	color: #ccc;
	text-align: right;
}
#header {
	width: 490px;
	height: 60px;
}
#header h1 {
	font-size: 2em;
	font-weight: 400;
	color: #fff;
	padding: 15px 0 0;
}
#header h2 {
	font-size: 1.45em;
	color: #000;
	font-weight: normal;
	line-height: 0.8;
}
#header h3 {
	font-size: .9em;
	font-weight: 400;
	color: #fff;
	padding-top: 5px;
}
#header h3 a {
	color: #fff;
	font-weight: 400;
}
#header #back {
	width: 45px;
	float: right;
	text-align: center;
}
#header #back a {
	display: block;
	color: #000;
	font-weight: 700;
	font-size: .79em;
	background-color: #fff;
	text-decoration: none;
	padding: 26px 0 5px;
}
#header #back a:hover {
	background-color: #000;
	color: #fff;
}
#contentwrap {
	float: left;
	width: 490px;
	margin-right: 15px;
}

#content {
	height: 490px;
	overflow: auto;
	background-color: #fff;
}

body#news #content {
	background: #ccc url('./news/body-back.png') repeat-y;
}
body#impressum #content {
	background: #ccc url('./impressum/body-back.png') repeat-y;
}
#content p,
#content address {
	font-size: .79em;
	font-style: normal;
	color: #000;
	line-height: 1.5;
	padding: 0 0 .8em 0;
}
#content .yellowbox {
	padding: 20px 0 0 60px;
	background: url('./motive/rechteck_weiss.png') 0 20px no-repeat;
}
#content p.nopadding {
	padding-bottom: 0;
}
#content p.smalltext {
	font-size: .7em;
	padding-top: 0;
}
#content h4 {
	font-size: 1.8em;
	font-weight: 400;
	line-height: 1.3;
	color: #000;
	padding: 115px 150px 35px 70px;
}
#content h5 {
	font-size: .79em;
	color: #000;
	padding: 70px 5px 1em;
}
#content h5.extra {
	padding-top: 50px;
}
body#buero #content p {
	padding: 0 5px 1em;
}
#content dl.lebenslauf {
	font-size: .79em;
	color: #000;
	line-height: 1.5;
	padding: 60px 0 0 130px;
}
#content dl#schlude {
	background: url('./buero/h_schlude_4.jpg') 0 60px no-repeat;
}
#content dl#stroehle {
	background: url('./buero/k_stroehle_4.jpg') 0 60px no-repeat;
}

#content dl#richter {
	background: url('./buero/j_richter_4.jpg') 0 60px no-repeat;
}

#content dl.lebenslauf dt {
	clear: left;
	float: left;
	width: 50px;
	padding-left: 8px;
}
#content dl.lebenslauf dt.star {
	padding: 0 8px 0 0;
}
#content dl.lebenslauf dd {
	float: left;
	width: 220px;
}
#content dl.normal {
	font-size: .79em;
	color: #000;
	line-height: 1.5;
	padding-left: 5px;
}
#content dl.normal dt {
	float: left;
	clear: left;
	width: 150px;
}
#content dl.normal dd {
	float: left;
	width: 210px;
}
#content dl.normal dd a.fett {
	font-weight: bold;
}
body#anfahrt #content p {
	padding: 1.5em 20px .5em;
}
#content dl.projekte {
	line-height: 1.5;
	color: #000;
	padding: 0 10px 50px 65px;
}
#content dl.projekte dt {
	font-size: 1em;
	padding: 40px 0 10px;
}
#content dl.projekte dd {
	font-size: .79em;
	color: #666;
}
#content dl.projekte dt a {
	color: #000;
}
#content #leiste {
	float: left;
	width: 175px;
	min-height: 492px;
}

	#content #leiste-top{
		height: 195px;
		overflow: hidden;
		padding: 12px 0 15px 5px;
	}

	#content #leiste-bottom{
		height: 255px;
		padding: 12px 0 0 5px;
	}

#content #leiste h6 {
	font-size: .7em;
	color: #000;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}
#content #leiste table {
	color: #000;
	font-size: .7em;
	line-height: 1.3;
	margin: 0;
}

#content #leiste table th {
	text-align: left;
	font-weight: bold;
	padding-bottom: 8px;
	vertical-align: top;
}
#content #leiste table td {
	padding: 0 0 8px 2px;
	text-align: left;
	vertical-align: top;
}

#content dl.halbbild,
#content dl.vollbild {
	float: left;
	width: 145px;
	height: 195px;
	font-size: .7em;
	color: #000;
	line-height: 1.3;
	margin: 12px 15px 15px 0;
	overflow: hidden;
}

#content dl.second{
	margin-right: 0;
}

#content dl.zwei {
	padding-left: 15px;
}

#content dl.vollbild {
	width: 305px;
	margin-right: 0;
}

	#content dl.halbbild img,
	#content dl.vollbild img,
	#content #bildleiste img {
		display: block;
	}

#content dl.wettbewerb {
	font-size: .79em;
	color: #000;
	line-height: 1.5;
	padding: 0 0 50px 70px;
}

#content dl.wettbewerb dt {
	clear: both;
	float: left;
	width: 20em;
}

#content dl.wettbewerb dt#voll {
	width: auto;
	float: none;
	clear: both;
}

#content dl.wettbewerb dd {
	float: left;
	width: 6em;
}

#content #wettleiste {
	float: left;
	width: 150px;
	min-height: 280px;
	padding: 100px 20px 0 5px;
}
#content #wettleiste h6 {
	padding-bottom: 1em;
	font-size: .7em;
	color: #000;
	line-height: 1.3;
}
#content #bildleiste {
	float: left;
	width: 266px;
	padding-top: 100px;
}
#content #wettleiste table {
	color: #000;
	width: 150px;
	font-size: .7em;
	line-height: 1.3;
}
#content #wettleiste table th {
	text-align: left;
	font-weight: 400;
	vertical-align: top;
}
#content #wettleiste table td {
	text-align: right;
	vertical-align: top;
}
body#news #content p {
	font-size: .79em;
	font-style: normal;
	color: #000;
	line-height: 1.5;
	background: url('./motive/rechteck_weiss.png') 0 0 no-repeat;
	height: 90px;
	padding: 0 40px 0 135px;
}
#content dl.news {
	font-size: .79em;
	color: #000;
	line-height: 1.5;
	padding: 25px 0 0;
}
body#news #content dl.news p {
	font-size: 1em;
	background-image: none;
	height: auto;
	padding: 0 0 .8em;
}
#content dl.news dt {
	clear: left;
	float: left;
	width: 80px;
	height: 90px;
	background: url('./motive/rechteck_weiss.png') 0 0 no-repeat;
	padding: 0 0 0 40px;
}
#content dl.news dd {
	float: left;
	width: 315px;
	height: 90px;
	padding: 0 0 0 15px;
}
body#kontakt #content h5 {
	font-size: .9em;
	padding: 30px 5px 0 20px;
}
body#kontakt #content h5.rederror {
	color: #c00;
}
body#kontakt #content h5.success {
	color: #090;
}
#content dl.kontaktform {
	padding: 20px 5px 0 20px;
}
#content dl.kontaktform dt {
	float: left;
	color: #333;
	font-size: 1em;
	width: 6em;
	padding: 5px 0;
}
#content dl.kontaktform dd {
	float: left;
	width: 20em;
	padding: 5px 0;
}
#content dl.kontaktform dt#formvoll {
	clear: both;
	float: none;
	width: auto;
	padding-left: 6em;
}
#content dl.kontaktform input,#content dl.kontaktform textarea {
	font-size: 1em;
	background-color: #dfdfdf;
	border-top: 1px solid #999;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #999;
	width: 19em;
	padding: 3px 2px;
}
#content dl.kontaktform input.markedinput,#content dl.kontaktform textarea.markedinput {
	border-color: #c00;
}
#content dl.kontaktform input#abschicken {
	width: 19.35em;
	border-right: 1px solid #999;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
}
#content dl.kontaktform input:focus,#content dl.kontaktform textarea:focus {
	background-color: #999;
}
#sidebar {
	float: left;
	width: 279px;
}
#sidebar #marker {
	text-align: right;
	font-family: Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 10em;
	color: #fff;
}
#sidebar p {
	font-size: .79em;
	color: #000;
	line-height: 1.3;
	padding: 204px 0 0 5px;
}
#sidebar h1 {
	color: #000;
	font-size: 0.9em;
	font-weight: 400;
	padding: 30px 0 0 5px;
}
#footer {
	clear: both;
	width: 490px;
	text-align: right;
	color: #ccc;
	font-size: .79em;
	padding: 10px 0 20px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ccc;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #000 url(/js/drag_grab.gif) no-repeat 50% 50%;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
#wrapper:after,#header:after,#main:after,#content dl.lebenslauf:after,#content dl.normal:after,#content dl.wettbewerb:after,#content dl.news:after,#content dl.kontaktform:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#intro ul li a:hover,#intro h1 a:hover,#intro h2 a:hover,#intro p a:hover,#sidebar h1 a:hover,#sidebar p a:hover,#footer a:hover {
	color: #fff;
	font-weight: normal;
}

#content dl.projekte dd a,#content dl.wettbewerb a {
		color: #333;
		font-weight: bold;
	}


#intro h1 span,#sidebar h1 span {
	color: #fff;
}
#intro h1 a,#intro h2 a,#intro p a,#sidebar h1 a,#sidebar p a,#footer a, #content dl.wettbewerb a:hover, #content dl.projekte dd a:hover {
	color: #000;
	text-decoration: none;
}
#intro h1 a:hover span,#header h3 a:hover,#sidebar h1 a:hover span {
	color: #000;
	font-weight: normal;
}
body#projektedetails #content p,
body#wettbewerbdetails #content p {
	font-size: .7em;
	padding: 0 0 1em;
}

/* Neue Bildergalerie */
#content #hiddenimages {
	display: none;
}

#content #hiddenimages ul {
	font-size: .7em;
	color: #666;
	padding-left: 15px;
	margin: 0;
}