body {
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 19px;
-webkit-text-size-adjust: none;
margin: 0;
padding: 0;
}

p {margin: 0; padding: 0; }

#container {
width: 1000px;
height: auto;
margin-left:auto;
margin-right:auto;
margin-bottom: 100px;
background-repeat: no-repeat;
background-position:top;
}

.logo {
position: relative;
top: 70px;
left: 100px;
width: 544px;
height: 77px;
border: none; 
}

#line_h {
position: relative;
width: 217px;
height: 12px;
float: right;
background-image:url(layout/breadcrumb_bg.png);
background-repeat: no-repeat;
margin: 15px 7px 15px 0;
}


/*------------------ SIDEBAR ------------------*/

#sidebar {
position: static;
float: right;
width: 300px;
margin: 200px 90px 45px 0;
}

div.navi_container {
position: relative;
width: auto;
height: auto;
float: right;
margin: 0 0 20px 0;
}

div.touch_container {
position: relative;
width: 227px;
height: 56px;
float: right;
background-image: url(layout/box_getintouch.png);
}

a.navi_me, a.navi_me:visited {
width: 27px;
height: 18px;
float: left;
background-image: url(layout/button_me_light.png);
background-repeat: no-repeat;
margin: 1px 15px 0 0;
}

a.navi_me:hover, a.navi_me:active {background-image: url(layout/button_me_light_a.png);}

a.navi_mail, a.navi_mail:visited {
width: 22px;
height: 16px;
float: left;
background-image: url(layout/button_mail_light.png);
background-repeat: no-repeat;
margin: 2px 17px 0 0;
}

a.navi_mail:hover, a.navi_mail:active {background-image: url(layout/button_mail_light_a.png);}

a.navi_twitter, a.navi_twitter:visited {
width: 16px;
height: 20px;
float: left;
background-image: url(layout/button_twitter_light.png);
background-repeat: no-repeat;
margin: 0 0 0 0;
}

a.navi_twitter:hover, a.navi_twitter:active {background-image: url(layout/button_twitter_light_a.png);}

img.kind {
position: relative;
clear: both;
float: right;
margin-bottom: 20px;
}

img.project {
position: relative;
clear: both;
float: right;
margin-bottom: 20px; 
}

div.buttons {
position: relative;
background-image: url(layout/box_navi.png);
background-repeat: no-repeat;
float: right;
width:235px;
height: 57px;
margin: 0;
}



a.prev, a.prev:visited {
width: 106px;
height: 41px;
float: left;
background-image: url(layout/button_prev.png);
margin: 8px 0 0 8px;
}
a.prev:hover, a.prev:active {background-position: bottom;}

a.next, a.next:visited {
width: 106px;
height: 41px;
float: right;
background-image: url(layout/button_next.png);
margin: 8px 8px 0 0;
}
a.next:hover, a.next:active {background-position: bottom;}



a.prev_kids, a.prev_kids:visited {
width: 106px;
height: 41px;
float: left;
background-image: url(layout/button_prev_kids.png);
margin: 8px 0 0 8px;
}
a.prev_kids:hover, a.prev_kids:active {background-position: bottom;}

a.next_kids, a.next_kids:visited {
width: 106px;
height: 41px;
float: right;
background-image: url(layout/button_next_kids.png);
margin: 8px 8px 0 0;
}
a.next_kids:hover, a.next_kids:active {background-position: bottom;}



div.text {
font-size: 17px;
line-height: 25px;
font-family: Georgia; 
text-align: right;
width: 260px;
float:right;
margin: 0 0 20px 0;
}

a.download, a.download:visited {
width: 162px;
height: 38px;
float: right;
background-image: url(layout/button_download.png);
margin: 0;
}

a.download:hover, a.download:active {background-position: bottom;}

a.more, a.more:visited {
width: 144px;
height: 38px;
float: right;
background-image: url(layout/button_more.png);
margin: 0;
}

a.more:hover, a.more:active {background-position: bottom;}

