@charset "utf-8";

/*--- Allgemeines ---*/

html {
   overflow-y: scroll
   }

body {
   background: url('../images/balken_links.gif') repeat-y 0px 0px;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #5b5b5b;
   width: 100%;
   margin: 0px;
   padding: 0px;
   }

#shadow {
	position: absolute;
	z-index: -5;
	background: url('../images/shadow.gif') repeat-x;
	margin-top: 120px;
	height: 4px;
	width: 100%;
	overflow: hidden;
   }

#frame {
   width: 975px;
   }

#left {
   float: left;
   }
   
#right {
   float: right;
   }

#clear {
   clear: both;
   line-height: 2px;
   }

/*--- Projekt ---*/

#project {
   border-bottom: solid 3px #bec823;
   padding-bottom: 20px;
   margin-bottom: 13px;
   }

.big_thumbnail {
   margin: 3px 0px 8px 0px;
   }

#thumbnails {
   float: right;
   width: 210px;
   text-align: right;
   }

#thumbnails img {
   margin: 0px 0px 7px 7px;}

#thumbnails img.second_line {
   margin: 0px 0px 0px 7px;}
   
#description {
   width: 407px;
   }

/*--- Kontakt ---*/

textarea {
   width: 350px;
   }

.eingabefeld {
   border: solid 1px #bec823;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #5b5b5b;
   }

.button {
   float: right;
   margin-top: 10px;
   color: #ffffff;
   background-color: #bec823;
   font-weight: bold;
   border: none;
   padding: 3px 3px 3px 3px;
   }


/*--- Head ---*/

#head {
    height: 112px;
	margin-bottom: 50px;
	}

#logo {
   float: left;
   margin-top: 20px;
   position: relative;
   left: 65px;
   }

#navi_head {
   font-size: 30px;
   font-weight: bold;
   float: right;
   margin-top: 75px;
   }

#navi_head a {
   text-decoration: none;
   }

#navi_head a:hover {
   color: #bec823;
   }

#navi_head a.active {
   color: #bec823;
   }


   
/*--- Navi ---*/

#navi {
   float: left;
   width: 299px;
   font-size: 30px; 
   font-weight: bold;
   line-height: 36px;
   margin-top: 37px;
   }

#navi a {
   text-decoration: none;
   display: block;
   padding-left: 17px;
   margin-left: 8px;}

#navi a:hover {
   background-color: #bec823;
   color: #FFFFFF;
   display: block;
   }

#navi a.active {
   background-color: #bec823;
   color: #FFFFFF;
   display: block;
   }



/*--- Content ---*/

#content {
   float: right;
   width: 622px;
   line-height: 18px;
   border-bottom: solid 3px #bec823;
   padding-bottom: 20px;
   margin-bottom: 20px;
   }


 
#anchor_top {
   float: right;
   width: 622px;
   line-height: 18px;
   padding-bottom: 20px;
   margin-bottom: 20px;
   } 
 
h2 {
   font-size: 30px;
   margin-top: 0px;
   margin-bottom: 13px;
   line-height:normal;
   border-bottom: solid 3px #bec823;

   }

h4 {
   font-size: 14px;
   font-weight: bold;
   line-height:normal;
   margin-top: 15px;
   }

hr {
   border:solid #bec823 1px;
   height:3px;
   background-color: #bec823;}

hr.top {
   margin-bottom: 10px;
   }

hr.bottom {
   margin-top: 15px;
   margin-bottom: 35px;
   }

.color {
   color: #bec823;
   }

a {
   color: #5b5b5b;
   }

a:hover {
   color: #bec823;
   }

a.sitelink {
   background: url('../images/link_rechteck.gif') no-repeat 0px 5px;
   padding-left: 23px;
   display: block;
   margin-top: 10px;
   }
   
a.vorher_nachher img {background-position: 622px 0px;}

a.vorher_nachher:hover img {background-position: 0px 0px;}