/**
*
* browser reset
*
*/

* { margin:0; padding:0; } 
option { padding-left: 0.4em; }

* html body * { overflow:visible; } 
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

html { height: 100%; margin-bottom: 1px; }
body { 
    font-size: 100.01%; 
    position: relative; 
    color: #000; 
    background: #d3d3d3;
    text-align: left; 
}

div { outline: 0 none; }

fieldset, img { border:0 solid; }

ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 0.8em; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

/**
*
* Globale CSS-Definitionen
*
*/



body { 
 background-color: #fff; 
 color: #000; 
 font-family: Helvetica, Arial, Verdana, sans-serif; 
 font-size: 0.7em; 
 line-height:  1.2em; 
 margin-bottom: 80px; 
 
}

#container { 
 width: 900px; 
 margin: 0 auto; 
 padding-top: 30px;
 
}

.logo{
 padding-top: 60px;

}

a:link, a:active, a:visited {
 color: #1071b3; 
 text-decoration: none; 
 cursor: pointer; 
 border: 0px;
 
}

a:hover       {
 color: #333; 
 font-weight: normal;
 text-decoration:none;
 cursor: pointer;
 border: 0px;

}

iframe {
 border: 0px;
}

/**
*
* Navigation
*
*/

#navigation {
 margin-top: 93px;
 overflow: visible;
}

#navigation  ul {
 list-style-type: none;
 float: left;
 margin: 0;
}

#navigation  ul li {
 float: left;
 margin: 0;
 margin-right: 1.5em;
 font-size: 1.5em;
 display: block;
}

#navigation  ul li a:link, #navigation  ul li a:active, #navigation  ul li a:visited{
 padding-bottom: 5px;
 color: #333; 
 text-decoration: none; 
 cursor: pointer; 
 border: 0px;
 
}

#navigation  ul li a.active{
 background: url(../assets/bg_navigation.png) repeat-x bottom;
}

#navigation  ul li a:hover{
 color: #1071b3; 
 background: url(../assets/bg_navigation.png) repeat-x bottom;
}

/**
*
* Main
*
*/

#main {
 padding: 30px 0px 0px 0px;
 line-height: 1.9em;
 width: auto;
 margin-bottom: 30px;
 min-height: 500px;

}

#breadcrump {
 border-top: 1px solid #707173;
 border-bottom: 1px solid #707173;
 margin: 15px 0;
}

#breadcrump  p{
 padding: 5px 0;
}

#main p{
 font-size: 1.3em;
 margin-bottom: 5px;
	
}

#main h1 {
 color: #1071b3;
 font-weight: normal;
 margin-bottom: 25px;
 
}

#main h3 {
 color: #000;
 font-size: 1em;
 font-weight: bold;
 
}

#main a.backlink {

 margin-top: -20px;
 color: #333; 
 text-decoration: none; 
 cursor: pointer; 
 border: 0px;
}

.content {
 width: 660px;
}

#platzhalter {
 background: #333;
 height: 3px;
  margin-bottom: 35px;
}

#platzhalter2 {
 background: url(../assets/start.jpg) no-repeat;
 height: 375px;
 margin-bottom: 25px;
}

#breadcrumb  p{
 margin: 10px;
}






/**
*
* Portfolio
*
*/

/* Content - Portfolio Listing */

ul#portfolio-filter{ margin: 20px 0 0 -1.5em; padding: 0; height: 64px;  line-height: 64px; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter li.head {font-size: 1.3em;}
ul#portfolio-filter a{ margin-right: 0; padding: 0.5em 1em; background: #FFF; color: #333; font-weight: bold; text-decoration: none; border: 1px solid #CDCDCD; }
ul#portfolio-filter a:hover { color: #aaa; }
ul#portfolio-filter a.current{ color: #fff; background-color: #1071b3; border: 0px; }

ul#portfolio-list{ margin: 10px 0; padding: 0; list-style: none; }
ul#portfolio-list li{ margin: 0 0 20px 0; width: 205px; height: 185px; display: block; float: left; margin-right: 20px; overflow: hidden; }
ul#portfolio-list img{ margin-bottom: 8px; width: 187px; height: 125px; display: block; float: left; margin-right: 20px; overflow: hidden; background: #000;}

