/* CSS fuer www.dr-homepage.de 12/2007 v. Matthias Kehrer  */

/* Farben
	color: #00437a;							Text
	color:#085ea4;							Link hover 1
	color: #bf300e;							Link hover 2 signal
	background-color: #d0eaf7;				HG Farbe fuer ID ContentLinks
  */


/* --------------------  IDs  --------------------------  */

#SichtbarerBereich				{ color: #00437a; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; }
#SichtbarerBereich hr			{ color: #00437a; height: 1px; padding-left: 0px;}
#Startseite 					{ width: 790px; }

#ContentLinks					{ background-color: #d0eaf7; line-height: 1.5em; width: 467px; font-size: 12px; font-variant: normal; line-height: normal; padding: 20px 8px 4px 20px; }
#ContentLinksDRUCK { font-size: 11px; font-variant: normal; line-height: normal; background-color: #d0eaf7; padding: 4px 8px 4px 4px; }
#ContentLinks a					{ font-weight: bold; text-decoration: underline; }
#ContentLinks a:link 			{ color:#00437a; }
#ContentLinks a:visited			{ color:#085ea4; }
#ContentLinks a:hover 			{ color:#bf300e; background-color: #f7f7d0; text-decoration: none; }
#ContentLinks a:active 			{ color: #bf300e; }

#ContentLinks li				{ line-height: 1.7em; list-style-type: square; }
#ContentRechts 					{ background-image: url(../pix/images/hg_grafik_inhaltrechts.jpg); background-color: #d0eaf7; background-repeat: no-repeat; background-position: 0 top; vertical-align: top; width: 312px; }
#ContentSchattenVertikal		{ background-image: url(../pix/images/template_08.gif); background-repeat: repeat-y; width: 11px;  }
#KastenReferenzenAktuell 		{ font-size: 12px; background-color: white; position: absolute; top: 180px; left: 500px; width: 250px; padding: 4px; }
#KastenReferenzenAktuell li		{ font-size: 11px; line-height: 1.5em; }

#KastenStandard		 			{ font-size: 12px; background-color: white; position: absolute; top: 240px; left: 500px; width: 250px; padding: 4px; }
#KastenStandard hr				{ font-size: 1px; border-style: dotted; }
#KastenStandard a				{ font-weight: bold; text-decoration: underline; }
#KastenStandard a:link 			{color:#00437a; }
#KastenStandard a:visited		{color:#085ea4; }
#KastenStandard a:hover 		{ color:#bf300e; background-color: #f7f7d0; text-decoration: none; }
#KastenStandard a:active 		{color: #bf300e; }

#ContentLinksWide				{ width: 768px; font-size: 13px; font-variant: normal; line-height: normal; background-color: #d0eaf7; padding: 20px 8px 4px 20px; }




/* - - - - - - - - - - - - -  Referenzen  - - - - - - - - - - - - -   */

#Kunden							{ width: 750px; }
#Kunden h5						{ font-size: 14px; margin-top: 0; margin-bottom: 10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#Kunden td						{ vertical-align: top;}
#Kunden td.zellekunde			{ width: 300px;}
#Kunden td.zellejob				{ width: 450px; padding-left: 30px; }

#Kunden a						{ font-weight: bold; text-decoration: underline; }
#Kunden a:link 					{color:#00437a; }
#Kunden a:visited				{color:#085ea4; }
#Kunden a:hover 				{ color:#00437a; background-color: #f7f7d0; text-decoration: none; }
#Kunden a:active 				{color:#C0005B; }


#Screenshot						{ margin-top: 20px; }
#Screenshot td					{ vertical-align: top;}
#Screenshot img					{ border: dashed 1px #00437a; }
#Screenshot img.referenzen_abstand_bilder	{ width: 50px; border: dashed 1px #00437a; }

/* - - - - - - - - - - - - -  Navi  - - - - - - - - - - - - -   */

#Navi							{ width: 790px; background-color: #00569c; margin: 0; padding: 0; }
#Navi li						{ display: inline; }
#NaviUnten						{ text-align: right; }


/* - - - - - - - - - - - - -  Sub-Navi  - - - - - - - - - - - - -   */

#BreadcrumbNavi					{ font-size: 11px; font-variant: normal; }
#BreadcrumbNavi a				{ font-size: 10px; color: #00437a; font-weight: normal; text-decoration: underline; }
#BreadcrumbNavi a:hover			{ color: #bf300e; background-color: #d0eaf7; text-decoration: none;  }
#BreadcrumbNavi .pfeil			{ font-size: 18px; }
#Zurueck						{ font-size: 10px; }


/* --------------------  TAGS  --------------------------  */
h1								{ color: #00437a; font-size: 24px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h2								{ color: #00437a; font-size: 18px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h3								{ color: #00437a; font-size: 16px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h4								{ color: #00437a; font-size: 14px; }
h5								{ color: #00437a; font-size: 12px; }
h6								{ color: #00437a; font-size: 10px; }

div.container01				{ background-color: white; margin-top: 10px; padding: 6px; border: solid 1px #00437a; }
div.container01 h2			{ background-color: #00569c; color: #ffffff; padding: 10px; }
div.container02				{ background-color: #d0eaf7; font-size: 24px; width: 7em; margin-left: 0; padding: 5px; border: dotted 1px #00437a; }
div.container03 			{ font-size: 24px; background-color: #d0eaf7; margin-left: 0; padding: 5px; border: dotted 1px #00437a; }
div.container04 			{ background-color: #ffffff; margin-left: 0; padding: 5px; border: dotted 1px #00437a; }

div.cmsHinweis							{ background-color: #e5e5e5; color: #000; padding: 20px; width: 800px; }
div.cmsHinweis h3						{ color: #000; }


div.preloadimages 			{ z-index: 99; visibility: hidden; }

/* --------------------  KLASSEN  --------------------------  */

.hg_farbe_01 		{ background-color: #00569c; }
.hg_farbe_02 		{ background-color: #aec3d0; }
.clearboth			{ clear: both; }
.clearright			{ clear: right; }
.clearleft			{ clear: left; }
.fett 				{ font-weight: bold; }
.kursiv 			{ font-style: italic; }

/* - - - - - - - - - - - - -  Schrift  - - - - - - - - - - - - -   */
.klein							{ font-size: 11px; }
.mittel							{ font-size: 13px; }
.gross							{ font-size: 18px; }

/* --------------------  Startseite  --------------------------  */

#Willkommenstext	{
width: 200px;
}
#m1, #m2 a	{ text-decoration: none; }
.kasten { position: absolute; width: 200px; height: 150px; left: 250px; top: 100px; background-color: #fff; border: solid 1px black; padding: 5px; overflow: hidden; }

/* - - - - - - - - - - - - -  Tabellen  - - - - - - - - - - - - -   */