@charset "utf-8";
/* --architekturbuero-bielefeld.de --
*/

/* --0. import files --
	--1. standards--
	--2. layout --
	--3. content-by sites --
	--4. navi
	--5. links --
	--6. sifr --
	--7. ew-cms --
*/


@import url("kontaktstyle.css");
/* 	--1. standards --
	-- reset--
*/

html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,  font, img, ins,  kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #b0b0b0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background-color: #000;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* --end of reset --*/

h1{
	font-size: 22px;
	color: #fff;
	position: relative;
	}

	




p{
	line-height: 1.5em;
	margin: 0 0 7px 0;
	padding: 0 2px 0 2px;
	
	}

strong{
	
	}


/*  -- 2.layout --

*/
#wrapper{
	width: 891px;
	padding: 0 0 30px 0;
	margin: 0px auto;
	position: relative;
	z-index: 1;
	}

.content{
	width: 544px;
	
	float: right;
	position: relative;
	z-index:20;
	padding: 50px 0px 30px 0px;
	margin: 0 16px 0px 0px;
	
	}
.txt{
	width: 505px;
	min-height: 375px;
	background-color: #141414;
	background-image: url(../images/bg-txt.jpg);
	background-repeat: no-repeat;
	padding: 15px 17px 20px 19px;
	margin: 20px 0 0px 0;
	}
	

.addi {
	width: 277px;
	position: relative;	
	z-index: 40;
	text-align: right;
	float: left;
	padding: 60px 0px 30px 0px;
	margin: 0 17px 0 0px;
	clear: left;
	}

#footer{
	width: 891px;
	clear: both;
	}


/* -- header formatierung --*/

#header{
	width: 891px;
	height: 251px;
	position: relative;
	z-index: 10;
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	background-position: right top;
	}
#header h1 a{
	width: 294px;
	height: 251px;
	display: block;
	font-size: 16px;
	color: #000;
	text-indent: -10000px;
	z-index: 2;
	text-decoration: none;
	background-image: url(../images/architekturbuero-bielefeld.png);
	background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	background-position: 0px 0px;
	padding: 0px;
	}

#header h1 a:hover{
	color: #000;
	text-decoration: none;
	background-color: transparent;
	background-position: 0px -251px;
	padding: 0px;
}
html>body #header h1 a:hover{color: #000; text-decoration: none; background-color: transparent; background-position: 0px -251px; padding: 0px;}

.pics{
	width: 634px;
	height: 116px;
	position: absolute;
	top: 20px;
	left: 318px;
	background-image: url(../images/pic1.jpg);
	background-repeat: no-repeat;
	}
	
#containerSwf{
	background: none;
	padding:0px;
	left:330px;
	top:52px;
	position:absolute;
	z-index:20;
border-bottom: 1px solid #757575;
}

#noflash{background: url(../images/bg-show.jpg) no-repeat;
	width:544px;
	height: 198px;}

/* -- end of header --*/
	
/* -- 2. end of layout --*/

/* -- 3. content by site --*/


/* --alle seiten--*/
.txt h3{
	color: #870c18;
	font-size: 14px;
	}
.addi p{
	font-size: 12px;
	line-height: 1.4em;
	padding: 0 15px 0 0;
	margin: 10px 0 15px 0;
	text-align: right;
	}
.addi h3{
	text-align: right;
	font-size: 18px;
	color: #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	display: inline;
	}
#footer h2{
	font-family: "Eras Demi ITC", Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	color: #870c18;
	border-bottom: none;
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
	display: block;
	}

.fix{
	clear: left;	
	}
.fixed{
	clear: right;
	}


ul.lister{
	width: 400px;
	margin: 10px 0 15px 20px;
	}

ul.list{
	width: 240px;
	margin: 20px 0 25px 10px;
	float: left;
	}
ul.list ul{
	width: 215px;
	margin: 5px 0 10px 0px;
	float: none;
	}

ul.list li{
	margin: 0 0 5px 0px;
	padding: 0 0 0 35px;
	line-height: 30px;
	
	font-weight: bold;
	background-image: url(../images/bullet.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
ul.list li ul li{
	margin: 0 0 5px 0px;
	padding: 0 0 0 0px;
	font-weight: normal;
	background: none;
	line-height: 18px;
	
	}
/* -- projekte --*/



p.light {	
	margin: 0 8px 15px 0;
	width: 160px;	
	line-height: 1.0em;
	padding: 0;
	float: left;
	}
p.light a{
	background-color: transparent;
	}
p.light img{
	width: 160px;
	height: 160px;
	margin: 0 0 3px 0;
	}

/* -- aktuelles --*/
.thema-box{
	width: 170px;
	float: right;
	margin: 5px 0 0 10px;
	}
.thema-box a{
	padding: 0px;
	background-color: transparent;
	}
.thema-box img{
	width: 80px;
	height: 80px;
	margin: 0 5px 0px 0;
	float: left;
	padding: 0px;
	background-color: transparent;
	}

/* --  anfahrt -- */

form#link2map24{
	width: 505px;
	
	/*background-color: #e6edff;*/
	}
	
form#link2map24 label, form#link2map24 input {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:inherit;
	width:130px;
	margin:10px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#link2map24 input{				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #870c18;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
}



