/* zone blau css
Autor: Simone Lilian Wagner
Stand: 20.06.09
*/

/*
   Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;
}
body { line-height: 1; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*
   General
------------------------------------------------------------------- */


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

body {
background: #505050 url('../../img/bg_body.gif') repeat-x left top;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
}

#container {
margin:0;
padding:0;
width: 968px;
height: 578px;
background-color:transparent;
}
#header {
width:968px;
height:125px;
background-color:transparent;
}
#content {
height:400px;
background-color:transparent;
}
#gallery {
height:400px;
width:920px;
background-color:#fff;
}
*:first-child+html #gallery{
 /* CSS-Hack für IE7 */
 width: 570px;
}
* html  #gallery {
 /* CSS-Hack für IE6 */
        width:570px; }

/*Fuer alles Seiten, ausser Startseite*/
#main {
height:400px;
width:920px;
background-color:#fff;
}
*:first-child+html #main{
 /* CSS-Hack für IE7 */
 width: 570px;
 float:left;
}
* html  #main {
 /* CSS-Hack für IE6 */
        width:570px;
         /*position:relative;*/
          float:left;
          background-color:#fff;
        }
#left {
width:350px;
height:400px;
color:#fff;
float:left;
background-color:#505050;
}
#footer {
clear:both;
height:53px;
background-color:transparent;

}
#mainnav {
width:132px;
float:left;
height:400px;
}
#subnav {
height:400px;
}
#subnavprojekte {
height:370px;
padding-top:30px;
}
#subnavagentur {
height:340px;
padding-top:60px;
}
#subnavwettbewerbe {
height:310px;
padding-top:90px;
}
#subnavarbeiten {
height:295px;
padding-top:105px;
}
#subnavlehre {
height:280px;
padding-top:120px;
}
.logo {
margin-left:50px;
margin-top:50px;
}

/*
   Navigation
------------------------------------------------------------------- */
ul.main {
padding:0 0 0 52px;
margin:-1px 0 0 0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:13px;
}

.main li {
margin:0;
padding: 0 0 17px 0;
white-space:nowrap;
}
.main li.abstanduntenklein {
margin:0;
padding:0 0 2px 0;
line-height:13px;
white-space:nowrap;
}
.main li a:link, .main li a:visited, .main li a:active {
color:#fff;
text-decoration:none;
}
.main li a:hover {
color:#ff9933;
text-decoration:none;
}
.main li a.current:hover, .main li a.current:link, .main li a.current:visited, .main li a.current:active {
color:#ff9933;
text-decoration:none;
}
ul.sub{
padding:0 0 0 160px;
margin:-1px 0 0 0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:13px;
}

*:first-child+html ul.sub{
 /* CSS-Hack fuer IE7 */
padding:0 0 0 28px;
margin:-1px 0 0 0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:13px;
}
* html  ul.sub {
 /* CSS-Hack fuer IE6 */
padding:0 0 0 26px;
margin:-1px 0 0 0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:13px;
/*border:1px solid blue;*/
}

.sub li {
margin:0;
padding:0 0 2px 0;
line-height:13px;
white-space:nowrap;
}
.sub li a:link, .sub li a:visited, .sub li a:active {
color:#fff;
text-decoration:none;
}
.sub li a:hover {
color:#99ccff;
text-decoration:none;
}
.sub li a.current:hover, .sub li a.current:link, .sub li a.current:visited, .sub li a.current:active {
color:#99ccff;
text-decoration:none;
}
.sub li.header {
color: #999999;
padding-bottom:15px;
}

ul.subprojekte {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height:13px;
/*background:blue;*/
margin-top:2px;
}

ul.subprojekte li{
margin:0;
padding:0 0 2px 10px;
line-height:13px;
white-space:nowrap;
}

/* Image Thumbnails
------------------------------ */
#images {
background-color:#fff;
/*height:400px;
width:920px;*/
padding-left: 380px;
width:540px;
height:400px;
}
*:first-child+html #images{
 /* CSS-Hack für IE7 */
background-color:#fff;
/*height:400px;
width:920px;*/
padding-left:30px;
width:540px;
height:400px;
/*border:1px solid blue;*/
}
* html  #images {
 /* CSS-Hack für IE6 */
background-color:#fff;
/*height:400px;
width:920px;*/
padding-left:30px;
width:540px;
height:400px;
/*border:1px solid blue;*/
}
.imagethumb a, .imagethumb a:hover {
        display: block;
        /*padding: 1px;*/  /*Breite des roten Rahmens*/
        margin: 0px 21px 20px 0px; /*abstand rechts und unten*/
        line-height: 0px;
    /*border: 1px solid #e6e6e6;*/
    /*background-color: #f6f6f6;*/
    /*background-color: red;*/
}
.imagethumb_last a, .imagethumb_last a:hover {
display: block;
        /*padding: 1px;*/  /*Breite des roten Rahmens*/
        margin: 0px 21px 0px 0px; /*abstand rechts und unten*/
        line-height: 0px;
    /*border: 1px solid #e6e6e6;*/
    /*background-color: #f6f6f6;*/
    /*background-color: orange;*/
}
.imagethumb a:visited {
    background-color: #fcfcfc;
    /*border: 1px solid #f8f8f8;*/
}
.imagethumb a:hover {
        background-color: #f3f3f3;
        /*border: 1px solid #cccccc;*/
}
.imagethumb, .imagethumb_last {
        float: left;
/*        border:1px solid green;*/
        background-color:transparent;
}
.imagethumb img {
width:85px;
height:85px;
}
/* Individual Image
------------------------------ */
.image {
        margin: 0;
        padding: 0;
        border: 0;
}
#image {
        text-align: center;
        line-height: 0;
}
#impressum {
padding-top:10px;
padding-left:54px;
/*position:relative;*/
/*top:10px;
left:53px;*/
width:80px;
font-size:7pt;
font-family: Verdana, Helvetica, sans-serif;
color:#999;
background-color:transparent;
float:left;
}

