/* Herzlich Willkommen im Kleingedruckten */
html  { margin: 0; padding: 0; }
html[xmlns^="http"] { overflow-y: scroll;}
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: 10px 8px; padding: 0; }
.teaserFotoRechts { position:relative; float: right; border: solid 1px #666; margin: 0; 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; }
img {border:none}
a:hover:focus {outline:none;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix { display: block; }

.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: 45px; top: 0; margin: 45px 0 0; padding: 0; float: right; width: 130px; }

/* 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 */ 
.teaserN{margin:70px 0 0;padding:0;border:none;width:180px;color:#666}/* Start */
.teaserN2{margin:15px 0 0 0;padding:0;border:none;width:180px;color:#666;float: left}
.teaserNTop{background:#b2b2b2 url(../gfx/teaser_oben.gif) no-repeat;}
.teaserNTop h2 {font-family: 'Droid Sans', Helvetica; Verdana, Arial, sans-erif; font-size: 1.4em; color: #FFF; margin: 0; padding:13px 8px 10px 8px; font-weight: bold; }

.teaserNMitte{background:#fff;width:178px;padding:0;border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2}
.teaserNMitte h3 {margin:0!important;padding: 10px 8px 0 8px;font-size: 1.2em;}
.teaserNMitte p { padding: 10px 8px 0 8px; margin: 0; font-size: 1.2em;line-height: 1.4em; color: #666; }
.teaserNUnten{background:#b2b2b2 url(../gfx/teaser_unten.gif);height:12px;width:180px;}

.teaserN ul {font-size: 1.2em;; line-height: 1.5em; margin:0; padding:10px 8px 0 8px;list-style:none;width:170px  }
.teaserN ul li {padding:0 0 10px 0}
.teaserN ul a:link,
.teaserN ul a:visited { text-decoration: none; font-size: 0.9em; color: #0A2E68; margin: 0; padding: 0; font-weight: bold;  }
.teaserN ul a:focus,
.teaserN ul a:hover,
.teaserN ul a:active { tecolor: #0A2E68; text-decoration: underline; background: #F1f1F1}


.teaserN2 p a:link,
.teaserN2 p a:visited { line-height: 1em;  text-decoration: none; display: block;  width: 140px; background: url(../gfx/menuPfeil.gif) no-repeat -5px -114px;  font-size: 0.9em; color: #0A2E68; margin: 0; padding: 4px 0 3px 15px; font-weight: bold;  }
.teaserN2 p a:focus,
.teaserN2 p a:hover,
.teaserN2 p a:active { line-height: 1em;  text-decoration: none; display: block; width: 140px; background: url(../gfx/menuPfeil.gif) no-repeat -5px -48px;  font-size: 0.9em; color: #0A2E68; margin: 0; padding: 4px 0 3px 15px; 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: 570px; margin: 40px 0 20px 40px; padding: 0; }
#mitteBox h1 	{ background: url(../gfx/headline.gif) repeat-x bottom; font-family: 'Droid Sans', Helvetica; Verdana, Arial, sans-erif; 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.3em; color: #0A2E68; margin: 1.5em 0 1em 0; padding: 0; }
#mitteBox h3 	{ font-size: 1.3em;line-height: 1.4em; color: #0A2E68; margin: 2em 0 0.5em 0; padding: 0; }/* Grün */
#mitteBox h4 	{ line-height: 1.5em; font-size: 1.2em; color: #0A2E68; margin: 1.5em 0 0em 0; padding: 0; }/* Rot */
#mitteBox h5 	{ font-size: 1em; color: #000; margin: 0; padding: 0; }
#mitteBox p 	{ font-size: 1.2em;line-height: 1.4em; margin: 0 0 1em 0; }
#mitteBox ul {font-size: 1.2em;; 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;font-size:1.2em; line-height: 1.4em; }
#mitteBox div.newsText 		{ margin: 0; padding: 0;font-size: 1.2em;line-height: 1.4em}
.newsText p 	{  font-size: 1em!important;line-height: 1.4em }
#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; }

/* Dialoge */
#mitteBox h2.dialoge 	{ background: url(../gfx/headline.gif) repeat-x bottom; font-family: 'Droid Sans', Helvetica; Verdana, Arial, sans-erif; font-size: 1.4em; font-weight: normal; letter-spacing: 0px; color: #0A2E68; margin: 3em 0 1em 0; padding: 0 0 5px 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: 1.2em; margin: 0px 0 5px 0; float: left; line-height: 1.5em; width: 150px; }
#mitteBox h3.projektHead1	{ margin: 8px 0 5px 0; }
#mitteBox p.projektFliess,
#mitteBox p.projektFliess1 	{ color: #333; font-weight: normal; margin: 0 0 10px; float:left; padding: 0; line-height: 1.5em; width: 280px;}
#mitteBox p.projektFliess1 	{  width: 570px;}

#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: 1.2em;line-height:1.3em }
#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}


/* 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;font-size: 1.2em }
.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: 1.2em 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 */


/* Button */
a.button {background: transparent url(../gfx/but_right.gif) no-repeat scroll top right;display: block;
float: left;
height: 26px; /* Höhe Image */
margin-right: 6px;
padding-right: 15px;} /* Breite rechtes Image */
a.button:link, a.button:visited {text-decoration: none!important;color: #999!important;font-weight:bold;font-size:1.2em}

a.button span {background: transparent url(../gfx/but_left.gif) no-repeat;display: block;
line-height: 26px; /* Höhe Image */
padding: 0px 0 5px 8px;} 
a.button:hover span{text-decoration:underline;background: transparent url(../gfx/but_left.gif) no-repeat!important}
a.button:hover { color: #666!important; text-decoration: underline; background: transparent url(../gfx/but_right.gif) no-repeat scroll top right!important }