@charset "utf-8";
/* layout Stylesheet
http://www.photo.SebastianSeel.de
Start: **.**.2008
Letzte Aenderung: 08.07.2010
copyright: 	Sebastian Seel
			www.SebastianSeel.de
*/

/* Farben
-----------------------------------------------------------

dunkles Grau			color:#8c8c8c;
helles grau				color:#bdbdbd
Schrift unselektiert	color:#9d9c9c;
Schrift selektiert		color:#d6d6d6;
weiß					color:#fff;
grün					#96b422
*/

/* RESET
-----------------------------------------------------------*/
*{padding: 0;margin: 0;border: 0;} 
img, a img {border: 0;}


/* clearfix
-----------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*.clear {clear:both;}*/

/* allgemeines
-----------------------------------------------------------*/

body {
	background:#161616;
	font-family:'Arial','Helvetica',sans-serif; line-height:1.4;font-size:14px;
	color:#161616;
}
#page_start,#page_menschen,#page_event,#page_street,#page_others,#page_digi{position:absolute;}



ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.versteckt {	
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9000px;
	top:0;}

	
/* form
-----------------------------------------------------------*/
form {margin:20px;}	
input, textarea {margin:1em 0;background-color:#333;color:#FFF;border:thin #FFF;}


/* Links
---------------------------------------------------------------*/
a {color:#96b422;border-bottom:1px dotted #9b9b9d;padding:0 0 2px;text-decoration:none;}
a:hover{color:#fff;border-bottom:2px solid #96b422;padding:0 0 1px;}

small a{padding:0 10px 1px 0; background:url(../images/icons/linkarrow.png) no-repeat right 5px;}
small a:hover {background-position:right -7px;}


/* Header
---------------------------------------------------------------*/
#header {position:fixed;top:0;background:#161616; height:110px; width:100%;z-index:50;}

#header h1 { position:absolute; top:20px; left:30px;letter-spacing:2px; color: #bdbdbd; font-weight:100; font-size:25px;z-index:70;}
#header h1 b, #header h1 b a{ color:#96b422;}
#header h1 a { color: #bdbdbd;border:none;text-decoration: none; }
#header h2 { position:absolute; top:50px; left:30px; letter-spacing:8px; color: #8c8c8c; font-weight:100;font-size:18px;z-index:70;}

#header .callaction{text-align:right; color:#8c8c8c;font-size:12px;padding:20px 70px 3px 0; margin-right:20px; background:url(../images/icons/call.png) no-repeat right 20px;}
#header .callaction strong {font-size:18px;}

#navigation {position:absolute;bottom:5px;right:20px;z-index:70;}
#navigation li {display:inline;margin-left:10px; }
#navigation li a {padding:0 0 1px;color:#8c8c8c;border-bottom:1px dotted #9b9b9d;text-decoration:none;}
#navigation li a:hover{color:#fff;border-bottom:2px solid #96b422;}

#page_start .nav_start a,#page_menschen .nav_menschen a,#page_event .nav_event a,#page_street .nav_street a,#page_others .nav_others a,#page_digi .nav_digi a,#page_about .nav_about a,#page_contact .nav_contact a,#page_impressum .nav_impressum a,#page_datenschutz.nav_datenschutz a {color:#96b422;border-bottom:1px solid #96b422;}
	
	
/* Content
---------------------------------------------------------------*/	
#content{position:relative;top:110px; min-height:520px;padding-left:20px;line-height:2;background:#fff;margin-bottom:110px;}
/*#content table {background:#fff;}*/

#content.fotostreifen img { margin:40px 20px 20px;}
#content.fotostreifen{white-space:nowrap;}

#content #box_01 {
	float:left;
	margin:40px 20px 20px;
}

#content #box_02 {
	float:left;
	width:30%;
	margin:40px 20px 20px;
}


/* Footer
---------------------------------------------------------------*/	
.inside{ margin-left:30px; position:relative; width:940px; }

#footer {position:relative;width:100%;background:#161616; color:#9b9b9d; padding-top:40px; padding-bottom:20px;}
#footer .block { float:left; margin-right:2%; width:23%; border-style:none; }
#footer .block.end {border-right:medium none !important;margin-right:0 !important;}

#footer h4.logo { color:#9b9b9d; font:normal 24px Helvetica, Arial, sans-serif;margin-top:35px; letter-spacing:2px;}
#footer b{color:#96B422;font-weight:bold !important;}
#footer ul li { margin:3px 0; }

#footer small{font-size:80%}
#footer small a {padding:0 10px 1px 0}

#footer h4 { color:#9b9b9d; font:normal 16px Helvetica, Arial, sans-serif; }
#footer h4 b { font-weight:normal}

#footer .network {margin-bottom:15px;}
#footer .network li {float:left; margin-top:10px;}
#footer .network li a {background:url(../images/icons/network.png) no-repeat 0 15px;text-indent:-9999px; width:40px; display:block; overflow:hidden; height:30px;}
#footer li.flickr a {background-position: -123px 15px;}
#footer li.flickr a:hover {background-position: -123px 0;}
#footer li.twitter a {background-position: -40px 15px;}
#footer li.twitter a:hover {background-position: -40px 0; }
#footer li.lastfm a {background-position: -82px 15px;}
#footer li.lastfm a:hover {background-position: -82px 0; }
#footer li.facebook a {background-position: 0px 15px;}
#footer li.facebook a:hover {background-position: 0 0; }

/* HACKS
---------------------------------------------------------------*/	
*+html body {position:relative;}
*+html #box_01 img {margin-bottom:20px;}
* html #header {position:relative;}
* html #content {top:40px;margin:botom:0;}