/* (c) 2008 Cubikł Innenarchitektur, Hamburg  */




/*  ------  generelle Angaben  ------ */

p {
      font-family:verdana, Helvetica, Tahoma;
      color:#666666;
      font-size:0.9em;
    	line-height:1.2em;
      text-decoration:none;
}


h1 {
    	color:#666666;
    	font-family:Verdana, Helvetica, Tahoma;
    	font-size:1.1em;
    	line-height:1.4em;
      font-weight:bold;
}


h2 {
    	color:#666666;
    	font-family:Verdana, Helvetica, Tahoma;
    	font-size:1.0em;
    	line-height:1.2em;
}


h3 {
    	color:#666666;
    	font-family:Verdana, Helvetica, Tahoma;
    	font-size:1.0em;
    	line-height:1.2em;
}



img {
    	border:0;
}


li {
    	list-style-type:none;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
}






/*  ------  Layout Hauptseite ------ */


body {
      height:100%;
    	margin:0;
    	padding:0;
    	color:black;
    	font-family:Verdana, Helvetica, Tahoma;
    	font-size:0.75em;
    	line-height:1.6em;
      background-image:url("../img/bg_verlauf.jpg");
    	background-repeat:repeat-x;
      background-attachment:fixed;
      background-color:#ECECEE;
}


.container {
      width:850px;
      height:100%;
      margin:0 auto;
}


#box {
      border:0;
      width:850px;
      height:100%;
      display:block;
      position:static;
      background-image:url("../img/bg_content.jpg");
      background-position:top;
	    background-repeat:repeat-x;
      background-attachment:fixed;
      background-color:#F0F0F2;
      overflow:visible;
}


#top {
      width:850px;
      height:140px;
      display:block;
      position:fixed;
      background-image:url("../img/bg_navi.jpg");
	    background-repeat:no-repeat;
      z-index:3;
}


#navi {
      height:21px;
      position:relative;
      top:68px; left:45px; 
}



#subnavi {
      height:13px;
      position:relative;
      top:68px; left:45px; 
}



#logo {
      width:70px;
      height:70px;
      position:relative;
      top:0px; 
      left:750px;
}



#content {
      width:700px;
      height:100%;
      padding: 150px 100px 0 50px;    /*bei IE6:   padding: 10px 100px 0 50px;*/
      position:relative;
}





/* -------  standart links  -------- */ 

a:link { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}


a:visited { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}


a:hover { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#999999;  
}

a:active { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#999999; 
}

a:focus { 
      font-family:Verdana, Helvetica, Tahoma;
    	text-decoration:none;
      color:#999999; 
}






/*  ------  Links bei PROFIL auf Hauptseite  ------ */



a.profil:link { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}

a.profil:visited { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}

a.profil:hover { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#3399CC;  
}

a.profil:active { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#3399CC; 
}

a.profil:focus { 
      font-family:Verdana, Helvetica, Tahoma;
    	text-decoration:none;
      color:#3399CC; 
}







/*  ------  Links bei PROJEKTE auf Hauptseite  ------ */


a.projekte:link { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}

a.projekte:visited { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}

a.projekte:hover { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#99CC33;  
}

a.projekte:active { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#99CC33; 
}

a.projekte:focus { 
      font-family:Verdana, Helvetica, Tahoma;
    	text-decoration:none;
      color:#99CC33; 
}





/*  ------  Links bei REFERENZEN auf Hauptseite  ------ */


a.referenzen:link { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}

a.referenzen:visited { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}

a.referenzen:hover { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#FF9900;  
}

a.referenzen:active { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#FF9900; 
}

a.referenzen:focus { 
      font-family:Verdana, Helvetica, Tahoma;
    	text-decoration:none;
      color:#FF9900; 
}








/*  ------  Links "language" auf Hauptseite  ------ */



#language {
      position:fixed; left:15px; top:15px;        /* bei IE6:        position:absolute; left:15px; top:15px; */
      font-family:Verdana, Helvetica, Tahoma;
      color:#000000;
      font-size:0.7em;
    	line-height:1.3em;
}

#language a:link { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#000000; 
}

#language a:visited { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#000000; 
}

#language a:hover { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#CCCCCC;  
}

#language a:active { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#CCCCCC; 
}

#language a:focus { 
      font-family:Verdana, Helvetica, Tahoma;
    	text-decoration:none;
      color:#CCCCCC; 
}





/*  ------  Links "impressum" auf Hauptseite  ------ */


#impressum {
      position:fixed; right:15px; bottom:15px;        /* bei IE6:        position:absolute; left:15px; top:15px; */
      font-family:Verdana, Helvetica, Tahoma;
      color:#666666;
      font-size:0.7em;
    	line-height:1.3em;
}


#impressum a:link { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}

#impressum a:visited { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
    	color:#666666; 
}

#impressum a:hover { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#000000;  
}

#impressum a:active { 
      font-family:Verdana, Helvetica, Tahoma;
      text-decoration:none;
      color:#000000; 
}

#impressum a:focus { 
      font-family:Verdana, Helvetica, Tahoma;
    	text-decoration:none;
      color:#000000; 
}






/*  ------  class  ------ */


.bottom  {
      position:fixed; bottom:10px;
}


.content-box {
    border:0px solid black;
    width:100%;
    padding: 0 0 20px 0;
    display:table;
}  


