/* ++++ Basics ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

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

html { height: 100%; }	
body { background: rgb(113,113,110); color: rgb(125,125,125); text-align: center; font-size: 12px; line-height: 1.5em; }



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

#c0 { position: relative; top: 100px; }

body.popup #c0 { color: rgb(200,200,200); padding: 0 0 50px 0; top: 30px; }
#c-main-footer { width: 850px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -425px; text-align: right; font-size: 0.75em; text-transform: uppercase; }



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

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

h1 { font-size: 1.083em; line-height: 1.0em; color: white; font-weight: normal; letter-spacing: 0.1em; }


#c-main-header { width: 320px; height: 100px; margin: 0 0 20px 0; padding: 0; position: absolute; top: 0; left: 50%; margin: 0 0 0 -506px; }
#c-main-header a { display: block; height: 100px; background: url(/files/6b_logo_header.png) left top no-repeat;  }
#c-main-header span { display: block; width: 0; height: 0; overflow: hidden; }

#c-main-header a:hover { background-position: center -100px;  }

h1.trigger { margin: 2px 0 0 0 ; padding: 0; text-transform: uppercase; }
h1.trigger span { display: block; width: 850px; left: 50%; top: 0; margin: 0 auto; }

h2 { font-size: 1.7em; padding: 0 0 0 0; line-height: 1.2em; }
body.popup h1 { color: rgb(113,113,110); background: rgb(200,200,200); text-transform: uppercase; padding: 3px 30px 3px 30px; margin: 30px 0 20px 0; }
body.popup h3 { font-size: 1.0em; font-weight: normal; padding: 0.9em 30px 0.9em 30px; text-transform: uppercase; letter-spacing: 0.1em; }
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; }
body.popup p { padding: 0 30px 0.9em 30px; }

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

table { table-layout: fixed; }
td { vertical-align: top; }
.t-sidebar { width: 360px; margin-top: 2px; }
.t-sidebar td {  border-top: 1px solid rgb(200,200,200); }
.t-sidebar td.li { width: 90px; font-size: 0.75em; text-transform: uppercase; padding: 6px 0 0 0; color: rgb(175,175,175); line-height: 1.0em; border-top: 3px solid rgb(200,200,200); }
.t-sidebar td.re { width: 260px; padding: 3px 0 0 10px; }
.t-sidebar td.re * { font-family: Georgia, 'Times New Roman', serif; font-style: italic;  }



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

a:link, a:visited, a:hover, a:active  { color: rgb(166,145,90); outline: none; text-decoration: none; }
a:hover  { color: rgb(168,185,75); color: rgb(160,189,72); }
p a:hover, li a:hover  { text-decoration: underline; }
a.mail { background: url(/files/sym_mail.png) 0 0.3em no-repeat; padding: 0 0 0 20px; }

/* 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); } */



#c-main-footer a { color: rgb(160,160,160); }
#c-main-footer a:hover { color: rgb(223,206,18); }
body.popup p a { color: rgb(200,200,200); }

h1.trigger a { display: block; background: url(/files/bg_accordion.png) center 0 no-repeat; height: 100%; padding: 5px 0 6px 0; color: white; }
h1.trigger.active a { background-position: center -24px; }

h1.trigger.profil a { background-color: rgb(160,189,72); }
h1.trigger.portfolio a { background-color: rgb(199,178,106); }
h1.trigger.kontakt a { background-color: rgb(226,155,35); }
h1.trigger.projektinfo a { background-color: rgb(194,187,161); }
h1.trigger.profil a:hover { background-color: rgb(167,203,58); }
h1.trigger.portfolio a:hover { background-color: rgb(210,183,94); }
h1.trigger.kontakt a:hover { background-color: rgb(249,160,12); }
h1.trigger.projektinfo a:hover { background-color: rgb(198,189,157); }


#c-main-profil, #c-main-portfolio, #c-main-kontakt, #c-main-sequenz, #c-main-projektinfo, #c-main-flashwrapper { 
	clear: both; position: relative; background: white; display: none; margin: 2px 0 0 0; 
}
#c-main-portfolio { height: auto; padding: 1.0em 0; background: rgb(235,235,235); }
#c-main-kontakt { height: auto; padding: 26px 0 3.0em 0; background: white url(/files/bg_kontakt.jpg) center center no-repeat; }
#c-main-profil { height: auto; padding: 26px 0 1.0em 0; background: white url(/files/bg_profil.jpg) center top no-repeat; }
#c-main-projektinfo { height: auto; padding: 26px 0 1.0em 0; }
#c-main-sequenz, #c-main-flashwrapper { height: 426px; padding: 30px 0 30px 0; }

