/* layout Stylesheet
http://www.SebastianSeel.de
Letzte Aenderung: 30.03.2011
copyright: 	
Sebastian Seel
www.SebastianSeel.de
*/



/* reset */

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

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


/* Alg. Typography */

body{color:#e6e6e6; font-family:'Arial','Helvetica',sans-serif; line-height:1.4;font-size:14px;}
p {line-height:1.5;}
small {font-size:80%;}
ul, ol { margin:10px 0 20px; }
li { margin:5px 0; }
h1 {font-family:Helvetica, Arial, sans-serif;}
h3 {color:#b0d035;font-size:300%;font-weight:normal}
h2, h3, h4, h5{ font-family:trebuchet MS, Helvetica, Arial, sans-serif; }
#footer h5, #header h2 { font-weight:normal;}
h6{color:#505050; font-size:10px; font-weight:normal;}
b { font-weight:bold!important; color:#96B422; }




/* Links */

a {color:#96b422;border-bottom:1px dotted #e6e6e6;padding:0 0 1px;text-decoration:none;}
a:hover{color:#ffffff;border-bottom:2px solid #96b422;}

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


/* Layout */
body { background:#8a999d url("../images/bg.jpg") repeat;border-top:10px solid #96b422;}
.inside{ height:100%; margin:0 50px; position:relative; width:940px; }
.block { float:left; border-right:1px solid #dfdfdf;}
.box {overflow:hidden;position:relative;}
.block.end{ margin-right:0!important; border-right:none!important; }

/* header */
#logo {text-indent:-5000px;}
#logo h1 { position:absolute; top:820px; left:740px;letter-spacing:5px;color:#575757; font-size:40px; }
#logo h1 a { color:#575757;border:none;text-decoration: none; }
#logo h2 { position:absolute; top:870px; left:740px; font-weight:100;font-size:14px;color:#575757;}
#logo h2 a { border:none;text-decoration: none;color:#575757; }

.callaction{position:absolute;top:20px;right:10px;text-align:right; color:#0b0b0b;font-size:14px!important;padding:0 70px 0 0; background:url(../images/icons/call.png) no-repeat right 5px;}
.callaction strong {font-size:20px;letter-spacing:1px;}

/* content */
#content {height:800px;position:relative;background: transparent url(../images/bg_portrait.png) no-repeat;}
#content #contentbox {padding:100px 10px 10px 400px; max-width:600px;}
#content #contentbox p{font-size:150%;margin-bottom:20px;}
#content #contentbox a {color:#fff}

/* footer */

#footer {min-width:960px; background:#292929 url('../images/footer_bg.png') repeat-x left bottom; color:#9b9b9d; padding-top:40px; padding-bottom:20px; overflow:hidden; border-top:2px solid #000000;}

#footer .block { margin-right:2%; width:23%; border-style:none; }

#footer h4.logo { color:#9b9b9d; font:normal 24px Helvetica, Arial, sans-serif;margin-top:65px; letter-spacing:2px;}


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


#footer ul { padding-left:0; }
#footer ul li { list-style-type:none; }
/* #footer ul li a { color:#ffffff; } */

#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; }

#footer p.fotoportfolio {margin-bottom:10px;}