/* General CSS reset
Aus: Eric Meyer: Reset Reloaded
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/******************************
layout.css
Stylesheet-Datei für Layout ohne Typografie

Autor:      Carsten Witt
Version:    2007-11-05
******************************

0.	Grundlegendes

1.  Layout
1.1	Ueberschriften
1.2	Text
1.3	Links
1.4	Listen
1.5	Tabellen
1.6	Formulare
1.7	Bilder

2.  Bestimmte Seiten

3.  Clearing Floats / Clearfix

******************************/

/*******************************
0. 		Grundlegendes
******************************/

html, body { height:101%; }

*.noscreen { display: none;	}	

/* Gesamte Breite des Layouts */
div.layout {
	width: 950px;
	margin: 25px auto;
	max-width:950px;
}


/* Headerbereich */
div.head,
div.head div.eins,
div.head div.zwei {
	height: 110px;
	position: relative;
}


/* Inhaltsbereich: Mit Hintergrundbild bei 685px in zwei Teile hacken */
div.mitte { 
	clear: both;
	margin-top: 60px; 
	background: url('../images/vertikal.png') repeat-y;
	background-position: 685px 0px;
}

body#referenzen div.mitte { background-position: 383px 0px; }




/* Linke Inhalts-Spalte mit Breite 675px links floaten lassen */
div.eins,
body.layoutB div.mitte div.zwei,
body.layoutC div.mitte div.zwei {
	float: left;
	width: 675px;
}

/* Rechte Inhalts-Spalte rechts floaten lassen */
div.zwei,
body.layoutB div.mitte div.eins,
body.layoutC div.mitte div.eins {
	float: right;
	width: 250px;
	padding-left: 13px;
	position: relative;
}




/* Rechte Spalten: */
body.layoutA div.mitte div.zwei *,
body.layoutB div.mitte div.eins *,
body.layoutC div.mitte div.eins * {	padding-left: 10px;	}
/* Reset fuer Kindelemente */
body.layoutA div.mitte div.zwei * *,
body.layoutB div.mitte div.eins * *,
body.layoutC div.mitte div.eins * * { padding-left: 0px; }


/* Seiten Team, Referenzen, Arbeitsproben - linke Spalten */
body.layoutC div.mitte div.zwei,
body.layoutB div.mitte div.zwei { padding-left: 0px; }


/* Layout C, zB Seite Referenzen: Rechte und Links Spalte */
body.layoutC div.mitte div.eins { width: 554px;	}
body.layoutC div.mitte div.zwei { width: 370px;	}


/* Seite Team: Linke und rechte Spalte */
body#team.layoutB div.mitte div.zwei {
	width: 685px;
	padding-right: 0px;
}

body#team.layoutB div.mitte div.eins { padding-left: 3px; }







body#kategorien.layoutD div.mitte {
    background-image: none;   
}

body#kategorien.layoutD div.mitte div.eins {
    width: 950px;   
}
body#kategorien.layoutD div.mitte div.zwei {
    display: none;   
}








div.foot {
	clear: both;
	height: 50px;	
}



div.headline {	
	background: url('../images/horizontal.png') bottom repeat-x; 
	padding-bottom: 8px;
	margin-bottom: 8px;
}

div.address,
body#jobs div.anzeige {
	background-image: url('../images/horizontal.png');
	background-repeat: repeat-x;
	background-position: top;
	padding: 11px 0px 3px;
}


#news div.eins div.headline { margin-bottom: 1.3em; }

body#referenzen div.headline,
body#kontakt div.eins div.headline,
body#impressum div.eins div.headline,
body#profil div.zwei div.headline,
body#news div.zwei div.headline { margin-bottom: 1em; }



body#workflow.layoutA div.mitte div.eins * {	padding-right: 0%;	}

body#news.layoutA div.mitte div.eins div.linkespalte,
body#kontakt.layoutA div.mitte div.eins div.linkespalte,
body#profil.layoutA div.mitte div.eins div.linkespalte,
body#jobs.layoutA div.mitte div.eins div.linkespalte {	
	padding-right: 0%;
	float: left;
	width: 315px;
}

