/*  =========================================================
format3 - Relaunch
Datei: styles.css
Media: screen

Datum: 27. Mai 2010
Autor: Bora Acemi | Simon Kemmerling 
Web:   www.boraacemi.de | www.agentur-brandung.de
========================================================== */

/* ===============================

   =1. ALLGEMEINE SELEKTOREN 

=============================== */

* {
	padding: 0;
	margin: 0;
}

body {
font: 12px Arial, Helvetica, sans-serif;
color: #666;
text-align: center;
background: #fff url(../images/bg.gif) repeat-x top left;
}

body.popup{
font: 12px Arial, Helvetica, sans-serif;
color: #666;
text-align: left;
background: #ebebeb url(../images/bg_popup.gif) repeat-x top left;
margin: 0 0 0 30px;
}

/* ===============================
   =Block-Elemente 
=============================== */

h1 {

}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #888c0e;
	margin: 0 0 1em 0;
}

h3 {

}

h1 span {
	display: none;
}

img {border: none;}

p, 
ul, 
ol {
	margin: 0 0 1em 0;
}

li {
	list-style: none;
}

address {

}

/* ===============================
   =Inline-Elemente 
=============================== */

strong {
	font-weight: bold;
}

a 								{ text-decoration: none; color: #888c0e; }
a:visited 				{ color: #888c0e; }
a:hover					 	{ text-decoration: none; color: #fff; background: #b1b55a; }
a:active 					{ color: #888c0e; }

/* ===============================
   =Classen
=============================== */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.spalte {
	width: 166px;
	float: left;
}

.spalte2 {
	width: 160px;
}

.littleMargin {
	margin-bottom: 3px;
}

.bigMargin {
	margin-bottom: 20px;
}


/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 


/* ===============================
   =Wrapper
=============================== */
#wrapper {
	width: 881px;
	margin: 0 auto;
	text-align: left;
}

#hiddenNav {
	display: none;
}
/* ===============================
   =Header
=============================== */
#header {
	margin: 68px 0 7px 0;
}

#headerPopup {
	margin: 15px 0 30px 0;
}
/* ===============================
   =Navigation
=============================== */
#navi {
	width: 166px;
	height: 370px;
	background: #f2f2f2 url(../images/bg_navi.gif) no-repeat top left;
	overflow:hidden;
	position: absolute;
	top: 160px;
	clear: both;
}

	#navi a span {
		display: none;
	}

	* html #navi a span {
		display: inline;
		visibility: hidden;
	}

	#navi ul {
		padding-top: 1px;
	}
	
	#navi ul ul {
		padding: 0;
		margin: 0;
		background:url(../images/ul_linie_bottom.gif) no-repeat bottom left; 
	}
	
	#navi li a {
		display: block;
		width: 160px;
		height: 45px;
	}

	#navi li li a {
		display:block;
		width: auto;
		height: 15px;
		color: #80827c;
		padding: 2px 5px 0 5px;
		text-decoration: none;
	}
	
	#navi li li {
		font-size: 10px;
		margin:0 6px 0 19px;
		padding: 0;
		border-bottom: 1px solid #fff;
	}

	#navi li a:hover {
		background: url(../images/bg_navi_over.gif) no-repeat top left;
	}

	#navi li li a:hover {
		background: #b1b55a;
		color: #fff;
	}

	#navi li li.subAktiv a {
		background: #8d9385;
		color: #fff;
	}
	
	#navi dd {
		background: url(../images/bg_navi_over.gif) no-repeat top left;
	}

	#navi dd a:hover {
		background: none;
	}

	#navi li.navUeber {
		background: url(../images/navi_ueberuns.gif) no-repeat top left;
	}

	#navi .navLeistungen {
		background: url(../images/navi_leistungen.gif) no-repeat top left;
	}
	
	#navi li.navProjekte {
		background: url(../images/navi_projekte.gif) no-repeat top left;
	}
	
	#navi li.navPressestimmen {
		background: url(../images/navi_pressestimmen.gif) no-repeat top left;
	}
	
	#navi li.navKontakt {
		background: url(../images/navi_kontakt.gif) no-repeat top left;
	}
	
	#navi li.navLogin {
		background: url(../images/navi_login.gif) no-repeat top left;
	}

