/**
 * Stylesheet for Bruech Kunath Architekten
 * Author: Silvio Huesing-Eckl (mail@imida.de)
 * Version: 0.1
 * Last Changes: 15.04.08
 *
 */ 


/* general settings */


body {
	color: #858484;
	font-family: Arial, "Sans serif";
	font-size: 75%;
	font-size: 12px;
	overflow-y: scroll;
}


/* Text */


p {
	line-height: 150%;
	margin-bottom: 15px;
}

p.teaser {
	display: none;
}

p.clear {
	clear: both;
}

dl p {
	margin: 0;
}


/* headlines */

h1 {
	color: #626262;
	font-size: 30px;
	line-height: 0.7em;
	margin: 0 0 15px 0;
	visibility: hidden;
}

	h1 span {
		color: #858484;
		font-size: 12px;
	}


	
#wrapper h2 {
	background: url(images/red_dot.jpg) 0 50% no-repeat;
	border-top: 1px solid #E3E3E3;
	clear: both;
	cursor: pointer;
	overflow: hidden;
	padding: 12px 0 4px 14px;
}

	#wrapper h2 span.arrow_span {
		background: url(images/arrow_close.png) 0 0 no-repeat;
		float: right;
		height: 10px;
		margin: 0 8px 0 0;
		padding: 0 0 8px 0;
		width: 10px;
	}
	
	#wrapper h2.selected span.arrow_span {
		background: url(images/arrow_open.png) 0 0 no-repeat;
	}
	

	
#wrapper h3 {
	font-size: 12px;
	margin: 0 0 15px 0;
}

#projects_content h3 {
	clear: both;
	color: #bf0000;
	margin: 0 0 18px 0;
	padding: 20px 0 0 0;
}


#team_content h3 {
	background: url(images/red_dot.jpg) 98px 98px no-repeat;
	font-size: 12px;
	font-weight: normal;
	line-height: 130%;
	margin: 0 0 20px 0;
	padding: 93px 0 0 15px;
}

	#team_content h3 strong {
		font-weight: bold;
	}
	
	
#philosophy_content h3 {
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
	width: 150px;
}



#philosophy_content h4 {
	cursor: pointer;
	padding-top: 2px;
}


h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 12px 0;
}


#team_content h4 {
	padding: 18px 0 0 0;
}

#referenzliste h4 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	padding-top: 10px;
}





/* Lists */


#philosophy_content ul {
	list-style: disc;
	margin: 0 0 15px 20px;
}

	#philosophy_content ul li {
		line-height: 130%;
		margin: 0 0 3px 0;
		padding: 0 0 3px 0;
	}


	
#projects_content dl,
#aktuelles_content dl {
	float: left;
	font-size: 11px;
	margin: 0 100px 25px 0;
	width: 147px;
}

#projects_content dl.r_dl {
	margin: 0;
}

	#projects_content dl dd {
		line-height: 120%;
		padding: 5px 0 0 0;
	}


	

	
#team_content dl {
	float: left;
	margin: 0 40px 0 0;
	overflow: hidden;
	width: 320px;
}

#team_content dl.right {
	margin: 0 0 0 0;
}	

	#team_content dt {
		float: left;
		margin: 0 20px 0 0;
		width: 90px;
	}
	
	#team_content dd {
		
	}
	
	
#team_content ul {
	list-style: square;
	margin: 0 0 0 15px;
}

	#team_content ul li {
		padding: 0 0 3px 0;
		line-height: 130%;
		margin: 0 0 3px 0;
	}
	
	

	
	
/* Links */


#top_nav a {
	color: #858484;
	text-decoration: none;
}

#top_nav a:hover {
	text-decoration: underline;
}


.content a {
	color: #858484;
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

#projects_content dd a {
	background: url(images/red_dot.jpg) 5px 5px no-repeat;
	display: block;
	padding: 0 0 0 17px;
}


a {
	cursor: pointer;
}





/* Bilder */

/*#projects_content dt img {
	border: 1px solid #000;
}*/


#philosophy_content img {
	margin: 15px 0 0 0;
}
	
	




/* top_nav */

ul#top_nav {
	margin: 0 0 10px 0;
	text-align: right;
}

	#top_nav li {
		display: inline;
	}
	
		#top_nav li img {
			margin: 0 2px;
			vertical-align: middle;
		}


		
		
/* wrapper - contains all stuff */


#wrapper {
	background: url(images/bg_branding.jpg) 0 45px no-repeat;
	margin: auto auto 20px auto;
	padding: 208px 10px 0 138px;
	position: relative;
	width: 704px;
}





/* Content */

.content_wrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
}

.content {
	clear: both;
	overflow: hidden;
	padding: 20px 10px 20px 14px;
}



/* start */

#starttext {
	line-height: 160%;
	margin: 50px 0 0 200px;
	padding-bottom: 60px;
	width: 300px;
}



/* philosophy */

#philosophy_content .list_ctr {
	margin: 0 70px 10px 260px;
	width: 470px;
}





/* projects */
#projects_content,
#team_content {
	overflow: hidden;
}

.projects {
	display: none;
}


#referenzliste table {
	font-size: 12px;
	line-height: 130%;
}

#referenzliste table td {
	padding: 4px;
}


#referenzliste li {
	list-style: square;
	line-height: 130%;
	margin-bottom: 4px;
	margin-left: 20px;
}

#referenzliste li.listenabsatz {
	margin-bottom: 14px;
}

#links {
	line-height: 160%;
}




/* accordion */
#accordion {
	border-bottom: 1px solid #E3E3E3;
}




/* end */



#small_circle {
	bottom: 8px;
	position: absolute;
	right: -35px;
}


.alignleft{
	float:left;
	padding-right:10px;
}