/* ++++ Basics ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
*	{
	margin: 0; padding: 0; border: 0;
	text-align: left; list-style-type: none; text-decoration: none;
	font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
}

html { height: 100%; }	
body { background: white;  color: rgb(50,50,50); text-align: center; font-size: 11px; line-height: 1.5em; }

body.profil { background: white url(/files/bg_body_profil.jpg) -170px 50px no-repeat; background-attachment: fixed; }
body.matrix { background: white url(/files/bg_body_matrix.jpg) center bottom no-repeat; background-attachment: fixed; }
body.projekt { background: white url(/files/bg_body_projekt.jpg) center bottom repeat-x; background-attachment: fixed; }
body.kontakt { background: white url(/files/bg_body_kontakt.jpg) left bottom repeat-x; background-attachment: fixed; }
body.aktuell { background: white; }

/* ++++ Layout Hauptcontainer +++++++++++++++++++++++++++++++++++++++++++++++++ */

.c0-behind, #c0 { position: absolute; min-height: 550px; }

.c0-behind { 
	width: 940px; left: 50%; margin: 0 0 0 -467px; min-height: 600px; 
	background: url(/files/bg_behind_profil.png) center top no-repeat;
	z-index: 0;
}
.c0-behind#behind-matrix { background-image: url(/files/bg_behind_matrix.png); }
.c0-behind#behind-projekt { background-image: url(/files/bg_behind_projekt.png); }
.c0-behind#behind-kontakt { background-image: url(/files/bg_behind_kontakt.png); }
.c0-behind#behind-aktuell { background-image: url(/files/bg_behind_kontakt.png);  }

#c0 { width: 900px; left: 50%; top: 20px; margin: 0 0 0 -450px; z-index: 1; }
#c0-popup { padding: 30px; color: rgb(100,100,100); }

.c1-main { position: relative; width: 822px; padding: 60px 0 0 0; }
.c1-main#c1-profil { width: 400px; left: 342px; margin: 71px 35px 40px 0; padding: 0 0 30px 0; }
.c1-main#c1-matrix { width: 650px; height: 500px; padding: 107px 0 0 52px; }
.c1-main#c1-projekt { width: 785px; padding: 26px 0 0 43px; }
.c1-main#c1-kontakt { width: 400px; left: 342px; margin: 71px 35px 40px 0; padding: 0 0 30px 0; }
.c1-main#c1-aktuell { width: 600px; left: 142px; margin: 71px 35px 40px 0; padding: 0 0 30px 0; }

#c1-footer { clear: both; }

/* ++++ Headlines +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1, h2, h3 { font-weight: normal; }

h1 { font-size: 1.7em; padding: 0 0 44px 0; }
h2 { font-size: 1.3em; padding: 0.4em 0 0.6em 0; }
h3 { font-size: 1.1em; padding: 0.4em 0 0.6em 0; }
h5 { width: 0; height: 0; overflow: hidden; }

h2#top { padding: 0 0 0.7em 0; }
#c0-popup h1 { font-size: 1.3em;}


/* ++++ Absätze, Listen und Auszeichnung ++++++++++++++++++++++++++++++++++++++ */

p, ul { padding: 0 0 0.9em 0; }
p.form-info, p.error { line-height: 1.0em; margin-bottom: 7px; padding: 2px; }
p.error { background: rgb(204,0,0); color: white; }
p.test { border-top: 1px solid; padding: 0.7em 0 0.7em 0; }
.c1-main ul li { background: url(/files/bullet.png) 0 0.55em no-repeat; padding: 0 0 0 10px; }
.caps { font-size: 0.95em; }
.small-caps { font-variant: small-caps; font-size: 1.1em; }
p.legende { padding-top: 0.35em; color: rgb(150,150,150); font-size: 0.95em; font-style: italic; line-height: 1.2em; }


/* ++++ Tabellen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

td { vertical-align: top; }
td.label { width: 150px; }
td.value { width: 250px; } 
td.wide { padding: 10px 0 0 0; }
td.right { text-align: right; }
td.form-info { text-align: right; color: rgb(150,150,150); font-size: 10px; } 

/* ++++ Links +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a:link, a:visited, a:hover, a:active  { color: rgb(50,50,50); outline: none; text-decoration: none; }
p a { padding-bottom: 1px; border-bottom: 1px dotted rgb(255,160,0); }
p a:hover { color: rgb(255,144,0); border-bottom: 1px dotted rgb(255,124,0); }
p.ext a { /* display: block;  */
background: url(/files/sym_extern.png) 0 0 no-repeat; height: 14px; padding-left: 16px; border: none; color: rgb(255,160,0); }
p.ext a:hover { background-position: 0 -15px; border: none; color: rgb(255,124,0); }

