/************ Minimal-Reset ************/
* {padding: 0; margin:0; }

/************ Generelles ************/
body { color: #58585a;
       font-size: 67%;
       background-color: #e3e3e4;
       font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
       margin: 25px 10px 0px 10px; }

img {  border-width: 0px; }

h1 {   color: #00abbd; font-weight:normal; font-size: 1em; display:inline; margin-bottom: 0; }

h2 {  font-size: 1em; font-weight: bold; }

p {  padding-bottom: 15px; }

ul { margin: 0 0 15px 25px; }

/************ Organisation ************/
#container { display:block;
             width: 943px;
             margin: 5px auto; }

#lang { text-align: right; 
        padding-bottom: 5px; 
        padding-right: 10px;
        letter-spacing: 0.1em;
        color:#00abbd; }

#logo { width: 943px;
        height: 88px; }

#navi { overflow:auto;
        position:relative; top:-6px; 
        width: 72px;
        height: 138px;
        line-height: 210%; /* 17pt */
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-align:right;
        padding-right: 18px;
        float:left; }
/*
#gal lery a:hover {
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari 
filter: alpha(opacity=75); /* IE lt 8 
-ms-filter: "alpha(opacity=75)"; /* IE 8 
-khtml-opacity: .75; /* Safari 1.x 
-moz-opacity: .75; /* FF lt 1.5, Netscape  }
*/

#gallery { display:block;
           width: 153px;
           height: 312px;
           float: left; }
           
#gallery img { margin-right:7px; 
               margin-bottom: 7px; }
               
.current { border: 1px solid #00abbd; }

#content { line-height: 162%; /* 13pt */
           overflow:auto;
           width: 690px; 
           letter-spacing: 0.1em; 
           overflow:visible;
           float:left;
           margin-bottom: 10px; }
           
#picture { margin-right: 10px; }

#footer { clear: both;
          width: 700px;
          margin-left: 243px; 
          text-transform: uppercase;
          letter-spacing: 0.1em; 
          border-top: 1px solid #ababad;
          padding-top: 5px;
          margin-top: 10px; }

#kontaktbild, #startbild { margin-right: 20px;
                           float: left; }
                  
#projektbild01, #projektbild02 { margin: 10px 10px 10px 0; }

/************ Klassen ************/

.sehrbetont {font-weight: bold; }
.betont { font-style: italic; }

/************ Links ************/
a {          color: #00abbd;
             text-decoration: none; }
a:link {     color: #00abbd;
             text-decoration: none; }
a:visited {  color: #00abbd;
             text-decoration: none; }
a:active {   color: #00abbd;
             text-decoration: underline; }
a:hover {    color: #00abbd;
             text-decoration: underline; }
             
             
#footer a, #navi a, #lang a {
	color: #58585a;
    text-decoration: none; }
#footer a:link, #navi a:link, #lang a:link {
	color: #58585a;
    text-decoration: none; }
#footer a:visited, #navi a:visited, #lang a:visited {
	color: #58585a;
    text-decoration: none; }
#footer a:active, #navi a:active, #lang a:active {
	color: #58585a;
    text-decoration: underline; }
#footer a:hover, #navi a:hover, #lang a:hover {
	color: #58585a;
    text-decoration: underline; }
#navi a:active {
	position: relative;
    left: 2px; }
    
/************ Kontaktformular ************/
#cf_text, #cf_name, #cf_email {
	background: #fff;
	color: #000;
	padding: 1px 2px;
    margin-bottom: 10px;
	border: 1px solid #bbb; }

#cf_text:focus, #cf_name:focus, #cf_email:focus {
    border-color: #00abbd; 
    background: #fff; }