body { margin:0; font:normal 13px/16px "Courier New", Courier, monospace; color:#000; background:transparent url(../images/bg_default.gif); }

/* NUR VORUEBERGEHEND */
#beta { position:absolute; top:30px; left:30px; z-index:10; }
.def { top:160px !important; left:30px !important; }

body.de #start #navi, body.cz #start #navi { font:normal 24px/34px Impact; 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 { margin-top:-15px; padding-left:3px; font-size:11px; line-height:13px; }
.subtitel .copyright { color: #777; white-space: nowrap; }

/* ----- STARTSEITE ----- */
#start { position:absolute; top:27px; left:216px; width:755px; padding:0; background:#FFFFFF; min-height:100px; }
#start #logo { position:absolute; top:0; left:765px; }
#foot { position:fixed; bottom:0; height:22px; width:100%; color:#FFF; font:normal 12px/12px Arial, Helvetica; background:#000; padding-top:1px; }
#foot div { margin-left:216px; text-align:center; width:790px; }
#foot a { color:#FFF; padding:0 2px;}
#foot a:hover { color:#29f182; text-decoration:none; }

#start #navi { text-align:justify; background:#FFF; width:655px; padding:0px 50px 100px; margin-top:60px }
#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; }
#start #navi a.rp, #start #navi a.rp:visited { font-size:31px; line-height:28px; color:#BDBDBD !important; }
#start #navi a.rp:hover { color:#000000; }

#start #language { position:absolute; top:0px; left:756px; z-index:100;}

#foot #sharebox { padding:0 20px; width:300px; margin-left:20px; text-align:left; display:inline; }
#foot #sharebox p { font:normal 12px/12px Arial, Helvetica, sans-serif; color:#FFF; padding:0 10px 0 0; display:inline; }
#foot #sharebox a { position:relative; top:3px; margin-left:5px; }


/* ----- INHALTSSEITEN ----- */
#projects #titelbox { position:absolute; top:27px; left:0; width:162px; padding:20px 27px 20px 17px; background:#000000; text-align:right;}
#projects #titelbox p { text-align:left !important; border:0; }
#projects #titelbox p a { text-decoration:none; border:0; }
#projects #titelbox h1 { font:normal 24px/27px Impact; color:#EB1488; margin:0 0 3px; }
#projects #titelbox h2 { font:normal 24px/27px Impact; color:#FFF; margin:0; }
#projects #titelbox h3 { font:normal 16px/17px Impact; color:#FFF; margin:0; }
#projects #titelbox .next { margin-left:8px; }

#projects #boxbox { position:absolute; bottom:27px; left:0; width:169px; }

#projects #sharebox { margin-bottom:20px; width:169px; padding:15px 27px 15px 10px; background:#000000; }
#projects #sharebox p { font:normal 12px/14px Arial, Helvetica, sans-serif; color:#FFF;  padding:0 0 0 4px; text-align:right; margin-bottom:12px; }
#projects #sharebox a { margin-left:5px; margin-bottom:5px; }

#projects #metabox { left:0; width:169px; padding:20px 27px 20px 10px; background:#000000; text-align:right; }
#projects #metabox a:hover { color:#29f182; text-decoration:none; }
#projects #metabox span { color:#FFF; padding:0 0 0 4px; font:normal 12px/16px Arial, Helvetica, sans-serif; }
#projects #metabox a { font:normal 12px/14px Arial, Helvetica, sans-serif; color:#FFF;  padding:0 0 0 4px; }

#projects #content { position:absolute; top:27px; left:216px; width:703px; padding:20px 26px 50px; background:#FFF; }

#logo { position:absolute; top:120px; left:10px; }
.logo1 { }
.logo2 { }
.logo3 { }

/* ----- CONTENT ----- */

/* Sprachumschalter */
#language { position:absolute; top:27px; left:972px; }
#language a, #language span { display:block; background:#FFF; width:18px; height:14px; padding:2px 6px; font:bold 12px/12px Arial, Helvetica; margin-bottom:1px; }
#language a { color:#000; }
#language span { color:#BBB; }
#language a:hover, #language a.active { color:#FFF !important; background:#000; }

#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:420px; margin-right:40px; }
div.rightCol { float:left; width:240px; }

div.twoColLayout .rightCol img { margin-bottom:20px; }

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

/* ----- Styles fuer Impressumsseite -----
.logoLft { float:left; width:150px; border:1px solid green;}
.logoRgt { float:left; width:450px; }
*/
/* ----- 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; }