* { margin: 0; padding: 0; } /* reset alles */

html { height:100%; }  /* FooterStickAlt */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666666;
	font-size:1em;
	line-height: 1.4em;
	padding:0;
	margin:0;
	height:100%;  /* FooterStickAlt */
	background-color:#fff;
	}
	
h1 {
	margin-bottom: 5px;
	margin-top: 4px;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-indent:-9999px;
	}

h1 a {
	background: url(/images/bs_logo.gif) no-repeat;
	width:200px;
	height:35px;
	display:block;
	}

h2 {
	font-size:1.3em;
	padding-top:0.3em;
	padding-bottom:.6em;
	color:#000;
	}

/* container + footerstickalt
-------------------------- */

#container {
	background: url(/images/bg.gif) #fff;
	margin:0 30px;
	border:none;
	padding-bottom:0px;
	position: relative;	/* FooterStickAlt */
	min-height: 100%;	/* FooterStickAlt */
}

#start #container {
	background: url(/images/bg_roro.gif) #9b0000;
}

#start #deckblatt {
	display:block;
	height:1px;
	left:0px;
	overflow:visible;
	position:absolute;
	text-align:center;
	visibility:visible;
	width:100%;
	}

#start #deckblatt img { 
	height:100px;
	left:40px;
	margin-left:0px;
	position:absolute;
	top:55px;
	width:475px;
	}

#sketch img { 
	height:450px;
	right:15px;
	position:absolute;
	bottom:50px;
	width:690px;
	}

#start #deckblatt a img,
#start a#sketch img { 
	border:none;
	}

#impressum {
	clear:both;
	text-align: left;
	position:relative;
	height:30px;
	background-color:#fff;
	margin-top: -30px;	/* FooterStickAlt IE */
}

#impressum ul {
	font-weight:normal;
	font-size:10px;
	line-height:1em;
	padding-left:30px;
	padding-top:9px;
	}

#impressum li a {
	color:#aaa;
	}


/* accessibility
-------------------------- */

#accessibility {
	position:absolute;
	top:0; left:0;
	display:block;
	width:100%;
	text-align: left;
	background: #ededed;
	font: 0.6em/1.5em Verdana, Arial, sans-serif;
	padding: 0em 0;
	display:none;
	}
	
#accessibility ul {
	list-style-type:none;
	}

#accessibility ul li {
	float:left;
	}

#accessibility a {
	color: #999;
	text-decoration: none;
	display:block;
	padding: .3em 1em;
	}


/* kopf
-------------------------- */

#kopf {
	height:80px;
	background-color:#fff;
	}

#logo {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
	margin-top:25px;
	margin-left:0px;
	text-align: left;
	border: 0px;
	}

/* hauptnavigation
-------------------------- */
	
#hauptnav {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0px;
	margin-top:50px;
	}

ul.section_list {
	list-style-type:none;
}

ul.section_list li {
	float:left;
	margin: 0px 50px 0px 0px;
}

ul.section_list li  a{
	padding: 3px 10px 3px 10px;
	background-color:#eee;
}

ul.section_list li  a.aktiv {
	background-color:#ccc;
	}

hr {
	clear:both;
	margin-bottom:30px;
	border:none;
	}


/* menu - link + list styles
-------------------------- */

#hauptnav p {
	width:300px;
	}

#hauptnav ul, #bereichsnav ul, #impressum ul {
	list-style-type:none;
	}
		
#hauptnav a, #bereichsnav a, #impressum a, #sidebar-2 a { 
	text-decoration:none;
	color: #777;
	}

#hauptnav a:hover, #bereichsnav a:hover, #impressum a:hover, #sidebar-2 a:hover { 
	color: #000;
	}


/* linke untermenu
-------------------------- */

#bereichsnav {
	clear: left;
	float: left;
	padding:0;
	padding-top:3.55em;
	padding-right:1.5em;
	width:220px;
	font-size: 0.8em;
	}

#bereichsnav a {
	font-weight:normal;
	display:block;
	padding:2px 0;
	}

#bereichsnav ul li {
	text-align:right;
	line-height:1.6em;
	margin:0;
	padding:0;
	}