body#workflow  div.mitte div.eins p.klappbox0,
body#workflow  div.mitte div.eins div.klappbox1,
body#workflow  div.mitte div.eins div.klappbox2,
body#workflow  div.mitte div.eins div.klappbox3 {
	padding-right: 300px;
}

body#workflow  div.mitte div.eins p.klappbox0 {
	background: url(../images/workflow_0.gif) no-repeat top right;
	min-height: 170px;
}

body#workflow  div.mitte div.eins div.klappbox1 {
	background: url(../images/workflow_1.gif) no-repeat top right;
	min-height: 215px;
}
body#workflow  div.mitte div.eins div.klappbox2 {
	background: url(../images/workflow_2.gif) no-repeat top right;
	min-height: 405px;
}
body#workflow  div.mitte div.eins div.klappbox3 {
	background: url(../images/workflow_3.gif) no-repeat top right;
	min-height: 400px;	
}


body#news.layoutA div.mitte div.eins div.rechtespalte,
body#kontakt.layoutA div.mitte div.eins div.rechtespalte,
body#workflow.layoutA div.mitte div.eins div.rechtespalte,
body#profil.layoutA div.mitte div.eins div.rechtespalte,
body#jobs.layoutA div.mitte div.eins div.rechtespalte {	
	margin-left: 340px;
	margin-right: 15px;	
	/* ergibt ebenfalls 315px Beite */
}




/*******************************
1.1		Ueberschriften
******************************/

h1 {	margin-bottom: 0.5em; }

h3.metanavi,
h3.mainnavi { display: none;	}

body#kontakt div.mitte div.eins h1#anfahrt {	margin-top: 2em; }

body#arbeitsproben div.mitte div.eins h2 {
	background-image: url('../images/horizontal.png');
	background-repeat: repeat-x;
	background-position: top;
	padding: 11px 0px 3px;
	padding-left: 10px;		
}


body#referenzen div.zwei h3 {
	padding: 11px 0px 7px;	
	margin-top: 11px;	
	background-image: url(../images/horizontal.png);
	background-repeat: repeat-x;
	background-position: top;
}

body#referenzen div.zwei h3.ausnahme {
	background-image: none;	
	padding-top: 0px;
	margin-top: 0px;
}

body#workflow div.eins h2 {	margin: 20px 0px 0px; }

body#workflow div.eins div.klappbox_container h2 {
	padding-left: 12px;
	background-image: url(../images/pfeil_rechts.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}
body#workflow div.eins div.klappbox_container h2.mouseenter,
body#workflow div.eins div.klappbox_container h2.mouseclick {
	background-image: url(../images/pfeil_unten.gif);
}


div.anzeige h2 { margin-bottom: 1em; }

body#agb div.eins h2 { margin-top: 14px; }


/*******************************
1.2		Text
******************************/

div.stoerer,
hr.stoerer   {	background: url(../images/horizontal-red.png) repeat-x; }
hr.stoerer { 
	border: 0px; 
	margin-bottom: 30px;
}
div.stoerer { padding: 14px 0px 10px; }
div.stoerer p { margin: 0px; }

body div.layout div.mitte div.bildstoerer {
	/* siehe Z. 86 */
	padding-left: 0px;
	margin-bottom: 16px;
}



p, address {	margin-bottom: 1.5em; }

address p,
li p { 	margin-bottom: 0em; }

div.headline p {	margin: 8px 0em 2px; }

body div.mitte p.meta {	
	padding-top: 0px;
	margin-top: 1em; 
}

body#index p.mission_statement {
	margin-bottom: 0em;
	position: relative;
	top: -10px;
	padding-right: 0px;
}

body#arbeitsproben div.mitte div.eins p { margin-bottom: 1em; }

body#team div.eins p {	margin-top: 1em; }

body#agb div.eins p {	
	margin-right: 1.3em; 
	margin-bottom: 0em;
}

body#kontakt div.vcard,
div.layout div.mitte p.meta {
	background-image: url('../images/horizontal.png');
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 11px;
}

