@charset "utf-8";
/**
* sauer + partner
*
* @link http://www.bsp-architekt.de
* @package sauer
* @version 2.0
*/

/**
* Globale Einstellungen und Bugfixes
*
* @section Browser-Reset
*/
 
/* Zurücksetzen der Innen- und Außenabstände */
* {
	margin: 0;
	padding: 0;
}
/**
* Schriftgröße kontrollieren
*/
body, td, th , p{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: lighter;
}
td, th {
	font-size: 0.6em;
	vertical-align: top;
}
table {
	margin-top: 7px;
}

/* Farben und Hintergründe setzen */
html, body {
	color: #3b2b20;
	background-color: #FFF;
}
/**
* Regeln für allgemeine Elemente
*
* @section Überschriften
*/
h1 {
	color: #999;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.1;
	margin: .8em 0;
}
h2 {
	color: #666666;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.1;
	margin: .8em 0;
	text-transform: lowercase;
}
h3 {
	color: #666666;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.1em;
	margin: .3em 0;
}
.right {
	text-align:right;
}



/**
* @section Absätze
*/
p {
	margin: .8em 0;
	font-size: 0.7em;
}
#webdesign p {
	font-size: 0.6em;
}

/**
* @section Links und Anker
*/
a {
	text-decoration: none;
	outline:none;
}
a:link {
	background-color:transparent;
	color: #999;
}
a:visited {
	color: #999;
	background-color: transparent;
}
a:hover, a:focus {
	color: #8E8E4F;
	background-color: transparent;
}

a:active {color: #993;}
/**
* Linkfarben für icons
*/
#projekte_icons a:active, #aktuelles_icons a:active {
	color: #CCC;
}
#projekte_icons a:link, #aktuelles_icons a:link {
	background-color:transparent;
	color: #FFF
}
#projekte_icons a:visited, #aktuelles_icons a:visited {
	color: #666;
	background-color: transparent;
}
#projekte_icons a:hover, a:focus, #aktuelles_icons a:hover, a:focus {
	color: #CCC;
	background-color: transparent;
}
#container_bg {
	background-attachment: fixed;
	background-image: url(img/sauer_hintergrund_markthalle.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 0;
	position: absolute;
	background-position: center top;
	left: 2px;
	top: -4px;
}
div#deckblatt {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index: 10;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



/**
* Regeln für besondere Bereiche
*
* @section Navigation
*/

div#container {
	position: relative;
	/*clear: both;*/
	top: 100px;
	left: auto;
	width: 864px;
	height: 611px;
	margin: 0 auto;
	background-color: #FFFFFF;
	background-image: url(Sauer_Website.jpg);
	z-index: 0;
	overflow: hidden;
}


div#buero {
	position: absolute;
	width: 246px;
	margin: 122px 5px 5px 66px;
	height: 155px;
	padding: 15px;
	z-index: 4;
	background-color: #FFF;
}

div#buero_headline {
	position: absolute;
	width: 83px;
	height: 69px;
	border: 1px;
	left: 83px;
	top: 121px;
	z-index: 5;
}

div#buero_team {
	position: absolute;
	left: 117px;
	top: 16px;
	z-index: 9;
}
div#buero_team_content {
	background-color: #FFF;
	position: absolute;
	width: 541px;
	left: 106px;
	top: -25px;
	z-index: 8;
	height: 74px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
}

div#buero_vita {
	position: absolute;
	width: auto;
	height: auto;
	border: 1px;
	left: 117px;
	top: 68px;
	z-index: 10;
}

div#buero_vita_content {
	background-color: #FFFFFF;
	position: absolute;
	width: 592px;
	left: 106px;
	top: 59px;
	padding: 10px;
	z-index: 6;
}

div#projekte {
	position: absolute;
	width: 347px;
	top: 231px;
	left: 91px;
	height: 80px;
	padding: 15px;
	z-index: 4;
	background-color: #FFF;
}

div#projekte_headline {
	position: absolute;
	width: 83px;
	height: 69px;
	border: 1px;
	left: 359px;
	top: 220px;
	z-index: 3;
}

div#projekte_pdf {
	position: absolute;
	left: 62px;
	top: 25px;
	z-index: 6;
	width: 126px;
}

div#projekte_auswahl {
	position: absolute;
	left: 215px;
	top: 50px;
	z-index: 7;
}

div#projekte_auswahl_content {
	background-color: #FFFFFF;
	position: absolute;
	width: 451px;
	left: 203px;
	top: 48px;
	padding: 10px;
	z-index: 6;
	height: 117px;
}


div#projekte_auswahl_content_01 {
	background-color: #FFFFFF;
	position:absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 120px;
}