form#link2map24 input:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #0177AF;	
}

form#link2map24 label {							/* Feldbeschriftungen */
	text-align:right;				
	width:60px;						
	padding:0 15px 0 0;			
}

form#link2map24 legend {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */

	/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	/*display:none;*/
	font-size: 13px;
	color: #870c18;
	font-weight: bold;
	padding: 0 5px 5px 5px;
	}

form#link2map24 fieldset {						/* Formularabschnitte */
	border-top: 1px solid #870c18;
	border-bottom: none;
	border-left: none;
	border-right: none;
	float: left;
	padding:0 0 0px 0px;
	margin: 0 0 0px 0;
	background-color: transparent;
	width: 245px;
}
form#link2map24 fieldset#but{
	border: none;	
	padding:0px 0 0px 0px;
	background-color: transparent;
}

form#link2map24 fieldset#but input#submitRoute {				/* Gestaltung des Submit-Buttons */
	width:130px;
	padding:0 0 0 0;
	background:#870c18;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps !important;
	cursor:pointer;
	border:none;
}

form#link2map24 fieldset#but input#submitRoute {			/* Element zur Ausrichtung des Submit-Buttons */
	width:130px;
	height:20px;
	margin:0 0 0 0px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	}	
form#link2map24 fieldset#ziel p{
	margin: 8px 0 5px 0px;
	}	
	
form#link2map24 fieldset#hidden{			
	display:none;
}
form#link2map24 fieldset#berechnen input#scountry{			
	display:none;
}		


/* --  impressum -- */
p.floatbox{
	width: 245px;
	float: left;
	margin: 0 0 20px 0; 
	}
p.floatbox1{
	width: 250px;
	float: left;
	margin: 0 0 20px 0;
	}


/* -- 3. end of content by site --*/

/* -- 4. sub-navi --*/
 ul.subnav{
	z-index: 40;
	width: 277px;
	margin: 18px 0 45px 0px;
	
	
	}
ul.subnav li{
		font-size: 14px;
		height: 22px;
	width: 267px;
	margin: 0 0 1px 0;
	display: block;
	text-align: right;
	
		}
		
ul.subnav li a{
	height: 22px;
	width: 262px;
	padding: 0 15px 0 0;
	margin: 0 0 1px 0;
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #9d9d9d;
	text-decoration : none;
	background-image: url(../images/bg-subnav-li.jpg);
	background-repeat: no-repeat;
	background-position: 95px 0px;
	background-color: transparent;	
		}
ul.subnav li a:hover{
	color : #fff;
	text-decoration : none;
	background-position: 95px -22px;
	background-color: transparent;	
	
		}

/* --  end of sub-navi --*/

/* -- standard nav ---*/

 ul.standard{
	z-index: 40;
	width: 193px;
	height: 18px;
	margin: 0px 15px 25px 0px;
	background-image: url(../images/bg-standard.png);
	background-repeat: repeat;	
	float: right;
	}
ul.standard li{
	padding: 0 2px;
	margin: 0px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #9d9d9d;
	text-decoration : none;
	}
		
ul.standard li a{
	padding: 0 2px;
	margin: 0px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #9d9d9d;
	text-decoration : none;
	background-color: #293035;
	
	}
ul.standard li a:hover{
	color : #fff;
	text-decoration : none;
	background-color: #870c18;
	}
/*--- end of standard nav ---*/

/* -- picnav --*/
 ul.picnav{
	z-index: 40;
	margin: 5px 0 25px 0px;
	}
ul.picnav li{
	font-size: 14px;
	height: 116px;
	width: 90px;
	float: left;
	margin: 0 15px 0 0;
	}
		
ul.picnav li a{
	height: 25px;
	width: 90px;
	padding: 91px 0px 0 3px;	
	display: block;
	font-size: 10px;
	line-height: 0.9em;
	font-weight: normal;
	color: #eee;
	text-decoration : none;
	background-position: 0px 0px;
	}
ul.picnav li a:hover{
	color : #333;
	text-decoration : none;
	background-position: 0px -116px;
	background-color: transparent;	
	}

.one{
	background-image: url(../images/einfamilienhaeuser.jpg);
	background-repeat: no-repeat;
	}
.two{
	background-image: url(../images/doppelhaeuser.jpg);
	background-repeat: no-repeat;
	}
.more{
	background-image: url(../images/mehrfamilienhaeuser.jpg);
	background-repeat: no-repeat;
	}
.industrie{
	background-image: url(../images/gewerbebauten.jpg);
	background-repeat: no-repeat;
	}
.country{
	background-image: url(../images/aussenbereich.jpg);
	background-repeat: no-repeat;
	}