body#kontakt div.vcard {
	background-position: bottom;
	padding-top: 0px;	
	padding-bottom: 11px;
	margin-bottom: 11px;
}

body#impressum div.layout div.mitte p.meta,
body#kontakt div.layout div.mitte p.meta,
body#agb div.layout div.mitte p.meta,
body#index div.layout div.mitte p.meta,
body#workflow div.layout div.mitte p.meta,
body#jobs div.layout div.mitte p.meta {
	background: none;
	padding-top: 0px;
}

body#kontakt div.vcard p {
	margin: 0px;
}

/*******************************
1.3		Links
******************************/
body#news div.eins div.headline {
	position: relative;
	top: -7px;
}
body#news h1 span {
	float: right;
	position: relative;
	top: -12px;
}

#schubladenlink {
    width: 240px;
    height: 26px;
    position: absolute;   
    right: 0px;
    top: -1px;
}

#schubladenlink a {
    Display: block;
    height: 26px;
    text-indent: -999em;
    background: white url(Bilder/link_schublade.png) no-repeat;
}
#schubladenlink a:hover,
#schubladenlink a:active,
#schubladenlink a:focus {
    background-position: 0px -26px;
}


/*******************************
1.4		Listen
******************************/
#metanavi,
#mainnavi {	margin-top: 97px; }

#metanavi li,
#mainnavi li { display: inline; }

#mainnavi {	float: right; }
#mainnavi li { margin-left: 15px; }

#metanavi { margin-left: 12px; }
#metanavi li { margin-right: 15px; }




div.mitte div.eins ul li { padding: 10px 0px;	}

div.mitte div.zwei ul li {
	background-image: url('../images/horizontal.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

body#referenzen 		div.mitte div.eins ul li,
body#arbeitsproben 	div.mitte div.eins ul li  { 	padding: 0px 0px; }

ul.newsliste,
ul#news,
body#profil 		div.mitte div.zwei ul {	padding-left: 0px; }


body#suche 		div.mitte div.zwei ul li,
body#kontakt 	div.mitte div.zwei ul li,
body#newsfeed 	div.mitte div.zwei ul li,
body#impressum 	div.mitte div.zwei ul li,
body#workflow 	div.mitte div.zwei ul li,
body#index 		div.mitte div.zwei ul li,
body#profil 		div.mitte div.zwei ul li,
body#jobs 		div.mitte div.zwei ul li,
body#agb 		div.mitte div.zwei ul li {
	padding: 11px 0px;
	padding-left: 13px;		
}

ul#arbeitsproben li,
body#referenzen ul.kundenliste li,
body#arbeitsproben ul.arbeitsproben li {	background-image: none;	}

body#referenzen ul.kundenliste { margin-left: 15px; }


body#jobs div.anzeige ul,
body#jobs div.anzeige ul li {	list-style-type: disc; }

body#jobs div.anzeige ul {
	margin-left: 14px;
	margin-bottom: 1.4em;
}
body#jobs div.anzeige ul li {
	margin: 0em;
	padding: 0em;
}


ul#news li h4 + p {
    height: 50px; 
    overflow: hidden;
}

ul#news li:hover h4 + p {
    height: auto;
}




/**
 * ::NEW::
 */
 
#neugalerie {
    width: 560px;   
	margin-top: 25px;
}
 
 
#neugalerie li {
    height: 135px;
    float: left;
    line-height: 135px;
    position: relative;
}

div.mitte div.eins #neugalerie li {
    padding-top: 0px;
    padding-bottom: 0px;   
    margin-bottom: 0px;
    margin-right: 0px;
}
#neugalerie li img {
    vertical-align: bottom;    
    line-height: 135px;    
}