.content-text {
      font-family:verdana, tahoma;
      color:#666666;
      font-size:0.9em;
    	line-height:1.2em;
      text-align:justify;
      text-decoration:none;
}


.content-pics {
      width:350px;
      height:300px;
      display:block;
      float:right;
      padding: 0 0 0 30px;
}


.content-big {
      margin: 0 0 0 0;
}


.content-preview {
      float:left;
      margin: 5px 10px 0 0;
}


.content-preview-last {
      float:left;
      margin: 5px 0 0 0;
}


.impres-tabl {
      width:500px;
      padding: 0 0 0 0;
      border:0px solid black;
 }
 
 
.impres-tabr {
      width:200px;
      padding: 0 0 0 0;
      border:0px solid black;
 }

 
 
 
 
.trennlinie {
      height:39px;
      padding:15px 0 15px 0;
}  
 
 
 
.small  {
      font-family:Verdana, Helvetica, Tahoma;
      color:#999999;
      font-size:9px;
/*    	line-height:1.0em;*/
}
 


.start-pics {
      width:350px;
      height:250px;
      display:block;
      float:right;
      padding: 0 0 0 10px;
}

 

.start-text {
      width:290px;
      height:350px;
      font-family:Verdana, Helvetica, Tahoma;
      color:#FFFFFF;
      font-size:0.8em;
    	line-height:1.5em;
      text-decoration:none;
      text-align:justify;
      padding: 0 0 0 0;
} 
 

 
.untertitel  {
      float: right;
      font-family:Verdana, Helvetica, Tahoma;
      color:#666666;
      font-size:0.8em;
    	line-height:1.1em;
}






 
 
 /*  ------  Projekte  ------ */
 
 
 
.projekt-box {
    border:0px solid black;
    width:700px;
    max-height:500px;
    padding: 0 0 20px 0;
    display:table; 
    border:0px solid black;
}    


.projekt-h1 {
    	font-family:Verdana, Helvetica, Tahoma;
    	color:#666666;
    	font-size:1.3em;
    	line-height:1.5em;
      font-weight:bold;
}


.projekt-txt+pic {
      width:699px;
      display:block;
      border:0px solid black;
}


.projekt-text {
      width:280px;
      float:left;
      
      font-family:Verdana, Helvetica, Tahoma;
      color:#666666;
      font-size:0.9em;
    	line-height:1.2em;
      text-decoration:none;
      text-align:justify;
      border:0px solid black;
}


.projekt-text-wide {
      float:left;
      font-family:Verdana, Helvetica, Tahoma;
      color:#666666;
      font-size:0.9em;
    	line-height:1.2em;
      text-decoration:none;
      text-align:justify;
      border:0px solid black;
}


.projekt-pics {
      width:350px;
      height:300px;
      display:block;
      float:right;
      position:relative;
      padding: 25px 0 0 25px;
      border:0px solid black;
}


.projekt-big {
      margin: 0 auto;
}



.projekt-preview {
      float:left;
      margin: 5px 10px 0 0;
}


.projekt-preview-last {
      float:right;
      margin: 5px 0 0 0;
}


.projekt-infobox {
      width:650px;
      float:left;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      border:0px solid black;
}


.projekt-info {
      float:left;
      width:160px;
      margin:5px 0 5px 0px;
      border:0px solid black;
      font-family:Verdana, Helvetica, Tahoma;
      color:#666666;
      font-size:0.8em;
    	line-height:1.3em;
      list-style-type:none;
}



/*  ------  Referenzen  ------ */



.referenz {
      width:700px;
      border:0;
      display:table;
      padding: 0 0 20px 0;
      margin: 0 0 0 -40px;
      list-style-type:none;
}


.referenz-liste {
      border:0;
/*      float: left;  */
      padding: 0 0 0 0;
      margin: 0 0 0 0;
      list-style-type:none;
}    


.referenz-jahr {
      border:0;
      float:left; 
      padding: 0 0 0 0;
      margin: 0 0 0 0;
      list-style-type:none;
      
      font-family:Verdana, Helvetica, Tahoma;
      color:#666666;
      font-size:0.9em;
    	line-height:1.4em;
      font-weight:bold;
}



.referenz-box {
      border:0;
      width:280px;
      float:left;
      padding:0 0 20px 10px;
      margin: 0 0 0 0;
      list-style-type:none;
      
      font-family:Verdana, Helvetica, Tahoma;
      color:#666666;
      font-size:0.9em;
    	line-height:1.4em;
}
 







/*  ------  Profil - Team  ------ */

 
.team-box {
    height:150px;
    border:0px solid black;
    padding: 0 0 40px 0;
}   


.team-pic {
      width:225px;
      height:150px;
      display:block;
      float:left;
      padding: 0;
} 


.team-pic-quad {
      width:150px;
      height:150px;
      display:block;
      float:left;
      padding: 0;
} 


.team-info {
      height:150px;
      float:left;
      padding: 0 0 0 40px;
} 


.person-name {
      font-family:Verdana, Helvetica, Tahoma;
      font-size:1.1em;
    	line-height:1.3em;
    	color:#3399CC; 
} 


.person-titel {
      font-family:Verdana, Helvetica, Tahoma;
      font-size:0.7em;
    	line-height:1.3em;
    	color:#666666; 
} 


.person-info {
      font-family:Verdana, Helvetica, Tahoma;
      font-size:0.9em;
    	line-height:1.2em;
    	color:#666666; 
}