ul#portfolio-list li a{ display: block; height: 166px; padding: 8px; overflow: hidden; border: 1px solid #CDCDCD; background: #fff; }
ul#portfolio-list li a:hover { background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #333; margin: 5px 0;}

#nav a {
 display: block;
 padding: 0 5px;
 border: 1px solid #333;
 float: left;
 margin: 10px 10px 0 0;
}

#nav a.activeSlide {
 background: #333;
 color: #fff;
}

#slideshow img {
 border: 1px solid #333;
}

#leftcontent {
 float: left;
 width: 405px;
}

#rightcontent {
 float: right;
 margin: -20px 0 30px 0px;
 width: 405px;
}

#rightcontent2 {
 float: right;
 margin: 0px 0 30px 0px;
 width: 405px;
}

#leftcontent h2, #rightcontent2 h2, #rightcontent  h2{
 width: 100%;
 border-bottom: 1px solid #333;
 font-weight: normal;
 font-size: 1.5em;
 margin: 15px 0 0 0;
}

#leftcontent p, #rightcontent  p, #rightcontent2 p{
 margin: 5px 0 0 10px;
}

#rightcontent ul li, #rightcontent2 ul li{
 float: left;
 margin: 0 10px 5px 0px;
 font-size: 1.2em;
 display: block;
 padding: 0 8px;
 color: #fff;
 background-color: #1071b3;
}

#rightcontent ul, #rightcontent2 ul{
 list-style-type: none;
 float: left;
 margin: 10px 0 0 10px;
}

/**
*
* Photography
*
*/

div.photography ul{
 list-style: none outside none;
 margin: 25px 0 0 -15px;
}

div.photography ul li  a{
 float: left;
 margin: 0 35px 20px 0;
 border: 1px solid #333;
 width: 260px;
 height: 173px;
 font-size: 1.5em;
 font-family: Verdana;
 color: #fff;
 display: block;
 overflow: hidden;
}

div.photography ul li  a:hover{
 color: #aaa;
} 

div.photography ul li  a.nature{
 background: url(../photography/nature.jpg) no-repeat;
}

div.photography ul li  a.landscape{
 background: url(../photography/landscape.jpg) no-repeat;
}

div.photography ul li  a.misc{
 background: url(../photography/misc.jpg) no-repeat;
}

div.photography ul li  a.sports{
 background: url(../photography/sports.jpg) no-repeat;
}

div.photography ul li  a.macro{
 background: url(../photography/macro.jpg) no-repeat;
}

div.photography ul li  a.architecture{
 background: url(../photography/architecture.jpg) no-repeat;
}

div.photography ul li  a.people{
 background: url(../photography/people.jpg) no-repeat;
}

div.photography ul li  a span{
	display: block;
	margin-top: 136px;
	padding: 10px 15px;
	background: url(../assets/bg_photolink.png) repeat;
}

#main p.copyright {
 margin-top: 10px;
 font-size: 1.2em;
 margin-bottom: -40px;
}


/**
*
* Impress 
*
*/

#impress {
	width: 660px;
}

#impress p {
	margin-bottom: 10px;
}


/**
*
* Footer
*
*/
#footercon { 
 width: 900px; 
 margin: 0 auto;
 
}

#logofooter { 
 width: 75px; 
 margin: 0 auto;
 margin-top: 25px;
 padding-top: 5px;
 color: #707173;
 font-size: 11px;
 float: right;
}

#footer { 
 width: 815px;
 float: left; 
 margin: 0 auto;
 margin-top: 40px;
 padding-top: 5px;
 border-top: 1px solid #707173;
 color: #707173;
 font-size: 11px;
 margin-bottom: 60px;
}

#footer a:link, #footer a:active, #footer a:visited {
 color: #333; 
 text-decoration: none; 
 cursor: pointer; 
 border: 0px;
 
}

#footer a:hover       {
 color: #1071b3; 
 font-weight: normal;
 text-decoration:none;
 cursor: pointer;
 border: 0px;

}

/**
*
* Helper
*
*/

.clearboth {
	clear: both;
}

.left {
 float: left; 

}

.right { 
 float: right; 

 }