#bereichsnav ul li a {
	display:block;
	color:#c30;
	padding:2px 0;
	}

#bereichsnav ul li a:hover {
	color:#000;
	}


/* spalten
--------------------------- */

.columnized1,
.columnized2,
.columnized3,
.columnized4 {
	width:230px;
	padding-right:20px;
	float:left;
	}

#buero.profil .columnized1,
#buero.partner .columnized1 {
	width:460px;
	padding-bottom:20px;
	}

#buero.profil .columnized2,
#buero.profil .columnized3 {
	width:230px;
	}	

#buero.partner .columnized2,
#buero.partner .columnized3,
#buero.partner .columnized4 {
	width:150px;
	}

/* inhalt
-------------------------- */

#inhalt {
	margin: 0 0 0 20px;
	padding: 0;
	width: 520px;
	overflow: auto;
	padding:0 1px 50px 1px;
	}

#inhalt * {
	margin: 0px;
	}

#inhalt * * {
	margin: 0;
	}
	
#inhalt h3 {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #000;
	font-weight:bold;
}
	
#inhalt h3 a {
	display: block;
	padding: 5px 0;
	color: #000;
	text-decoration:none;
	}
	
#inhalt p, #inhalt li, #inhalt dd, #inhalt td {
	font-size: 0.75em;
	line-height: 1.5em;
	}

#inhalt p, #inhalt ul, #inhalt ol, #inhalt dl {
	margin-bottom: 0.7em;
	}

#inhalt ul, 
#inhalt ol {
	margin-left: 1em;
	}

#inhalt ul, 
#inhalt ul li ul {
	list-style-type:none;
	margin-left:0px;
	}

#inhalt ul li {
	background-image: url(/images/cross_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1.2em;
	}

#inhalt ul li ul li {
	font-size:1em;
	background-image: url(/images/dash_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 1em;
	}
	
#inhalt a {
	color: #000;
	}
	
#inhalt a:hover {
	color: #c30;
	}

#inhalt blockquote {
	padding: 0.7em 0.7em 0.1em 0.7em;
	background: #fff;
	margin-bottom: 0.7em;
	}

#inhalt blockquote p {
	color: #597a92;
	}



/* Rubrik: buero
-------------------------- */

#buero .partner {
	font-family: "lucida grande", "trebuchet ms", verdana;
	font-size:0.7em;
	line-height:1.3em;
	padding-top:0.7em;
	}

#buero em {
	color:#000;
	font-style:italic;
	}


/* Rubrik: kontakt
-------------------------- */

#kontakt #bereichsnav {
	padding-left:20px;
	width:200px;
}

#kontakt #bereichsnav p {
	text-align:right;
	font-size:.9em;
	line-height:1.6em;
	padding-top:8px;
}

fieldset {
	border:none;
	width:406px;
	}

fieldset input,
fieldset textarea {
	width:380px;
	padding:4px 6px;
	border:2px solid #fff;
	background-color:#fff;
	font-family:"Segoe UI", Arial, Helvetica;
	font-size:12px;
	color:#999;
	font-weight:bold;
}
fieldset input#Name, 
fieldset input#E-Mail, 
fieldset input#Firma, 
fieldset textarea#Nachricht {
	margin-top:8px;
}

fieldset textarea#Nachricht {
	margin-bottom:12px;
}

fieldset label {
	line-height:2em;
	font-family:georgia;
	font-size:12px;
	display:none;
	}

fieldset legend {
	display:none;
	}

fieldset input#Tel,
fieldset input#Ort {
	width:178px;
	margin-top:8px;
	margin-right:8px;
}

/* button */

fieldset input.zemSubmit {
	margin-top:0px;
	padding:3px 8px;
	width:auto;
	background-color:#ff6600;
	color:#fff;
	border:none;
	-moz-border-radius:5px;
	}

fieldset input.zemSubmit:hover {
	background-color:#ee6600;
	color:#000;
	}


/* fehlermeldungen */

#inhalt ul.zemError {
	padding-top:5px;
	list-style-type:none;
	margin-left:0px;
}

