/* Standard-Definitionen */

html, body {
	margin: 0;
	padding: 0;
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:30px;
	padding-top: 30px;
	background: #000 url(../src/bg.gif) repeat-x left top;
}

body a:link, body a:visited, body a:active {
	color: #000000;
	text-decoration: none;
}

body a:hover {
	text-decoration: none;
	color: #535353;
}
#contentHome {
	width:920px;
	height:500px;
	background-color:#fff;
	clear:left;
	padding:15px;
}
#contentBox {
	width:920px;
	min-height:530px;
	background-color:#fff;
	clear:left;
	padding:15px;
}
#contentPhoto {
	width:950px;
	clear:left;
	padding:0px;

	
}
#top_box {
	padding:15px 15px 5px 15px;
	
	width: 660px;
	min-height: 309px;
	background: #fff;
	float:right;
	
}

#sub_box {
	padding:15px 15px 15px 15px;
	width: 660px;
	
	background: #ccc;
	float:right;
}
#sub_box_left {
	padding:15px 15px 15px 15px;
	width: 660px;
	
	background: #ccc;
	float:left;
}
#sub_box_orange {
	padding:5px 15px 1px 15px;
	width: 660px;
	
	background: #bc5713;
	float:right;
}
#logo
{
height:380px;
width:920px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

#wrapper {
	width:950px;
	margin:0 auto;
	padding:0;
}

.loeschen:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#navigation{
	width: 380px;
	float: right;
	height: 40px;
	padding:0;
		margin-right: -11px;
}

#navigation li {
	display: inline;
	float:left;
}





#portfolio a, #portfolioActive a {
	text-indent: -9999px;
	text-decoration: none;
	
	display:block;
	background: url(../src/portfolio.png) no-repeat left top;
	width: 74px;
	height: 40px;
}

#portfolio a:hover {
	background-position: 0px -50px;
}

#portfolioActive a {
	background-position: 0px -100px;
}

#home a, #homeActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(../src/home.png) no-repeat left top;
	width: 62px;
	height: 40px;
	margin-left:112px;
}

#home a:hover {
	background-position: 0px -50px;
}

#homeActive a {
	background-position: 0px -100px;
}

#photography a, #photographyActive a {
	text-indent: -9999px;
	text-decoration: none;
	display:block;
	background: url(../src/photography.png) no-repeat left top;
	width: 113px;
	margin-left:8px;
	height: 40px;
}

#photography a:hover {
	background-position: 0px -50px;
}

#photographyActive a {
	background-position: 0px -100px;
}

/* sub nav *****************************************/

#subNav, #subNavWide {
   height:30px;
   width:420px;
   font-size:1px;
   float:left;
   clear:left;
}

#subNavWide {
   width:698px;
}

#subNav li a, #subNavWide li a {
   text-indent: -9999px;
   text-decoration: none;
   display:block;
   height: 10px;
}

#subNav li, #subNavWide li {
   display:inline;
   float:left;
   height: 10px;
   margin: 10px 0px 0px 0px;
}


#imprint a {
   background: url(../src/sitenotice.jpg) no-repeat left top;
   width: 60px;
}

#about a {
   background: url(../src/about.jpg) no-repeat left top;
   width: 38px;
}

#contact a {
   background: url(../src/contact.jpg) no-repeat left top;
   width: 45px;
}

#imprint a:hover, #about a:hover, #contact a:hover { 
	background-position: 0px -10px; 
}



#photo {
	width: 432px;
	height: 309px;
	background: #fff url(../_src/bg_photos.gif) no-repeat 16px 16px;
	float:left;
}
.photosite{
	width:246px;
	min-height:450px;
	padding:14px 0px 20px 14px;
	float:left;
}
.photosite#orange{
background: #e77318 url(../src/pattern_orange.png);
}
.photosite#blue{
background: #14a1ff url(../src/pattern_blue.png);
}
.photosite#green{
background: #94ad10 url(../src/pattern_green.png);
}
.portfolio{
	width:246px;
	min-height:450px;
	padding:14px 0px 20px 14px;
	float:right;
	text-align:right;
}
.portfolio ul, .portfolio h3 {
padding:0px 15px 0px 15px;
}
.portfolio#orange{
background: #e77318 url(../src/pattern_orange.png);
}
.portfolio#blue{
background: #14a1ff url(../src/pattern_blue.png);
}
.portfolio#green{
background: #94ad10 url(../src/pattern_green.png);
}


#projectDetails, #projectDetailsWide {
	width:432px;
	background-color:#595650;
	
	color: #BFBDB9;
	float: left;
	clear:left;
}

#projectDetailsWide {
	width:698px;
}

#projectDetails h2, #projectDetailsWide h2 {
	padding:0;
	font-size:12px;
	color: #BFBDB9;
}

h3#photo_title {

}

h1#asteffen, h1#asteffen a {
	float: left;
	margin:0;
	padding:0;
	display:block;
	text-indent: -9999px;
	background: url(../src/asteffen.gif) no-repeat left top;
	width: 221px;
	height: 40px;
}
h1#asteffen_orange, h1#asteffen_orange a {
	float: left;
	margin:0;
	padding:0;
	display:block;
	text-indent: -9999px;
	background: url(../src/asteffen_orange.jpg) no-repeat left top;
	width: 221px;
	height: 40px;
}
h1#asteffen_blue, h1#asteffen_blue a {
	float: left;
	margin:0;
	padding:0;
	display:block;
	text-indent: -9999px;
	background: url(../src/asteffen_blue.jpg) no-repeat left top;
	width: 221px;
	height: 40px;
	
}
h1#asteffen_green, h1#asteffen_green a {
	float: left;
	margin:0;
	padding:0;
	display:block;
	text-indent: -9999px;
	background: url(../src/asteffen_green.jpg) no-repeat left top;
	width: 221px;
	height: 40px;
	
}
#details {
width: 270px; 
height: 250px;
border-left: 1px solid #eee; 
padding: 0px 0px 0px 20px;
float: right; }
#details ul { list-style-type: none; margin-bottom: 20px; text-transform: none; }
#details ul li { padding: 8px 0px 8px 0px; border-bottom: 1px dotted #eee; font-family: Arial, Helvetica, serif; font-size: 11px; text-align: right; }
#details ul li span { float: left; font-weight: bold; width: 90px; text-align: left;}

a .pirobox_gall{border:3px; }