#neugalerie li a {
    display: block;    
    width: 180px;
    height: 135px;    
    position: absolute;       
    top: 0px;
    left: 0px;
    background: transparent url(Bilder/gueldener-reiter.jpg) no-repeat; 
}
#neugalerie li a.ei-1 {     background-image: url(Bilder/ei-1.jpg); } 
#neugalerie li a.ei-2 {     background-image: url(Bilder/ei-2.jpg); }
#neugalerie li a.ei-3 {     background-image: url(Bilder/ei-3.jpg); }
#neugalerie li a.ei-4 {     background-image: url(Bilder/ei-4.jpg); }
#neugalerie li a.ei-5 {     background-image: url(Bilder/ei-5.jpg); }
#neugalerie li a.ei-6 {     background-image: url(Bilder/ei-6.jpg); }
#neugalerie li a.ei-7 {     background-image: url(Bilder/ei-7.jpg); }
#neugalerie li a.ei-8 {     background-image: url(Bilder/ei-8.jpg); }
#neugalerie li a.ei-9 {     background-image: url(Bilder/ei-9.jpg); }

#neugalerie li a span {
    display: block;   
    text-indent: -999em;
}    
     



div.mitte div.eins p.magentkategorien {
    width: 948px;
    position: relative;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    height: 20px; 
    letter-spacing: 0.1em;
    margin-bottom: 0px;
    padding-bottom: 2px;
    margin-left: -3px;
    margin-right: -10px;

}




div.mitte div.eins p.magentkategorien a {
    vertical-align: bottom;    
    display: block;
    float: left;
    padding: 3px 0px;
    width: 182px;
    text-align: center;
    color: #fff;    
    border: 3px solid white;
    border-width: 0px 0px 0px 3px;
        
    background: transparent url(Bilder/reiter-nonactive.gif) repeat-x;    
    background-position: -11px 0px;
}
div.mitte div.eins p.magentkategorien a.first {
    background-position: 0px 0px;
}

div.mitte div.eins p.magentkategorien a:hover,
div.mitte div.eins p.magentkategorien a:active,
div.mitte div.eins p.magentkategorien a:focus { 
    /* background: transparent url(Bilder/reiter-active.gif) repeat-x;        */
    background-position: -11px 0px;    
}
div.mitte div.eins p.magentkategorien a.first:hover,
div.mitte div.eins p.magentkategorien a.first:active,
div.mitte div.eins p.magentkategorien a.first:focus { 
    background-position: 0px 0px;    
}




div.mitte div.eins p.magentkategorien a.active { 
    cursor: default;
    background: transparent url(Bilder/reiter-active.gif) repeat-x;            
    font-weight: bold;
    position: relative;
    margin-top: -6px;
    padding-top: 9px;
    
}




#uebersicht  {  
    clear: both;  
    padding-top: 3px;
    position: relative;
}



/* root element for scrollable */
#uebersicht .vertical {  
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 420px;	 
}

/* root element for scrollable items */
#uebersicht .items {	
	position:absolute;
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
#uebersicht .items div.zeile { height:140px; }

#uebersicht .items div.zeile div {
    float: left;
    position: relative;   
    border: 1px solid #eee;
	margin-right: 3px;    
	text-align: center;
	text-align: left;	
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.4em;
	letter-spacing: 0.01em; 
        
}
#uebersicht .items div.zeile div a {
    position: absolute;   
    display: block;
    width: 172px;
    height: 123px;
    padding-top: 42px;
    padding-left: 8px;
    text-indent: -999em;
    top: 0px; 
    left: 0px;
    font-size: 1.1em;
    font-weight: normal;
    background: transparent url(Bilder/gueldener-reiter-2.png) no-repeat;
    background-position: 0px -140px;     
    color: white;
}

#uebersicht .items div.zeile div a:hover,
#uebersicht .items div.zeile div a:active,
#uebersicht .items div.zeile div a:focus {
    text-indent: 0em;       
}

#uebersicht .items div.zeile div a span {
    font-weight: bold;   
}


/* elements inside single item */
#uebersicht .items div.zeile div img {
	height:135px;
	width:180px;
    vertical-align: bottom;
}


/* the action buttons above the scrollable */
#uebersicht #actions {	
    position: absolute;
    left: -46px;
    top: 43%;
    font-size: 2em; 
    background: white url(Bilder/pfeile2-bg.gif) no-repeat;    
}

