/* CSS Ulf Jenninger Grafikdesign bei auf.jenninger.de
(c) 2008 Ulf Jenninger Grafikdesign, Rosentalgasse 11, 04105 Leipzig
www.grafikdesign.com
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Seitenbasis und Links
*********************************************************************/

body { color: black; margin: 0px 0px 0px 0px; background-color: white;
	font: 13px Arial, Helvetica, sans-serif;
}
#home a { text-decoration: none; color: #ee5a00;}
#home a:hover { text-decoration: underline; color: #f22e00;}
#person a { text-decoration: none; color: #b1000f;}
#person a:hover { text-decoration: underline; color: #f90011;}
#konzept a { text-decoration: none; color: #309121;}
#konzept a:hover { text-decoration: underline; color: #00d114;}
#erfahrung a, #erfcd a, #erfgd a, #erfillu a, #erfmal a, #erfweb a  { text-decoration: none; color: #2039a2;}
#erfahrung a:hover, #erfcd a:hover, #erfgd a:hover, #erfillu a:hover, #erfmal a:hover, #erfweb a:hover { text-decoration: underline; color: #082eef;}
#kunden a { text-decoration: none; color: #631cd3;}
#kunden a:hover { text-decoration: underline; color: #ad39f1;}
#mex a { text-decoration: none; color: #66cc66;}
#mex a:hover { text-decoration: underline; color: #4bcd00;}

/* Gesamtrahmen
*********************************************************************/

#home, #person, #konzept, #erfahrung, #erfcd, #erfgd, #erfillu, #erfweb, #erfmal, #kunden,  #mex {
 width:100%;
}
	
/* Kopfrahmen
*********************************************************************/

#home div.kopf, #person div.kopf, #konzept div.kopf, #erfahrung div.kopf, #erfcd div.kopf, #erfgd div.kopf, #erfillu div.kopf, #erfweb div.kopf, #erfmal div.kopf, #kunden div.kopf, #mex div.kopf  {
	width: 760px; 
	height: 105px; 
	margin-left: auto;
	margin-right: auto;
}
#home div.kopf { 	background: url(/jenninger/layout/grafiken/orangekopf.png) no-repeat 0 0; }
#person div.kopf { background: url(/jenninger/layout/grafiken/rotkopf.png) no-repeat 0 0; }
#konzept div.kopf { background: url(/jenninger/layout/grafiken/gruenkopf.png) no-repeat 0 0; }
#erfahrung div.kopf { background: url(/jenninger/layout/grafiken/blaukopf.png) no-repeat 0 0; }
#erfcd div.kopf { background: url(/jenninger/layout/grafiken/blaukopf_cd.png) no-repeat 0 0; }
#erfgd div.kopf { background: url(/jenninger/layout/grafiken/blaukopf_gd.png) no-repeat 0 0; }
#erfillu div.kopf { background: url(/jenninger/layout/grafiken/blaukopf_illu.png) no-repeat 0 0; }
#erfweb div.kopf { background: url(/jenninger/layout/grafiken/blaukopf_web.png) no-repeat 0 0; }
#erfmal div.kopf { background: url(/jenninger/layout/grafiken/blaukopf_mal.png) no-repeat 0 0; }
#kunden div.kopf { background: url(/jenninger/layout/grafiken/lilakopf.png) no-repeat 0 0; }
#mex div.kopf { background: url(/jenninger/layout/grafiken/mexkopf.png) no-repeat 0 0; }

div.hauptnavi { width: 150px; float: left;}
div.navibox { width: 70px; padding-top: 37px; font-size: 11px; color: gray; float: left;}
div.navibox2 { width: 70px; padding-top: 37px; margin-left: 80px; font-size: 11px; color: gray;}
div.homelink { width: 300px; height: 100px; margin-left: 460px;}

/* Hauptrahmen
*********************************************************************/

#home div.rahmen, #person div.rahmen, #konzept div.rahmen, #erfahrung div.rahmen, #erfcd div.rahmen, #erfgd div.rahmen, #erfillu div.rahmen, #erfweb div.rahmen, #erfmal div.rahmen, #kunden div.rahmen, #mex div.rahmen  {
	width: 754px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
}
#home div.rahmen { border-color: #F07700;}
#person div.rahmen { border-color: #B0003A;}
#konzept div.rahmen { border-color: #36AC02;}
#erfahrung div.rahmen, #erfcd div.rahmen, #erfgd div.rahmen, #erfillu div.rahmen, #erfweb div.rahmen, #erfmal div.rahmen { border-color: #065DAE;}
#kunden div.rahmen { border-color: #8634D3;}
#mex div.rahmen { border-color: #66CC66;}

/* Content links
*********************************************************************/

div.clinks { width: 150px; height: 476px; float: left; padding-top: 12px; margin-left: 12px; margin-right: 10px;}
div.clinkskont { width: 267px; height: 476px; float: left; padding-top: 12px; margin-left: 12px; margin-right: 10px;}

div.ccont { width: 570px; height: 488px; margin-left: 172px;}
div.ccontkont { width: 455px; height: 488px; margin-left: 289px;}

div.cmitte { width: 384px; height: 476px; margin-right: 10px; padding-top: 12px; float: left;}
div.cmittekont { width: 267px; height: 476px; margin-right: 10px; padding-top: 12px; float: left; }

div.crechts { width: 176px; height: 476px; margin-left: 394px; padding-top: 12px;}
div.crechtskont { width: 176px; height: 476px; margin-left: 277px; padding-top: 12px;}

/* Contentformatierungen
*********************************************************************/

.head1 { font-size: 19px; font-weight: bold; margin-bottom: 9px;}
.head2 { font-size: 15px; font-weight: bold; margin-bottom: 7px;}
#home .head1, #home .head2 { color: #f07700;}
#person .head1, #person .head2 { color: #B0003a;}
#konzept .head1, #konzept .head2 { color: #66cc66;}
#erfahrung .head1, #erfcd .head1, #erfgd .head1, #erfillu .head1, #erfweb .head1, #erfmal .head1, #erfahrung .head2, #erfcd .head2, #erfgd .head2, #erfillu .head2, #erfweb .head2, #erfmal .head2 { color: #065dae;}
#kunden .head1, #kunden .head2 { color: #8634d3;}
#mex .head1, #mex .head2 { color: #5bb76c;}

.bildunter {font-size: 11px; color: gray;}
.rot {font-size: 10px; color: red;}

div.graylink { margin-bottom: 5px;}

a.suberf { display: block; width: 140px; padding-left: 10px; margin-bottom: 2px; font-size: 11px;}
a.subkonz { display: block; width: 140px; margin-bottom: 2px; font-size: 11px;}
div.subbox { margin-bottom: 5px;} 

li { list-style-type: square; list-style-position: outside;}
ul { padding-left: 16px;}