.out{
	background-image: url(../images/aussenbereich.jpg);
	background-repeat: no-repeat;
	}
.passiv{
	background-image:url(../images/passivhaus.jpg);
	background-repeat: no-repeat;
	}
.public{
	background-image: url(../images/oeffentliche.jpg);
	background-repeat: no-repeat;
	}
/* --  end of sub-navi --*/


/* -- content nav --*/
ul.nav {
	width: 555px;
	height: 51px;
	margin:0 0 0 36px;
	position: relative;
	float: left;	
	z-index: 90;
	}
ul.nav li{	
	margin: 0;
	padding: 0px;
	text-align: center;
	display: block;
	float: left;
	margin: 0 1px 0 0;
	}
ul.nav li a{
	float: left;	
	font-size: 14px;
	
	color : #666;	
	height: 26px;
	text-decoration : none;
	padding: 25px 0 0 0;
	background-color: transparent;
	}
ul.nav li a:hover{
	font-size: 14px;
	
	color : #000;
	height: 28px;
	text-decoration : none;
	padding: 23px 0 0 0;
	background-color: transparent;
	background-image: url(../images/bg-li-nav.png);
	background-repeat: repeat-x;
	}
ul.nav li a.company{
	
	width: 136px;	
	}
ul.nav li a.company:hover{
	
	}
ul.nav li a.leistungen{
	
	width: 127px;	
	}
ul.nav li a.leistungen:hover{
	
	}
ul.nav li a.kontakt{

	width: 104px;
	}
ul.nav li a.kontakt:hover{
	
	}
ul.nav li a.thema{
	
	width: 174px;	
	}
ul.nav li a.thema:hover{

	}

/* --end of content nav --*/
/* -- 5. links --*/
.addi a{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px 0 5px 0px;
	text-decoration: none;
	}
.addi a:hover{
	color: #fff;
	text-decoration: none;
	}

a{
	text-decoration: none;
	background-color: #293035;
	padding: 1px;
	}
a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #870c18;
	}
	
	
/* 6.-----------------------------------*/
/* ----------->>> sIFR <<<------------*/
/* -----------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	margin:0;
	padding:0;
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
	line-height:36px;
}

h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size: 1.8em;
	line-height:20px;
	font-weight:normal;
	color:#fff;
}*/


h2{
	font-family: "Eras Demi ITC", Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	color: #870c18;
	border-bottom: 1px solid #870c18;
	padding: 0px 0 -9px 0;
	margin: 0 0 0px 0;
	display: inline;
	/*background-image: url(../images/bg-h2.png);
	background-repeat: repeat-x;
	background-position: left top;*/
	}

.addi h3{
	text-align: right;
	font-size: 18px;
	color: #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	display: inline;
	}

#footer h2{
	font-family: "Eras Demi ITC", Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	color: #870c18;
	border-bottom: none;
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
	display: block;
	}


h4 {
	font-size: 14px;
	font-weight: normal;
	color: #fcd001;
	margin: 0 0 5px 0;
	}

	

/* --7. cms -editmode --*/
#ewcms_edit_controller {
    position: absolute;
    top:0px; left:0px;
    z-index:100;
    width:99%;    
	height:50px;
    padding: 24px 0px 0px 20px;
    background-image: url(../images/bg_logout.gif);
    background-repeat: repeat-x;
    background-position: right center;
	background-color: #004b80;
	border-bottom: 2px solid #fff;
}
#ewcms_edit_controller img {
    border: none;
}

/* -- sonstige ew-cms --*/
a img.ewcms_edit_img{
	width: 16px;
	height: 16px;
	float: none;
	
	}
a.ewcms_loopline_dellink img, a.ewcms_loopend_newlink img, a.ewcms_loopline_downlink, a.ewcms_loopline_uplink{
	width: 16px;
	height: 16px;
	float: none;
	background-color: transparent;
	}

a.ewcms_loopline_dellink, a.ewcms_loopend_newlink{
	background-color: transparent;
	}
	
img.ewcms_loopline_upimg, img.ewcms_loopline_downimg{
	width: 16px;
	height: 16px;
	float: none;
	background-color: transparent;
	}

/*.ewcms_edit_logout img{
	display: none;
	
	}*/
	
.ewcms_loopline{
	margin: 50px 0 50px 0;
	}
.ewcms_loopend{
	margin: 30px 0 20px 0;
	}
a.ewcms_edit_logout {
	color: #fff;
	text-decoration: underline;
	
	}
a:hover .ewcms_edit_logout {
	color: #f90;
	text-decoration: underline;
	}
/* --end of editmode --*/

/* --CMS-BilderNavigation --*/

.navBild a{
	background:none;
}
.clear{
	float:none;
	clear:both;
}
.bild_float{
	margin: 0 8px 15px 0;
	width: 160px;	
	line-height: 1.0em;
	padding: 0;
	float: left;
}
.bild_float a{
	color: #b0b0b0;
	line-height: 1.0em;
}