#uebersicht #actions2 {	
    position: absolute;
    right: -20px;
    top: 43%;
    z-index: 99;
    font-size: 2em; 
    background: white url(Bilder/pfeile2-bg.gif) no-repeat;    
}


#uebersicht .blaettern a { 
    cursor:pointer; 
    display: block;
    width: 44px;
    height: 36px;
    background: white url(Bilder/pfeile2.gif) no-repeat;
    background-position: 0px 0px;  
    text-indent: -999em;
    text-align: left;
}

#uebersicht .blaettern a.nextPage { background-position: 0px -38px;  }

#uebersicht .blaettern a:hover,
#uebersicht .blaettern a:active,
#uebersicht .blaettern a:focus {	background-position: -48px 0px; }
#uebersicht .blaettern a.nextPage:hover,
#uebersicht .blaettern a.nextPage:active,
#uebersicht .blaettern a.nextPage:focus { background-position: -48px -38px;  }


#uebersicht .disabled {	visibility:hidden; }











/*******************************
1.5		Tabellen
******************************/


/*******************************
1.6		Formulare
******************************/
div.head form {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

@media screen {	
	div.head form label { display: none; } 
}

form .textfeld,
form .button { 
	padding: 3px;
	border: 1px solid #eee; 
}

input.textfeld:hover,
input.textfeld:active,
input.textfeld:focus,
input.button:hover,
input.button:active,
input.button:focus  {	
	outline: none;
	border: 1px solid #aaa; 
}


div.head form input.textfeld {
	padding: 0px;
	padding: 2px 3px;
	position: relative;
	top: 6px;
	border: 1px solid white;
	width: 208px;
}

div.head form input.button {
	background: url('../images/pfeilrot.png') no-repeat;
	background-position: 0px 5px;
	position: relative;
	top: 6px;
	padding-left: 3px;
}

div.head form input.textfeld:hover,
div.head form input.textfeld:active,
div.head form input.textfeld:focus {	border: 1px solid #878786; }

div.head input.button {	border: 0px; }




body#kontakt div.mitte label,
body#kontakt div.mitte form .textfeld  { display: block; }

body#kontakt div.mitte form .button {
	background-color: #eee;
	border: 1px solid #eee;
	padding: 5px;
}

body#kontakt div.mitte form .textfeld {
	width: 300px;
	padding: 3px;
	margin-bottom: 15px;
}

/*******************************
1.7		Bilder
******************************/
div.head img#headerbild {
	position: absolute;
	bottom: 0px;	
	vertical-align: bottom;
}

body#profil div.mitte div.eins img,
body#workflow div.mitte div.eins img {
	display: block;
	margin-bottom: 20px;
}

body#news h1 img {
	vertical-align: bottom;
}


/*******************************
2.		Bestimmte Seiten
******************************/




/*******************************
3.		Clearing Floats / Clearfix
******************************/

div.mitte:after,
div.mitte div.eins ul.magentkategorien:after,
ul.team:after, 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.mitte,
div.mitte div.eins ul.magentkategorien,
ul.team,
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html div.mitte,
* html ul.team,
* html div.mitte div.eins ul.magentkategorien,
* html .clearfix {height: 1%;}

div.mitte,
div.mitte div.eins ul.magentkategorien,
ul.team,
.clearfix {display: block;}
/* End hide from IE-mac */


/******************************
typo.css
Stylesheet-Datei für Typografie ohne Layout

Autor:      Carsten Witt
Version:    2007-11-05
******************************

0.	Grundlegendes

1.  Typografie
1.1	Ueberschriften
1.2	Text
1.3	Links
1.4	Listen
1.5	Tabellen
1.6	Formulare

******************************/

/*******************************
0. 		Grundlegendes
******************************/

body {
	font-size: 50%;
	color: #878786;
	color: #767675;
	font-family: Georgia, Garamond, Times;	
	letter-spacing: -0.01em;
}

/* Alles unterhlab des Seitenokopfes pauschal einen px kleiner */