#inhalt ul.zemError li {
	line-height:2em;
	color:#c75111;
	background-image: url(/images/achtung.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 2em;
	}

.zemRequirederrorElement,
.errorElement {
	border: 2px solid #c75111;
	}

.zemThanks {
	background-image: url(/images/cross_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.55em;
	padding-left: 1em;
	padding-top:.2em;
	color:#C5232D;
}

/* Rubrik: Projekte
--------------------------- */

/* projekte linke spalte */

#projekte #bereichsnav {
	margin-left:20px;
	width:200px;
	padding-top:27px;
	font-family:verdana;
	font-size:0.7em;
	}
	
#projekte ul.projekt_kategorie {
	padding-top:27px;
	list-style-type:none;
	font-weight:normal;
	}

#projekte .projekt_kategorie li a { 
	display:block;
	}
	
/* projekttitel */


#projekte #inhalt {
	margin: -28px 0 0 240px;
	}

#projekte #inhalt {
	padding-top:2px;
	padding-bottom:35px;
}


#projekte #inhalt h2 {
	font-size:1.3em;
	padding-top:0.5em;
	padding-bottom:0em;
	}

#projekte #inhalt p {
	font-size: 0.65em;
	line-height: 0.5em;
	font-family:verdana, arial, sans-serif;
	padding-top:0em;
	padding-bottom:0em;
	margin:0;
	}

#projekte #inhalt .projektart {
	text-transform:uppercase;
	font-family:verdana;
	padding:1.6em 0 0 0;
}

/* projektliste */

#projekte p span.intro {
	line-height:1.4em;
	padding:6px 0;
	font-size:1.1em;
	padding-right:0px;
	}

#projekte p span.infobox {
	line-height:1.3em;
	padding:6px;
	font-size:1.1em;
	padding-right:0px;
	background: #fff;
	margin:10px 0;
	display: block;
	color: #ee6600;
	border: 1px solid;
	}

#projekte #inhalt dt {
	line-height:1em;
	padding:6px 0;
	}

#projekte #inhalt dt a {
	display:block;
	text-decoration:none;
	padding:6px 0 0 0;
	}

#projekte #inhalt dd {
	line-height:1em;
	font-size:.65em;
	}

#projekte #inhalt dd span.projektart {
	padding:0;
	}

	
/* projekt fotoauswahl */

#referenz_thumbs {
	clear:left;
	float:left;
	margin: 0 0 0 0px;
	padding: 0px 0 0 0;
	width:223px;
	text-align:right;
	vertical-align:bottom;
	}

#referenz_galerie, #referenz_info {
	bottom:0px;
	}

ul#referenz_galerie  {
	list-style-type:none;
	float:right;
	/*height:400px;*/
	}

ul#referenz_galerie li {
	width:100px;
	float:right;
	margin-left:6px;
	margin-bottom:6px;
	padding:0;
	background:#eee;
	}

ul#referenz_galerie li a img {
	display:block;
	border:none;
	padding:0;
	margin:0;
	}

/* projekt hauptfoto */

#referenz_bild {
	margin: 0 0 0 240px;
	padding: 0px 0 5px 0;
	width:520px;
	/*height:350px;*/
	}

#referenz_foto {
	border:8px solid #fff;
}

/* projekt parameter */

#referenz_info {
	clear:left;
	float:left;
	font-size:0.65em;
	padding: 10px 0 60px 0;
	font-family:verdana;
	line-height:1.6em;
	text-align:right;
	width:223px;
	display:block;
	}

#referenz_info p {
	margin-left:50px;
	}

#referenz_info em {
	font-weight:bold;
	font-style:normal;
	}
	
/* projekt beschreibung */

#referenz_desc {
	margin: 0 0 0 240px;
	padding: 10px 0 60px 0;
	width:400px;
	font-size:.75em;
	line-height:1.5em;
	display:block;
	}
#referenz_desc p,
#referenz_desc ul {
	padding-bottom:1em;
	}

#referenz_desc h3,
#referenz_desc li {
	padding-bottom:0.3em;
	}

#referenz_desc ul {
	padding-left:1.25em;
	}