#copy {
padding-top:10px;
/*padding-left:841px;*/
text-align:right;
padding-right:47px;
/*position:relative;*/
/*width:180px;*/
font-size:7pt;
font-family: Verdana, Helvetica, sans-serif;
color:#999;
background-color:transparent;
/*border:1px solid green;*/
}
#blaettern {
padding-top:10px;
text-align:left;
padding-left:215px;
width:450px;
/*border:1px solid white;*/
float:left;
}
/* Text
------------------------------ */
#text{
/*background-color:green;*/
}
h1 {
font-family: Verdana, Helvetica, sans-serif;
font-size:8.5pt;
font-weight:bold;
padding-top:20px;
padding-left:380px;
color:#6699CC;
}

*:first-child+html h1{
 /* CSS-Hack für IE7 */
font-family: Verdana, Helvetica, sans-serif;
font-size:8.5pt;
font-weight:bold;
padding-top:20px;
padding-left:30px;
/*border:1px solid pink;*/
color:#6699CC;
}
* html  h1 {
 /* CSS-Hack für IE6 */
font-family: Verdana, Helvetica, sans-serif;
font-size:8.5pt;
font-weight:bold;
padding-top:20px;
padding-left:30px;
/*border:1px solid pink;*/
color:#6699CC;
}

h1 span.grey {
color:#999;
margin-left:4px;
padding:0;
}
p{
padding-left:380px;
margin-right:231px;
padding-top:15px;
/*border:1px solid pink;*/
font-family: Verdana, Helvetica, sans-serif;
/*font-size: 12px;
line-height:14px;*/
font-size:11px;
line-height:13px;
color: #505050;
}
#text p.start {
color:#fff;
}

*:first-child+html p{
 /* CSS-Hack für IE7 */
padding-left:30px;
margin-right:231px;
padding-top:15px;
/*border:1px solid pink;*/
font-family: Verdana, Helvetica, sans-serif;
/*font-size: 12px;
line-height:14px;*/
font-size:11px;
line-height:13px;
color: #505050;
}
* html  p {
 /* CSS-Hack für IE6 */
padding-left:30px;
margin-right:231px;
padding-top:15px;
/*border:1px solid pink;*/
font-family: Verdana, Helvetica, sans-serif;
/*font-size: 12px;
line-height:14px;*/
font-size:11px;
line-height:13px;
color: #505050;
}

.bildlinks {
/*position:absolute;*/
width:113px;
height:113px;
text-align:left;
float:left;
/*border:1px solid blue;*/
padding-bottom:46px;
padding-top:23px;
bottom:0;
}
.bildrechts {
width:447px;
height:113px;
float:right;
/*border:1px solid green;*/
padding-bottom:46px;
padding-top:23px;
}

.textlinks {
float:left;
width:160px;
height:155px;
/*background-color: pink;*/
margin-left:30px;
margin-top:14px;
margin-right:10px;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color: #505050;
}
*html .textlinks {
float:left;
width:160px;
height:155px;
margin-left:15px;
margin-top:14px;
margin-right:10px;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color: #505050;
}
.textrechts {
width:160px;
height:155px;
/*background-color: blue;*/
float:right;
margin-top:14px;
margin-right:40px;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color: #505050;
}
* html  .textrechts {
 /* CSS-Hack für IE6 */
width:160px;
height:155px;
/*background-color: blue;*/
float:right;
margin-top:14px;
margin-right:0px;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color: #505050;
}
.textmitte {
width:160px;
height:155px;
/*background-color: green;*/
float:left;
margin-top:14px;
margin-right:10px;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color: #505050;
}
unterueberschrift_grau {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #999;
}
/* Links
------------------------------ */

a:link, a:visited {
color:#6699cc;
text-decoration:none;
}
a:hover, a:active {
        text-decoration:none;
        color: #FFF;
}

#impressum a:link, #impressum a:visited {
font-size:7pt;
font-family: Verdana, Helvetica, sans-serif;
color:#999;
text-decoration:none;
}
#impressum a:hover, #impressum a:active {
font-size:7pt;
font-family: Verdana, Helvetica, sans-serif;
color:#ff9933;
text-decoration:none;
}
a.vorzurueck:link, a.vorzurueck:visited {
font-size:7pt;
font-family: Verdana, Helvetica, sans-serif;
color:#999;
text-decoration:none;
padding:0px 15px 0 0;
}
a.vorzurueck:hover, a.vorzurueck:active {
font-size:7pt;
font-family: Verdana, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
padding:0 15px 0 0;
}

#blaettern a.seitenzahl:link, #blaettern a.seitenzahl:visited {
font-size:10px;
padding-right:14px;
font-family: Verdana, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}
#blaettern a.seitenzahl:hover, #blaettern a.seitenzahl:active {
font-size:10px;
padding-right:14px;
font-family: Verdana, Helvetica, sans-serif;
color:#99ccff;
text-decoration:none;
}
#blaettern a.seitenzahlaktuell:link, #blaettern a.seitenzahlaktuell:visited, #blaettern a.seitenzahlaktuell:hover, #blaettern a.seitenzahlaktuell:active {
font-size:10px;
padding-right:14px;
font-family: Verdana, Helvetica, sans-serif;
color:#99ccff;
text-decoration:none;
}.headline_index {
        color: #CCC;
}

a.txt:link, a.txt:visited {
color:#505050;
}
a.txt:hover, a.txt:active {
color:#6699CC;
}