h1, h3,
#mainnavi,
#metanavi,
#referenzen div.eins p.primer,
#index p.mission_statement,
#kategorien p.mission_statement,
#team p.mp,
#referenzen #kundenliste h4,
span.beschreibung,
p.link  { font-style: italic; }	

div.mitte p,
div.mitte form,
div.mitte ul {
	font-size: 1.4em;
	word-spacing: -6%;
	line-height: 1.45em;		
}

div.mitte ul p,
div.mitte ul ul li {	font-size: 1em;	}

/*******************************
1.1		Ueberschriften
******************************/

h1, h2 { 
	font-size: 1.5em;
	color: #936319; 
}


.jobanzeige {
color: #936319;
}

.jobanzeige h2 { color: #e00; }

h2.highlight {
	color: #e00;	
}
h2 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	line-height: 1.4em;
}

#arbeitsproben div.mitte div.eins h2,
#team div.mitte div.zwei h2 {
	color: #878786;
	color: #767675;
	font-style: italic;	
}

body#team div.mitte div.zwei h2  span { font-size: 1.2em; }

#arbeitsproben div.mitte div.eins h2 {
	text-transform: none;
	color: #936319;
	font-size: 1.5em;
}


#news div.mitte div.eins h2 { 
	color: #767675;	
}
#team div.mitte div.zwei h2 { color: #e00; }




body#team ul.team li h3 {
	color: #936319;		
	font-size: 1.2em;
}


#referenzen div.zwei h3 {
	color: #936319;	
	font-weight: bold;	
	font-size: 1.4em;
}

#profil div.zwei h3 { color: #936319; }


ul.newsliste li h4,
ul#news li h4 {
	color: #936319; 	
	font-size: 1.1em;
}




/*******************************
1.2		Text
******************************/
em, i { font-style: italic; }

div.stoerer * { color: #e00; }
div.stoerer p { font-size: 1.5em; }
div.stoerer p strong { font-weight: bold; }

div.headline strong {
	font-size: 1.1em;
	font-weight: bold;
}


body div.layout div.mitte p.OK {
	text-align: left;
	color: #383;
	font-size: 2em;
	font-weight: bold;
}

body div.layout div.mitte p.fehler {
	text-align: left;
	color: #833;
	font-size: 1.7em;
	font-weight: bold;
}

 div.layout div.mitte p.meta  {
	text-align: left;
	font-size: 1.4em;
}

ul.newsliste p,
ul#news p,
#profil div.zwei p,
#referenzen div.eins p.primer,
#index p.mission_statement,
#kategorien p.mission_statement,
#team p.mp { text-align: left; }


div.vcard strong {
	text-transform: uppercase;
}


ul.newsliste  li h4 span.monatjahr,
ul#news li h4 span.monatjahr { 
	color: #878786;
	color: #a9a9a8;
	font-weight: normal;	
	font-size: 1em;
}

#metanavi span,
#mainnavi span {
	color: #e00;
	font-weight: bold;
}

#referenzen div.eins p.primer,
#index p.mission_statement,
#kategorien p.mission_statement,
#team p.mp {
	font-size: 2.1em;
	line-height: 1.7em;
	color: #936319;	
}

#referenzen div.eins p.primer,
#team p.mp  {
	font-size: 1.8em;
}

#referenzen div.eins p.primer strong,
#index p.mission_statement strong,
#kategorien p.mission_statement strong {
	color: #e00;
}

body#agb div.eins p { text-indent: 10px;  }	

#jobs div.anzeige p strong { font-weight: bold; }
/*
#jobs div.anzeige p.highlight { color: #e00; }
*/
/*******************************
1.3		Links
******************************/

a:link,
a:visited,
a:hover,
a:active,
a:focus {
	text-decoration: none;	
	color: #878786;	
	color: #767675;
}

/*
#jobs div.anzeige a:link,
#jobs div.anzeige a:visited,
#jobs div.anzeige a:hover,
#jobs div.anzeige a:active,
#jobs div.anzeige a:focus {
	color: #e00;
}

*/

#metanavi a:link,
#metanavi a:visited { color: #a9a9a8; }