div#projekte_auswahl_content_02 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 120px;
}

div#projekte_auswahl_content_03 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 120px;
}

div#projekte_auswahl_content_04 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
}

div#projekte_auswahl_content_05 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_05.jpg);
	background-repeat: no-repeat;
	background-position: 0px 120px;
}


div#projekte_auswahl_content_06 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_06.jpg);
	background-repeat: no-repeat;
	background-position: 0px 120px;
}


div#projekte_auswahl_content_07 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_07.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
}


div#projekte_auswahl_content_08 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_08.jpg);
	background-repeat: no-repeat;
	background-position: 0px 110px;
}


div#projekte_auswahl_content_09 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_09.jpg);
	background-repeat: no-repeat;
	background-position: 0px 120px;
}


div#projekte_auswahl_content_10 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_10.jpg);
	background-repeat: no-repeat;
	background-position: 0px 120px;
}






div#projekte_icons {
	position: absolute;
	width: 400px;
	margin: 0px 0px;
	height: 47px;
	top: 13px;
	z-index: 7;
	left: 65px;
}

div#aktuelles {
	position: absolute;
	/*clear: both;*/
	width: 473px;
	height: 58px;
	left: 188px;
	top: 276px;
	padding: 5px 15px;
	z-index: 4;
	background-color: #FFF;
}

div#aktuelles_headline {
	position: absolute;
	width: 83px;
	height: 69px;
	border: 1px;
	left: 587px;
	top: 263px;
	z-index: 5;
}

div#aktuelles_icons {
	margin-top: 4px;
	width: 330px;
	margin-left: 50px;
}

div#aktuelles_content_01 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_11.jpg);
	background-repeat: no-repeat;
	background-position: 0px 76px;
}
div#aktuelles_content_02 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_12.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
}
div#aktuelles_content_03 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_13.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
	overflow: hidden;
}
div#aktuelles_content_04 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_14.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
}
div#aktuelles_content_05 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_15.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
}
div#aktuelles_content_06 {
	background-color: #FFFFFF;
	position: absolute;
	width: 680px;
	left: 85px;
	top: 90px;
	padding: 10px;
	z-index: 8;
	height: 400px;
	background-image: url(img/bsp-architekt_projekt_00.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
	overflow: hidden;
}



div#kontakt {
	position: absolute;
	width: 300px;
	height: 155px;
	padding: 15px;
	left: 206px;
	top: 282px;
	background-color: #FFF;
	z-index: 4;
}

div#kontakt_headline {
	position: absolute;
	width: 83px;
	height: 69px;
	border: 1px;
	left: 220px;
	top: 412px;
	z-index: 5;
}

div#kontakt_content {
	position: absolute;
	width: 280px;
	margin: 0px 0px;
	z-index: 7;
	top: 11px;
}

div#geschaeftsfuehrung {
	position:absolute; 
	top:48px; right:27px; 
	z-index: 7;
	width: 125px; 
	text-align:right;
}



/**
* @section Footer
*/
div#footer {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-size: 0.7em;
	text-transform: uppercase;
	position: absolute;
	float: left;
	top: 523px;
	left: 86px;
	z-index: 1;
}

.abgerundet {
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-khtml-border-radius:10px; /* Konqueror */
	border-radius:10px; /* CSS3 */
	border: 1px solid #999;
	/*behavior: url(border-radius.htc);
	behavior: url(ie-css3.htc); */
	/*background-color: #FFF;*/
}
.transparent {
	position: absolute;
	right: 4px;
	bottom: 4px;
}


.icon {
	margin-right: 5px;
	margin-bottom: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.schliessen {
	position: absolute;
	top: 11px;
	right: 10px;
	z-index: 7;
	font-weight: bold;
}

.schliessen_left {
	position: absolute;
	top: 8px;
	z-index: 5;
	left: 8px;
	font-weight: bold;
}
.schliessen_auswahlcontent {
	position: absolute;
	top: 11px;
	right: 10px;
	z-index: 8;
	font-weight: bold;
}

#haftung {
	color: #FFF;
	padding-left: 83px;
	padding-right: 60px;
	height: 40px;
	background-color: #999;
}
#webdesign {
	color: #FFF;
	padding-left: 86px;
	padding-right: 70px;
	height: 40px;
	width: 714px;
	line-height: 0.75em;
}
#webdesign a {
	color: #FFF;
}

#haftung p {
	font-size: 0.6em;
}
#webdesign a:hover {
	color: #FF3;
}
#buero_team_content p {
	font-size: 0.7em;
	margin-top: 0.6em;
}