body { margin:0; font:normal 13px/16px "Courier New", Courier, monospace; color:#000; }

body.de #start #navi, body.cz #start #navi { font: normal 24px/34px Impact, Charcoal, sans-serif; text-transform:uppercase; }
body.vn #start #navi { font: bold 24px/34px sans-serif; }

img { margin:0; padding:0; border:0; behavior:url(css/iepngfix.htc); }
div, form { margin:0; padding:0; }
p, input, ul { margin:0 0 16px; padding:0; }
ul { list-style:none; }
:focus { outline:none; }
.clear { clear:both; display:block; height:0px; line-height:0px; font-size:0px; margin:0; padding:0; }
a { color:#000; text-decoration:none; }
#content a:hover { text-decoration:underline; }
.subtitel { padding-top:3px; padding-left:3px; font-size:11px; line-height:13px; }
.subtitel .copyright { color: #777; white-space: nowrap; }

/* ----- STARTSEITE ----- */
#start { position:absolute; top:0; left: 50%; margin:20px 0 0 -377px; width:755px; padding:0; background:#FFFFFF; min-height:100px; }
#start #logo { position:absolute; top:0; left:765px; }
#foot { visibility:hidden; }

#start #navi { text-align:justify; background:#FFF; width:655px; padding:0px 50px 100px; margin-top:60px; margin-bottom:30px; }
#start #navi a, #start #navi span { background:#FFF; display:inline; color:#000; }
#start #navi a:hover { color:#29f182; }
#start #navi a:visited { color:#666; }

#start #navi span.materialbox { font-size:30px; line-height:28px; color:#BDBDBD; }
#start #navi span.projekttitel { font-size:31px; line-height:28px; color:#BDBDBD; }


/* ----- CONTENT ----- */
#projects #titelbox, #projects #metabox, #language { visibility:hidden; }
#projects #content { position:absolute; top:10px; left:0; width:703px; padding:20px 0 50px; background:#FFF; } 
#projects #content h2 { font:bold 16px/18px "Courier New", Courier, monospace; margin:10px 0 16px; text-transform:uppercase; } 
#projects #content h3, #projects #content .h3 { font:bold 13px/16px "Courier New", Courier, monospace; color:#000 !important; margin:0 0 16px; text-transform:uppercase; } 
#projects #content span.zitat { display: block; color:#777; margin:0 40px 0 20px; }

/* ----- Bild / Text ganze Breite ----- */
div.oneColTexts,
div.oneColDownload { margin-bottom:20px; }
div.oneColPictures { margin-bottom:10px; }

/* ----- Bilder 4-spaltig ----- */
div.fourColPictures { margin-left:-20px; margin-bottom:10px; }
div.fourColPictures div.col { float:left; width:160px; margin-left:20px; min-height:10px; }
div.fourColPictures h3 { margin-left:20px !important; }

/* ----- Bilder 2-spaltig ----- */
div.twoColPictures { margin-left:-20px; margin-bottom:10px;}
div.twoColPictures div.col { float:left; width:340px; margin-left:20px; min-height:10px; }
div.twoColPictures h3{ margin-left:20px !important; }

/* ----- 2-spaltiges Layout ----- */
div.twoColLayout { margin-bottom:10px;}
div.leftCol { float:left; width:500px; margin-right:40px; }
div.rightCol { float:left; width:160px; }

/* ----- Textfarbe = Projektfarbe ----- */
#projects #content h1 { color:#EB1488; }
#projects #content a { color:#EB1488; }

/* ----- Styles fuer Impressumsseite ----- */
div.logoLine { border-bottom:1px dotted #666; }
.logoLft { float:left; width:140px; height:100px; margin-top:10px; }
.logoRgt { float:left; width:450px; margin-top:12px; }