#c-sub-portfolio, #c-sub-kontakt, #c-sub-profil, #c-sub-sequenz, #c-sub-projektinfo, #c-main-projektflash { width: 850px; height: auto; margin: 0 auto; }
#m-profil-meta, #m-kontakt-meta, #m-projektinfo-meta { width: 360px; float: left; }
#m-projektinfo-meta { height: 452px; }

#m-profil-meta img, #m-kontakt-meta img, #m-projektinfo-meta img { display: block; }

#m-profil-text, #m-kontakt-text, #m-projektinfo-text { margin: 0 0 1.2em 450px; background: url(/files/bul_ini_portfolio.png) 0 0.25em no-repeat; }
#m-profil-text { background-image: url(/files/bul_ini_profil.png); }
#m-kontakt-text { background-image: url(/files/bul_ini_kontakt.png); }
#m-profil-text p:first-child, #m-kontakt-text p:first-child, #m-projektinfo-text p:first-child { text-indent: 20px; }


#navi-portfolio { position: relative; margin: 20px 0; height: 362px; }
#navi-portfolio li { display: inline; background: none; padding: 0; bottom: 0; }
#navi-portfolio li a { 
	display: block; width: 202px; height: 80px; margin: 3px; float: left; border: 3px solid white; 
	background: white 0 0 no-repeat;	
}
#navi-portfolio li a:hover { border-color: rgb(199,178,106); }
.m-projekt-sequenz-bild { height: 450px; }
#c-sub-sequenz img { display: block; width: 850px; height: 400px; float: none; }
#m-projekt-sequenz-navi { width: 850px; height: 20px; z-index: 100; position: absolute; top: 440px; left: 50%; margin: 0 0 0 -425px;  }
#m-projekt-sequenz-navi a {
	display: block; float: left; text-align: center; font-size: 0.833em; line-height: 1.0em; text-decoration: none; letter-spacing: -0.15em;
	background: rgb(166,145,90) url(/files/bg_sequenz_navi.png) 0 0 no-repeat; color: white; width: 16px; margin: 0 3px 0 0; padding: 3px 0 3px 0;
}
#m-projekt-sequenz-navi a.activeSlide { background-position: 0 -40px; }
#m-projekt-sequenz-navi a:hover { background-position: 0 -20px; }
.m-projekt-sequenz-legende { font-family: Georgia, 'Times New Roman', serif; font-style: italic; width: 400px; height: 20px; position: absolute; right: 0; top: 411px; text-align: right; color: rgb(125,125,125); line-height: 1.0em; z-index: 100; }

/* ++++ Seiten-Navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#c-main-pagenavi { position: relative; width: 850px; margin: 20px auto 0 auto; top: 100px; }
#l-navi-page {  position: absolute; right: 0; }
#l-navi-page li { display: inline; padding: 0; background: none; }
#l-navi-page li a { 
	display: block; float: left; width: 26px; height: 26px; margin-left: 5px; 
	background: url(/files/pagebut_matrix.png) 0 0 no-repeat; 
}
#l-navi-page li#navi-back a { float: left; background-image: url(/files/pagebut_back.png);  }
#l-navi-page li#navi-forward a { float: left; background-image: url(/files/pagebut_forward.png);  }
#l-navi-page li a:hover { background-position: 0 -30px; }

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

.m-logo-6b-portfolio a span, li a span { display: block; width: 0; height: 0; overflow: hidden; }
li a small { text-transform: uppercase; font-size: 0.833em; }
.clear { display: block; width: 0; height: 0; overflow: hidden; clear: both; }

.m-credits-label, .m-credits-text { margin-top: 8px; }
.m-credits-label { width: 90px; float: left; color: rgb(194,187,161); font-size: 0.75em; text-transform: uppercase; padding: 6px 0 0 0; line-height: 1.0em; border-top: 3px solid;  }
.m-credits-text { margin-left: 90px; border-top: 1px solid rgb(194,187,161); padding: 0 0 0 10px; }
.m-credits-text * { font-family: Georgia, 'Times New Roman', serif; font-style: italic;  }
#m-projektinfo-text div p:first-child { text-indent: 0; padding: 0.25em 0 0 0; }


.m-invi { display: none; }