/* Herzlich Willkommen im Kleingedruckten */
html  { margin: 0; padding: 0; }
body { margin: 0; padding: 0; border: none; font-size: 70%; text-align: center; background-repeat: repeat-x; background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; background-image: url(../gfx/bac.gif); }
.fotoLinks {float: left; border: solid 1px #666; margin: 5px 15px 0px 0; padding: 0; }
.fotoRechts {float: right; border: solid 1px #666; margin: 5px 0 0px 15px; padding: 0; }
.teaserFotoLinks { position:relative; float: left; border: solid 1px #666; margin: 3px 8px 0 0; padding: 0; }
.teaserFotoRechts { position:relative; float: right; border: solid 1px #666; margin: 3px 0 0 8px; padding: 0; }
.notext { overflow: hidden; width: 0; height: 0; position: absolute; left: -2000px; top: 0; }
.edit 	{ font: normal 12px Arial, Helvetica, sans-serif; color: #FF0000; padding: 0; margin: 0; }
acronym { border-bottom: 1px dotted #999999; cursor: help; }
dfn 	{ border-bottom: 1px dotted #999999; cursor: help; font-style: normal; }

.spacer5 {margin: 5px 0 -5px; padding: 0; }
.spacer10 {margin: 10px 0 -5px; padding: 0; }
.clearBoth { clear: both; }
#container { width: 840px; margin: 0 auto; padding: 0; text-align: left; border: none; top: 0; }
#containerEdit { width: 100%; margin: 0 auto; padding: 0; text-align: left; border: none; top: 0; }

/* HEADER */
#headerBox { padding: 0; margin: 0 20px 0 20px; height: 100px; width: 800px; }
#logo { height: 80px; top: 0; margin: 13px 0 0; padding: 0; float: right; width: 300px; }

/* FOTO + TOPMENÜ */
#fotoBox { width: 800px; margin-right: 20px; margin-left: 20px; height: 218px; }
#topMenu { margin-top: 190px; width: 500px; float: right; height: 28px; }

#topMenu ul 	{ list-style: none; padding: 10px 0 0; margin: 0; float: right; }
#topMenu ul li 	{ float: left; margin: 0; padding: 0; }
#topMenu ul a:link, 
#topMenu ul a:visited 	{ padding: 0; margin: 0 0 0 5px;
			text-decoration: none; color: #666; }
#topMenu ul a:focus, 
#topMenu ul a:hover, 
#topMenu ul a:active { color: #0A2E68; background-color: #EAEAEA; text-decoration: underline; }
#topMenu span 	{ color: #666; }

/* INHALT */
#inhaltBoxEdit { width: 100%; margin-right: 20px; margin-left: 20px; margin-bottom: 30px; }
#inhaltBox { width: 800px; margin-right: 20px; margin-left: 20px; margin-bottom: 30px; }

/* LINKS */
#linksBoxAll { overflow: hidden; width: 180px; float: left; margin-bottom: 20px; padding-bottom: 10px; }

/* TEASER */
#teaserStart {margin: 70px 0 0; padding: 0; }
#teaserBoxAll { width: 178px; margin: 0; padding-bottom: 10px; }
.teaserBox { width: 178px; float: left; margin: 30px 0 -30px 0; padding-bottom: 0px; }
.teaserOut { display: block; background:#ccc; border:0px solid #ccc; position:relative; margin:0 0 2em 3px; }
.teaser { background:#fff; border:1px solid #274b82; position:relative; padding:0; margin: 0; }
.ltin { left:-3px; }
.tpin { top:-3px; }
.teaserHeadBox { width: 100%; background: url(../gfx/bacBlau.gif) repeat-x #19345e; margin: 0; padding: 0; }
.teaser h2 { font-size: 0.9em; color: #FFF; margin: 0; padding: 8px; font-weight: bold; }
.teaser p { padding: 0; margin: 5px; line-height: 1.3em; color: #666; }
.teaserLinkBac { padding: 0; margin: 5px; line-height: 1.5em; background: url(../gfx/bacQuadrate.gif) no-repeat right;}
.teaser p a:link,
.teaser p a:visited { line-height: 1em;  text-decoration: none; display: block;  width: 140px; background: url(../gfx/menuPfeil.gif) no-repeat 0px -110px;  font-size: 0.9em; color: #0A2E68; margin: 0; padding: 8px 0 3px 20px; font-weight: bold;  }
.teaser p a:focus,
.teaser p a:hover,
.teaser p a:active { line-height: 1em;  text-decoration: none; display: block; width: 140px; background: url(../gfx/menuPfeil.gif) no-repeat 0px -44px;  font-size: 0.9em; color: #0A2E68; margin: 0; padding: 8px 0 3px 20px; font-weight: bold; }

/* LINKS */
#linksBox { overflow: hidden; background: #F1F1F1; width: 180px; float: left; padding-bottom: 10px; }
#linksBoxLeer { background: #FFF; width: 180px; float: left; padding-bottom: 10px; }
#linksBox h2 { text-transform: uppercase; font-size: 1em; color: #666666; padding: 0 0 0 20px; margin: 42px 0 5px; font-weight: bold; letter-spacing: 1px; }
#linksBox h2.startAdresse { text-transform: none; font-size: 1em; color: #666666; padding: 0 0 0 20px; margin: 42px 0 5px; font-weight: bold; letter-spacing: 1px; }
#linksBox p { line-height: 1.5em; color: #666666; padding: 0 0 0 20px; }

#linksBoxMenu { background: #F1F1F1; width: 180px; float: left; }
#linksBox ul { margin: 0; padding: 0; list-style: none; }
#linksBox ul li { }
#linksBox ul li a:link, 
#linksBox ul li a:visited 	
{ display: block; border-bottom: 1px solid #999999; text-decoration: none; padding: 8px 0 3px 20px;
color: #666666; background: url(../gfx/menuPfeil.gif) no-repeat 0px -110px; width: 160px; }

#linksBox ul li a:focus,
#linksBox ul li a:hover,
#linksBox ul li a:active  
{ display: block; border-bottom: 1px solid #999999; text-decoration: none;
padding: 8px 0 3px 20px; color: #0A2E68; background: #E1E1E1 url(../gfx/menuPfeil.gif) no-repeat 0px -44px;
width: 160px; }

#linksBox ul li a.menuAktiv, 
#linksBox ul li a.menuAktiv:visited
{ display: block; border-bottom: 1px solid #999999; text-decoration: none; padding: 8px 0 3px 20px; color: #0A2E68; 
background: url(../gfx/menuPfeil.gif) no-repeat 0px -44px; width: 160px; font-weight: normal; }
#linksBox ul li a.menuAktiv:focus, 
#linksBox ul li a.menuAktiv:hover, 
#linksBox ul li a.menuAktiv:active 	
{ display: block; border-bottom: 1px solid #999999; text-decoration: none; padding: 8px 0 3px 20px; color: #0A2E68; 
background: #E1E1E1 url(../gfx/menuPfeil.gif) no-repeat 0px -44px; width: 160px; font-weight: normal; }

#linksBox2 { background-color: #FFF; width: 180px; margin: 10px 0 -10px 0; padding: 0 0 -10px 0; }
#linksBox2 a:link, 
#linksBox2 a:visited 	
{ display: block; text-decoration: none; padding: 8px 0 3px 20px;
color: #999; background: url(../gfx/menuPfeil.gif) no-repeat 0px -110px; width: 160px;  font-weight: bold; text-transform: uppercase;  }
#linksBox2 a:focus,
#linksBox2 a:hover,
#linksBox2 a:active  
{ display: block; text-decoration: none;
padding: 8px 0 3px 20px; color: #0A2E68; background: #FFF url(../gfx/menuPfeil.gif) no-repeat 0px -44px;
width: 160px; }

/* MITTE */
#mitteBox 	{ float: left; width: 380px; margin: 40px 0 20px 40px; padding: 0; }
#mitteBox h1 	{ background: url(../gfx/headline.gif) repeat-x bottom; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight: normal; letter-spacing: 0px; color: #0A2E68; margin: 0 0 1em 0; padding: 0 0 5px 0; }
#mitteBox h2 	{ font-size: 1.2em; color: #0A2E68; margin: 1.5em 0 1em 0; padding: 0; }
#mitteBox h3 	{ font-size: 1.2em; color: #0A2E68; margin: 2em 0 0.5em 0; padding: 0; }/* Grün */
#mitteBox h4 	{ line-height: 1.5em; font-size: 1em; color: #0A2E68; margin: 1.5em 0 0em 0; padding: 0; }/* Rot */
#mitteBox h5 	{ font-size: 1em; color: #000; margin: 0; padding: 0; }
#mitteBox p 	{ line-height: 1.5em; margin: 0 0 1em 0; }
#mitteBox ul { line-height: 1.5em; margin: 1em 0 1em 16px; padding: 0; list-style: url(../gfx/pfeil.gif); }
#mitteBox li { margin-bottom: 0.5em; }
#mitteBox ol { margin: 0 0 1em 25px; padding: 0; line-height: 1.5em; }
#mitteBox table { margin: 10px 0 20px 0; border: solid 1px  #ccc; border-collapse:collapse; }
#mitteBox td 	{ border: solid 1px #ccc; margin: 0px; padding: 2px;}

/* Sitemap */
#mitteBox ul.sitemap 	{ color: #0A2E68; margin: 0.8em 0 1em 16px; padding: 0; list-style: url(../gfx/pfeil.gif); }
#mitteBox li.sitemap 	{ margin: 0 0 0.5em 0; padding: 0; }

/* Kunden */
#mitteBox ul.kunden 	{ margin: -1em 0 1em 16px; padding: 0; list-style: url(../gfx/pfeil.gif); }
#mitteBox li.kunden	{ margin: 0 0 0.5em 0; padding: 0; }
#mitteBox div.textDiv 	{ padding: 0 0 0 1.5em; }

/* News */
#mitteBox h2.newsArchivJahr 	{ clear: left; font-size: 1.2em; margin: 20px 0 10px 0; padding: 0; line-height: 1.3em; color: #F9B700;}
#mitteBox h2.newsListHead 	
{ background: url(../gfx/pfeil.gif); background-repeat:no-repeat; font-size: 1em; margin: 0 0 0em 0; padding: 0 0 0 1.5em; line-height: 1.3em; color: #0A2E68;}
#mitteBox div.newsListDiv 	{ padding: 0 0 0 1.5em; margin: 0.3em 0 0 0; }
#mitteBox div.newsDatum 	{ float: left; margin: 0 3px 0 0; padding: 0; line-height: 1.5em; }
#mitteBox div.newsText 		{ margin: 0; padding: 0; line-height: 1.5em;}
#mitteBox p.newsListEinleitung 	{ margin: 0; padding: 0; }
#mitteBox p.newsEinleitung 	{ margin: 0; padding: 0; color: #999; font-weight: bold; }
/* News Links */
#mitteBox h2.newsListHead a:link,
#mitteBox h2.newsListHead a:visited { color: #0A2E68; text-decoration: none; font-size: 1em; }
#mitteBox h2.newsListHead a:focus,
#mitteBox h2.newsListHead a:hover, 
#mitteBox h2.newsListHead a:active { color: #0A2E68; text-decoration: underline; }

/* Listviews */
#mitteBox h2.projektListHead 	{ font-size: 1em; margin: 20px 0 0px 0; padding: 0; line-height: 1.3em; }
#mitteBox p.projektListFliess 	{ margin: 0 0 1em 0; padding: 0; }

/* Referenzen*/
#mitteBox h2.projektBeschreibung
{ border-bottom: dotted 1px #666; font-weight: normal; color: #0A2E68; font-size: 1em; margin: 0 0 -10px 0; line-height: 1.5em;  }
#mitteBox h3.projektHead,
#mitteBox h3.projektHead1	{ font-weight: normal; color: #0A2E68; font-size: 1em; margin: 0px 0 5px 0; float: left; line-height: 1.5em; width: 100px; }
#mitteBox h3.projektHead1	{ margin: 8px 0 5px 0; }
#mitteBox p.projektFliess,
#mitteBox p.projektFliess1 	{ color: #333; font-weight: normal; margin: 0 0 10px; float:right; padding: 0; line-height: 1.5em; width: 280px;}
#mitteBox p.projektFliess1	{ margin: 8px 0 10px; font-weight: bold; }
#mitteBox p.spacer   { border-bottom: solid 1px #999; }
#Starter 	
{ float: left; padding: 8px 0 3px 10px;
background: #333 url(../gfx/menuPfeil.gif) no-repeat 0px 0px; width: 10px; }

/* Listviews Links */
#mitteBox h2.projektListHead a:link,
#mitteBox h2.projektListHead a:visited { color: #0A2E68; text-decoration: none; font-size: 1em }
#mitteBox h2.projektListHead a:focus,
#mitteBox h2.projektListHead a:hover, 
#mitteBox h2.projektListHead a:active { color: #0A2E68; text-decoration: underline; }

#mitteBox a:link, #mitteBox a:visited { color: #0A2E68; text-decoration: none; font-weight: bold; font-size: 0.9em }
#mitteBox a:hover { color: #0A2E68; text-decoration: underline; background: #F1f1F1; }

/* RECHTS */
#rechtsBox { float: left; width: 160px; margin: 0 0 0 40px; padding-top: 100px;  }
/* Ansprechpartner */
#rechtsBox div.apBoxOut { display: block; background:#ccc; border: none; position:relative; margin:0 0 2em 3px; }
#rechtsBox div.apBox 	{ overflow: hidden; background:#fff; position:relative; margin: 0; padding: 0; border: 1px solid #C9C9C9; }
.apLinks { left:-3px; }
.apOben { top:-3px; }
#rechtsBox div.apBox h2 		{ background-color: #F1F1F1; font-size: 0.9em; color: #0A2E68; margin: 0; padding: 5px 0 5px 5px; font-weight: bold; }
#rechtsBox div.apBoxInhalt 		{ padding: 5px 5px 10px 5px; }
#rechtsBox div.apBoxInhalt h3 		{ font-size: 1em; color: #666666; margin: 0; padding: 0; }
#rechtsBox div.apBoxInhalt p 		{ margin: 0; padding: 0; line-height: 1.4em; }
#rechtsBox div.apBoxInhalt a:link, 
#rechtsBox div.apBoxInhalt a:visited 	{ color: #0A2E68; text-decoration: none; }
#rechtsBox div.apBoxInhalt a:hover,
#rechtsBox div.apBoxInhalt a:focus,
#rechtsBox div.apBoxInhalt a:active 	{ text-decoration: underline; }
/* Weiterführende Infos */
#rechtsBox div.linkBoxOut {  display: block; background:#ccc; border: none; position: relative; margin:0 0 2em 3px; }
#rechtsBox div.linkBox 	  { background:#fff; position:relative; margin: 0; padding: 0; border: 1px solid #f9b700; }
.linkLinks { left:-3px; }
.linkOben { top:-3px; }
#rechtsBox div.linkBox h2 		{ background-color: #f9b700; font-size: 0.9em; color: #0A2E68; margin: 0; padding: 5px 0 5px 5px; font-weight: bold; }
#rechtsBox div.linkBoxInhalt 		{ padding: 5px; }
#rechtsBox div.linkBoxInhalt h3 	{ font-size: 1em; color: #666666; margin: 0; padding: 0px; }
#rechtsBox div.linkBoxInhalt h4		{ font-size: 0.9em; margin: 0 0 0.5em 0; padding: 0; line-height: 1.4em; color: #0A2E68;}
#rechtsBox div.linkBoxInhalt p 		{ margin: 0 0 0.5em 0; padding: 0; line-height: 1.4em; color: #000;}
#rechtsBox div.linkBoxInhalt ul 	{ margin: 0 0 1em 16px; padding: 0; list-style: url(../gfx/pfeilGelb.gif); }
#rechtsBox div.linkBoxInhalt ul li 	{ margin: 0.5em 0 0.5em 0; padding: 0;}
#rechtsBox div.linkBoxInhalt a:link, 
#rechtsBox div.linkBoxInhalt a:visited 	{ color: #0A2E68; text-decoration: none; }
#rechtsBox div.linkBoxInhalt a:focus,
#rechtsBox div.linkBoxInhalt a:hover,
#rechtsBox div.linkBoxInhalt a:active 	{ text-decoration: underline; }

/* FUSSZEILE */
#fussBox 	{ clear: left; width: 800px; margin: 0px 20px 30px 20px; 
		 background: #F1F1F1; height: 2em; }
#fussBox ul 	{ list-style: none; padding: 5px 0 0; margin: 0px 0px 0px 220px; }
#fussBox ul li 	{ float: left; }
#fussBox ul a:link, 
#fussBox ul a:visited 	{ padding: 0; margin: 0 0 0 5px;
			text-decoration: none; color: #333333; }
#fussBox ul a:focus, 
#fussBox ul a:hover, 
#fussBox ul a:active { color: #0A2E68; background-color: #EAEAEA; text-decoration: underline; }
#fussBox span 	{ color: #666; }

/* 
 *Horizontal, top-2-bottom menu
 *Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */
#menuBox { float:left; width: 480px; margin-top: 72px; }
#menu 	{ display: block; }

/* Hauptmenü Links */
.mainMenuAktiv { border-bottom: 6px solid #0A2E68; font-weight: bold; }
.mainMenuAktiv:hover { border-bottom: 6px solid #0A2E68; font-weight: bold; }
.mainMenu { border-bottom: 6px solid #FFF; color: #999999 ! important; font-weight: bold; }
.mainMenu:hover { border-bottom: 6px solid #FFF; color: #FFF ! important; font-weight: bold; }

/* Menü Links */
#menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; }
#menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; }
#menu a { display: block; background-color: #fff; color: #0A2E68;
/* line-height: 1.5em; */
padding: 0.5em 0.5em; }
#menu a:hover { background-color: #0A2E68; color: #fff; }
#menu li li { width: 12em;
/* height: 1.5em; */
}
#menu li:hover { background-color: #fff; }
#menu a { text-decoration: none; text-align: center; color: #0A2E68; padding: 4px 5px 5px; }
/* Aussehen #menu div  */
#menuList:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; }

#menu li ul { color: #000; background-color: #FFF; border: none; width: 11em; }
#menu li ul a { text-align: left; }

#menu li li.submenu { color: #000; }
/* Position-Fix für Submenüs, 2te Ebene */
#menu li li ul { top: 0; left: 0; }

/* 2te Ebene, zeigen */
#menu li li:hover ul { left: 100%; }

/* Submenüs verstecken */
#menu li ul { background: #fff; display: none; position: absolute; z-index: 10; }

/* Submenüs zeigen */
#menu li:hover>ul { display: block; z-index: 20; }

/* Für IE5/Mac \*//*/
#menu a { float: left; }
#menuList { display: inline-block; }
/*  */

/* NEWSLETTER */
#eForm, #eForm2 { border: none; margin: 0 0 15px 0; width: 320px; padding: 0; }
#eForm legend, #eForm2 legend	{ color: #0A2E68; padding: 0; margin: 0 0 1em -0.5em; font-weight: bold; display: inline; font-size: 1em;}

.left 			{ float: left; text-align: left; width: 5.5em; margin: 0; }
.eFormfeld 		{ background: #FFF; float: left; margin: 0 0 10px 10px; border-top: 1px solid #999;
				border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #999;
				font: 1em Verdana, Arial, Helvetica, sans-serif }
.leftText 		{ float: left; text-align: left; width: 320px; margin: 10px 10px 10px 0; }
.eFormfeldText	{ background: #FFF; float: left; margin: 0 0 10px 0; font: 1em Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #999;
				border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #999;}

.eFormbutton 	{ border: 1px solid #FFF; background-color: #0A2E68; margin: 10px 0 0 0; color:#FFF; font: 1em Arial, Helvetica, sans-serif;}
#eForm input[type=submit].right 
#eForm2 input[type=submit].right 
				{ margin-left: 6.3em; }
#eForm br, #eForm2 br		{ clear: both; }
.eFormbutton 				{cursor:pointer} /* IE 6.+ */
.eFormbutton:hover 			{cursor:pointer} /* Geckos */