/* ===============================
   =Content
=============================== */
#content {
	width: 720px;
	height: 370px;
	background: url(../images/bg_content.gif) no-repeat top left;
	margin-left: 166px;
	position: relative;
}


#contentText {
	width: 338px;
	height: 330px;
	float: left;
	margin-top: 1px;
	padding: 0 8px;
	line-height: 16px;
	overflow:auto;
}

	#contentTextOverflow {
		width: 336px;
		height: 330px;
		float: left;
		margin-top: 1px;
		padding: 0 8px;
		line-height: 16px;
		overflow:hidden;
	}

	#contentTextPopup {
		padding: 0 8px;
		line-height: 16px;
	}

	#contentText h1, 
	#contentTextOverflow h1,
	#contentTextPopup h1 {
		height: 40px;
	}

	h1.headLeer {
		background: url(../images/typo/ty_leer.gif) no-repeat top left;
	}

	h1.headHome {
		background: url(../images/head_home.gif) no-repeat top left;
	}

	h1.headUeberuns {
		background: url(../images/head_ueberuns.gif) no-repeat top left;
	}

	h1.headLeistungen {
		background: url(../images/typo/ty_leistungen.gif) no-repeat top left;
	}
	
	h1.headGeschaeft {
		background: url(../images/typo/ty_geschaeftsleitung.gif) no-repeat top left;
	}
	h1.headTeam {
		background: url(../images/typo/ty_team.gif) no-repeat top left;
	}
	h1.headNetzwerk {
		background: url(../images/typo/ty_netzwerk.gif) no-repeat top left;
	}
	h1.headJobs {
		background: url(../images/typo/ty_jobs.gif) no-repeat top left;
	}
	h1.headPrivateBau {
		background: url(../images/typo/ty_privatebau.gif) no-repeat top left;
	}
	h1.headGewerblicheBau {
		background: url(../images/typo/ty_gewerblichebau.gif) no-repeat top left;
	}
	h1.headHandel {
		background: url(../images/typo/ty_handel.gif) no-repeat top left;
	}
	h1.headOeffentlichBau {
		background: url(../images/typo/ty_oeffentlichbau.gif) no-repeat top left;
	}
	h1.headWohnBuero {
		background: url(../images/typo/ty_wohngebaeudebuero.gif) no-repeat top left;
	}
	h1.headShopping {
		background: url(../images/typo/ty_shoppingcenter.gif) no-repeat top left;
	}
	h1.headGesundheit {
		background: url(../images/typo/ty_gesundheitbildung.gif) no-repeat top left;
	}
	h1.headFreizeit {
		background: url(../images/typo/ty_freizeitgastroerholung.gif) no-repeat top left;
	}
	h1.headGewerbe {
		background: url(../images/typo/ty_gewerbe.gif) no-repeat top left;
	}
	h1.headArchitekturtag {
		background: url(../images/typo/ty_tagderarchitektur.gif) no-repeat top left;
	}
	h1.headGu {
		background: url(../images/typo/ty_gu.gif) no-repeat top left;
	}
	h1.headPresse {
		background: url(../images/typo/ty_pressestimmen.gif) no-repeat top left;
	}

	h1.headImpressum {
		background: url(../images/typo/ty_impressum.gif) no-repeat top left;
	}
	
	
	h1.headambroegel {
		background: url(../images/typo/ty_ambroegel.gif) no-repeat top left;
	}

	h1.headandernach {
		background: url(../images/typo/ty_andernach.gif) no-repeat top left;
	}

	h1.headbernsteinsee {
		background: url(../images/typo/ty_bernsteinsee.gif) no-repeat top left;
	}

	h1.headcityappartements {
		background: url(../images/typo/ty_cityappartements.gif) no-repeat top left;
	}

	h1.headcityarkadenwuppertal {
		background: url(../images/typo/ty_cityarkadenwuppertal.gif) no-repeat top left;
	}
	
	h1.headclarenbach {
		background: url(../images/typo/ty_clarenbach.gif) no-repeat top left;
	}

	h1.headdoenhoff {
		background: url(../images/typo/ty_doenhoff.gif) no-repeat top left;
	}

	h1.headhauskrone {
		background: url(../images/typo/ty_hauskrone.gif) no-repeat top left;
	}

	h1.headkippdorfstrasse {
		background: url(../images/typo/ty_kippdorfstrasse.gif) no-repeat top left;
	}

	h1.headkirchweg {
		background: url(../images/typo/ty_kirchweg.gif) no-repeat top left;
	}

	h1.headkwr {
		background: url(../images/typo/ty_kwr.gif) no-repeat top left;
	}

	h1.headmcd {
		background: url(../images/typo/ty_mcd.gif) no-repeat top left;
	}

	h1.headmelanchthon {
		background: url(../images/typo/ty_melanchthon.gif) no-repeat top left;
	}

	h1.headrheinberg {
		background: url(../images/typo/ty_rheinberg.gif) no-repeat top left;
	}

	h1.headschlosshoefe {
		background: url(../images/typo/ty_schlosshoefe.gif) no-repeat top left;
	}

	h1.headschuleeikamp {
		background: url(../images/typo/ty_schuleeikamp.gif) no-repeat top left;
	}

	h1.headstadtvilla {
		background: url(../images/typo/ty_stadtvilla.gif) no-repeat top left;
	}

	h1.headtempelhof {
		background: url(../images/typo/ty_tempelhof.gif) no-repeat top left;
	}

	h1.headthyssenstrasse {
		background: url(../images/typo/ty_thyssenstrasse.gif) no-repeat top left;
	}

	h1.headwiesenpfad {
		background: url(../images/typo/ty_wiesenpfad.gif) no-repeat top left;
	}

	#contentText p span, 
	#contentTextOverflow p span,
	#contentTextPopup p span {
		color: #b1b55a;
	}

	#contentText li,
	#contentTextOverflow li {
		background: url(../images/li_icon.gif) no-repeat left 8px;
		font-size: 11px;
		padding-left: 14px;
		line-height: 16px;
	}

	ol {
		margin-left: 30px;
	}

	#contentTextPopup img {
		float: left;
		padding: 0 10px 40px 0;
	}

	#contentTextPopup li {
		list-style:decimal;
		font-size: 11px;
		line-height: 16px;
		padding-bottom: 5px;
	}

.presseHead {
	font-weight: bold;
}

/* ===============================
   =Bilder
=============================== */
#bilder {
	width: 360px;
	height: 370px;
	background: url(../images/bg_pics.gif) no-repeat top left;
	float: left;
	padding-top: 1px;
}

#format3-gallery {
	margin-left: 1px;
}

/* ===============================
   =Bildergallerie / Projekte
=============================== */
div.frp_fancyzoom_image {
    float: left;
    padding: 2px;
}

div.fancybox img.big {
    opacity: 0;
    padding: 0;
    margin: 0;
    background: white;
    position: absolute;
    top: 1px;
    right: 13px;
    z-index: 5000;
    cursor: pointer;
    height: 364px;
    width: 355px;
}

div.fancybox {
	padding-top: 6px;
}

/* ===============================
   =Footer
=============================== */
#footer {
	clear: both;
	text-align: right;
	font-size: 11px;
	padding: 12px 14px;
}

/* ===============================
   =Formularfelder
=============================== */

input[type=text],
input[type=password] {
	width: 100px;
	border: 1px solid #888c0e;
	font: 11px Arial, Helvetica, sans-serif;
}

span.label1 {
	width: 100px;
	float: left;
}

span.label2 {
	width: 110px;
	float: left;
}