/* ++++ Formular-Elemente +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

input, textarea { border-bottom: 1px solid; padding: 4px 2px; margin-bottom: 10px; font-size: 11px; line-height: 1.5em; }
input.basic { width: 246px; }
textarea { width: 396px; height: 143px; }
input#kopie { border: none; background: none; padding: 0; vertical-align: top; margin-right: 0.5em; }
button { 
	width: 63px; height: 21px; background: url(/files/pagebut_post.png) 0 0 no-repeat; 
	margin: 25px 0 0 0; cursor: pointer; outline: none; 
}
a#form-back { display: block; width: 21px; height: 21px; margin: 25px 0 0 0; background-image: url(/files/pagebut_back.png); border: none; cursor: pointer; }
button:hover, a#form-back:hover { background-position: 0 -21px;}
button span, li a span, #form-back span  { display: block; width: 0; height: 0; overflow: hidden; }
label { cursor: pointer; }
input.basic:hover, textarea:hover { background: rgb(245,245,245); }
input.basic:focus, textarea:focus { background: rgb(255,239,204); }
label.errorlabel { color: rgb(204,0,0); }

/* ++++ Navigation ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#navi-main { position: fixed; right: 0px; top: 127px; }
#navi-main li { display: inline;}
#navi-main li a { display: block; width: 26px; background: url(/files/mainbut_profil.png) 0 0 no-repeat; }
#navi-main li a#main-profil { height: 60px; }
#navi-main li a#main-projekte { height: 81px; background-image: url(/files/mainbut_projekte.png); }
#navi-main li a#main-kontakt { height: 74px; background-image: url(/files/mainbut_kontakt.png) }
#navi-main li a.active, #navi-main li a:hover { background-position: -26px 0; }

#navi-projekte li { display: inline; background: none; padding: 0; }
#navi-projekte li a { 
	display: block; float: left; width: 100px; height: 100px; margin: 0 17px 17px 0; 
	background: url(/files/thumb_matrix_dummy.png) 0 0 no-repeat;	
}
#navi-projekte li a:hover { background-position: -100px 0; }

#navi-page { position: absolute; right: 257px; bottom: 10px; padding: 0; }
#navi-page li { display: inline; padding: 0; background: none; }
#navi-page li a { 
	display: block; float: left; width: 21px; height: 21px; margin-left: 8px; 
	background: url(/files/pagebut_matrix.png) 0 0 no-repeat; 
}
#navi-page li#navi-back a { float: left; background-image: url(/files/pagebut_back.png);  }
#navi-page li#navi-forward a { float: left; background-image: url(/files/pagebut_forward.png);  }
#navi-page li a:hover { background-position: 0 -21px; }

td ul li#navi-back { background: none; padding: 0; }
td ul li#navi-back a {  margin: 25px 0 0 0; display: block; width: 21px; height: 21px; background: url(/files/pagebut_back.png) 0 0 no-repeat; border-bottom: none; }
td ul li#navi-back a:hover { background-position: 0 -21px; }
td.form-info  { background: url(/files/label_form_info.png) top right no-repeat; }

p#backlink { height: 21px; width: 21px; padding: 0; margin: 50px 0 0 20px; border-bottom: none;}
p#backlink a { display: block; width: 21px; height: 20px; background: url(/files/pagebut_back.png) 0 0 no-repeat; border-bottom: none; }
p#backlink a:hover { background-position: 0 -21px; border-bottom: none; }

td.form-info span, p#backlink a span  { display: block; width: 0; height: 0; overflow: hidden; }

/* ++++ Startseite/Profil +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#momentan-box, #aktuell-box { position: absolute; left: 50%; bottom: 0; width: 562px; margin: 0 0 0 -260px; background: url(/files/bg_momentan_box.png) 0 0 no-repeat; z-index: 2000; }
#aktuell-box { background-image: url(/files/bg_aktuell_box.png); }
#momentan-box p, #aktuell-box p { height: 50px; padding: 10px 0 0 152px; line-height: 13px; color: rgb(150,150,150);}
#aktuell-box p a { color: rgb(150,150,150);}
/* ++++ Projektseiten +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#projektsequenz, .projektflash { width: 600px; height: 295px; }
.projektflash { margin-bottom: 40px; }
#projektsequenz img { width: 600px; height: 295px; }
#projektsequenz-navi { position: relative; top: 10px; margin: 0 0 20px 0; height: 20px; padding: 0; }
#projektsequenz-kunde { float: left; width: 265px; }
#projektsequenz-kunde h1 { margin-top: -2px; padding: 0 0 1px 0; }
#projektsequenz-kunde h2 { font-size: 9px; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1.4em; padding: 0; }
#projektsequenz-kunde h1.wide { padding: 0 0 30px 0; }
#projektsequenz-text { margin: 0 0 0 280px; }
#projektsequenz-navi a {
	display: block; float: left; background: rgb(255,175,0); border: none; 
	text-align: center; font-size: 10px; line-height: 10px; text-decoration: none; color: white;
	width: 18px; height: 13px;
	margin: 0 3px 0 0; padding: 3px 0 0 0;
}
#projektsequenz-navi a:hover, #projektsequenz-navi a.activeSlide  { background: rgb(255,144,0); color: white; border: none;  }
#projektsequenz-jobs { display: block; position: absolute; width: 160px; left: 668px; top: 26px; }
#projektsequenz-kat { 
	position: absolute; left: 43px; bottom: 10px;
	border: 1px solid rgb(150,150,150); padding: 2px 5px; text-transform: uppercase;
	font-size: 9px;  letter-spacing: 0.1em; line-height: 9px; 
}

/* ++++ und sonst so ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1.noscreen { width: 0; height: 0; overflow: hidden; }
#logo-6b { display: none; }
.bild-voll { margin: 0.5em 0 0.5em 0;}