a.more_kids, a.more_kids:visited {
width: 144px;
height: 38px;
float: right;
background-image: url(layout/button_more_kids.png);
margin: 0;
}

a.more_kids:hover, a.more_kids:active {background-position: bottom;}


div.about {
position: relative;
color: #2c2f2f;
margin: 20px 0 0 0;
float:right;
}

p.about {
color: #2c2f2f;
text-align: right;
font-size: 13px;
line-height: 21px;
}

/*------------------ THUMBS ------------------*/

#thumbs_container {
clear: both;
margin: 0 0 0 98px;
width: 812px;
height: 288px;
}

#box {
width: 201px;
height: 288px;
float: left;
background-image:url(layout/box_thumb_dark.png);
background-repeat: no-repeat;
margin: 0 2px 0 0;
}

#box_light {
width: 201px;
height: 288px;
float: left;
background-image:url(layout/box_thumb_light.png);
background-repeat: no-repeat;
margin: 0 2px 0 0;
}

img.thumb, img.thumb:visited {
-moz-border-radius: 2px; 
-webkit-border-radius: 2px;
border: 1px solid black;
margin: 9px;
}

img.thumb:hover, img.thumb:active {
-moz-border-radius: 2px; 
-webkit-border-radius: 2px;
border: 1px solid white;
margin: 9px;
}

p.box {
margin: 0 14px 5px 14px;
font-size: 12px;
line-height: 19px;
}

/*------------------ FOOTER ------------------*/

#footer_container {
width: 812px;
margin: 50px 0 0 98px;
height: 360px;
}

#section {
width: 202px;
height: auto;
float: left;
border-left: 1px dashed #bdc6ca;
}

img.footer_title {margin: 0 60px 10px 15px;}

p.footer {
font-style: italic;
margin: 0 14px 10px 16px;
font-size: 13px;
line-height: 19px;
}

p.impressum {
float: left;
font-size: 11px;
margin: 10px 0 0 10px;
}


/*--- social ---*/

div.social_container {
position: relative;
float: left;
background-image: url(layout/text_quicklinks.png);
background-repeat: no-repeat;
padding-left: 170px;
margin: 40px 0 0 10px;
}

a.me {
width: 42px;
height: 22px;
float: left;
background-image: url(layout/footer_me_light.png);
margin: 0 6px 0 0;
}

a.me:hover {background-image: url(layout/footer_me_light_a.png);}

a.mail {
width: 37px;
height: 20px;
float: left;
background-image: url(layout/footer_mail_light.png);
margin: 1px 9px 0 0;
}

a.mail:hover {background-image: url(layout/footer_mail_light_a.png);}

a.rss {
width: 31px;
height: 25px;
float: left;
background-image: url(layout/footer_rss_light.png);
margin: -1px 11px 0 0;
}

a.rss:hover {background-image: url(layout/footer_rss_light_a.png);}

a.twitter {
width: 27px;
height: 24px;
float: left;
background-image: url(layout/footer_twitter_light.png);
margin: -1px 12px 0 0;
}

a.twitter:hover {background-image: url(layout/footer_twitter_light_a.png);}

a.dribbble {
width: 28px;
height: 27px;
float: left;
background-image: url(layout/footer_dribbble_light.png);
margin: -2px 15px 0 0;
}

a.dribbble:hover {background-image: url(layout/footer_dribbble_light_a.png);}

a.behance {
width: 41px;
height: 24px;
float: left;
background-image: url(layout/footer_behance_light.png);
margin: 0 12px 0 0;
}

a.behance:hover {background-image: url(layout/footer_behance_light_a.png);}

a.vimeo {
width: 27px;
height: 26px;
float: left;
background-image: url(layout/footer_vimeo_light.png);
margin: -1px 12px 0 0;
}

a.vimeo:hover {background-image: url(layout/footer_vimeo_light_a.png);}

a.ziiiro {
width: 31px;
height: 26px;
float: left;
background-image: url(layout/footer_ziiiro_light.png);
margin: -2px 0 0 0;
}

a.ziiiro:hover {background-image: url(layout/footer_ziiiro_light_a.png);}