/*  
Theme Name: Bettina Armbruster Architektin
Version: 1.1.01
Author: Core Consulting GmbH - Eliser Wiedemann, Richard Hagl
Author URI: www.coreconsulting.de

*/


* {
    margin: 0px;
    padding: 0px;
	
    }


html {
	height: 100.3%;
		
	}


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Tahoma, Sans-Serif, Lucida Grande;
	font-size: 11px;
	line-height: 17.3px;
	color: #4e4e4e;
}


h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 12px 0px;
}

a {
	color: #4e4e4e;
}



#mainWrapper {
	width: 970px;
	height: 720px; 
	margin: 30px auto 0px auto; 
}


#header {
	width: 970px;
}


#logo {
	float: right;
	margin: 90px 0px 0px 0px;
}


#title {
	float: right;
	width: 970px; 
}



/* Begin of main-navigation /**/

#mainNav {
	float: left;
	margin: 0px 0px 0px 190px;
}


#bauen {
	float: left;
	width: 14px;
	height: 124px; 
	margin: 0px 13px 0px 0px;
	background: url(images/navigation.gif); border: none;
}


#bauen a:hover {
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/bauen-hover.png);
}


#projekte {
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/navigation.gif);
}


#projekte a:hover {
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/projekte-hover.png);
}


#buero {
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/navigation.gif);
}


#buero a:hover {
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/buero-hover.png);
}


#kontakt{
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/navigation.gif);
}


#kontakt a:hover {
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/kontakt-hover.png);
}


#home{
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/navigation.gif);
}


#home a:hover{
	float: left;
	width: 14px;
	height: 124px;
	margin: 0px 13px 0px 0px;
	background: url(images/home-hover.png);
}


/* End of main-navigation */



#contentWrapper {
	float: left;
	width: 970px;
	height: 250px;
	margin: 150px 0px 0px 0px;
	background: #d0d0d0;
	overflow: visible;
}


#contentProjects {
	float: left;
	width: 970px;
	height: 250px;
	margin: 150px 0px 0px 0px;
	background: #ffffff;
	overflow: visible;
}


#contentImage {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: transparent; /**/
	z-index: 0;
}


#contentText {
	width:250px; 
	text-align: left;
	margin:-272px 0px 0px 520px;
	padding: 0px 10px 0px 10px;
	color: #4e4e4e;
	overflow: visible;
}


#contentInfo {
	width:250px; 
	text-align: right;
	margin:-260px 0px 0px 520px;
	padding: 0px 10px 0px 10px;
	color: #4e4e4e;
	overflow: visible;
}

	
#preview1 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#preview2 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}


#preview3 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}


#preview4 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}


#preview5 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}


#preview6 {
	float: right;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}


#preview7 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#preview8 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}


#preview9 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}


#preview10 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}

#preview11 {
	float: left;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}


#preview12 {
	float: right;
	width: 104px;
	height: 104px;
	margin: 0px 0px 0px 69px;
	padding: 0px 0px 0px 0px;
}



#projectNav {
	float: left;
	width: 515px;
	height: 25px;
	margin: 5px 0px 0px 0px;
}


.projectNavPrev {
	float: left;
	width: 12px;
	height: 15px;
	padding: 0px;
	border: medium none;
	background: url('images/arrow-left.jpg') no-repeat top left; 
}
	
	
.projectNavPrevInactive {
	float: left;
	width: 12px;
	height: 15px;
	padding: 0px;
	border: medium none;
	background: url('images/arrow-left_inactive.jpg') no-repeat top left; 
}	
		
	
.projectNavNext {
	float: left;
	width: 12px;
	height: 15px;
	padding: 0px;
	border: medium none;
	background: url('images/arrow-right.jpg') no-repeat top left;; margin-left:10px; margin-right:0px; margin-top:0px; margin-bottom:0px 
}
		
	
.projectNavNextInactive {
	float: left;
	width: 12px;
	height: 15px;
	padding: 0px;
	border: medium none;
	background: url('images/arrow-right_inactive.jpg') no-repeat top left;; margin-left:10px; margin-right:0px; margin-top:0px; margin-bottom:0px 
}