body#kontakt div.mitte div.eins p a,
body#news div.mitte div.zwei a,
body#impressum div.mitte div.eins p a,
body#referenzen div.mitte div.eins ul li,
body#arbeitsproben div.eins ul.arbeitsproben a,
body#referenzen div.eins ul#arbeitsproben a,
#metanavi a:hover,
#metanavi a:active,
#metanavi a:focus,
ul#news a:hover,
ul#news a:active,
ul#news a:focus {	color: #936319;	}


body#workflow div.zwei ul#news a{ position: relative; }
body#workflow div.zwei ul#news a:hover,
body#workflow div.zwei ul#news a:active,
body#workflow div.zwei ul#news a:focus{	
	background-color: #936319;	
	color: white;
	position: relative;
	left: -3px;
	top: -1px;
	padding: 1px 3px 2px;
}



body#arbeitsproben div.eins ul.arbeitsproben li,
body#arbeitsproben div.eins  li p.link,
body#referenzen div.eins ul#arbeitsproben li { position: relative; }

body#arbeitsproben div.eins ul.arbeitsproben a:hover,
body#arbeitsproben div.eins ul.arbeitsproben a:active,
body#arbeitsproben div.eins ul.arbeitsproben a:focus,
body#referenzen div.eins ul#arbeitsproben a:hover,
body#referenzen div.eins ul#arbeitsproben a:active,
body#referenzen div.eins ul#arbeitsproben a:focus{	
	background-color: #936319;	
	color: white;
	position: relative;
	left: -3px;
	top: -1px;
	padding: 1px 3px 2px;
}


body#arbeitsproben div.eins  p.link a:hover,
body#arbeitsproben div.eins  p.link a:active,
body#arbeitsproben div.eins  p.link a:focus {
	background-color: #e00;	
	color: white;
	position: relative;
	left: -3px;
	top: -1px;
	padding: 1px 3px 2px;
}



#mainnavi a:hover,
#mainnavi a:active,
#mainnavi a:focus,
#metanavi a:hover,
#metanavi a:active,
#metanavi a:focus {  color: #e00; }

body#news div.mitte div.zwei a:hover,
body#news div.mitte div.zwei a:active,
body#news div.mitte div.zwei a:focus {	font-weight: bold; }

/*
body#arbeitsproben div.mitte div.eins ul.arbeitsproben a:hover,
body#arbeitsproben div.mitte div.eins ul.arbeitsproben a:active,
body#arbeitsproben div.mitte div.eins ul.arbeitsproben a:focus,
body#referenzen div.mitte div.eins a:hover,
body#referenzen div.mitte div.eins a:active,
body#referenzen div.mitte div.eins a:focus 
*/
body#arbeitsproben div.mitte div.eins p.link a,
ul.newsliste a,
ul#news a {
	font-weight: bold;
	font-style: italic;
}

* div.stoerer a { color: #e00; }

/*******************************
1.4		Listen
******************************/

#mainnavi,
#metanavi {
	font-size: 1.7em;
	line-height: 1.6em;
}

#mainnavi { 
	color: #878786; 
	color: #767675;	
}
#metanavi { color: #936319; }








/*******************************
1.5		Tabellen
******************************/


/*******************************
1.6		Formulare
******************************/
input { color: #aaa; }

input:hover,
input.textfeld:hover,
input.textfeld:active,
input.textfeld:focus,
input.button:hover,
input.button:active,
input.button:focus,
div.head form input.textfeld:hover,
div.head form input.textfeld:active,
div.head form input.textfeld:focus,
div.head form input.button:hover,
div.head form input.button:active,
div.head form input.button:focus {	color: #000; }



textarea.textfeld,
input.textfeld,
input.button { font-size: 1em; }

input.button {
	background-color: white;
	border: 0px;
}

div.head input.button{
	font-style: italic;
	color: #878786;
	font-size: 1.4em;	
}	

div.head form input.textfeld {
	font-family: Georgia, Garamond, Times;
	font-style: italic;
	color: #878786;
	font-size: 1.4em;
}

body#kontakt div.mitte form .textfeld { font-size: 1.4em; }