* {
margin: 0;
padding:0;
border: 0;
}

html {
height: 100.1%;
}

body {
height: 100%;
margin: 0;
padding:0;
background: #0080AB;
text-align: center;
font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #303030;
line-height: 1.50em;
background: url(../images/logo/pixel.jpg) top left repeat;


}

a:link, a:visited {
color: #005F82;
background: #E9F4D8;
text-decoration: none;
}

a:hover {
color: #88B122;
background: #ffffff;
text-decoration: none;
}

h1, h2, h3 {
margin-top: 1.5em;
margin-top: 1em;
font-weight: bold;
font-size: 1.4em;
}

h4, h5, h6 {
font-weight: bold;
}

p {
padding: 8px 0 8px 0;
}

p, div, li {
font-size: 100%;
}

blockquote, ul, ol, li, form, fieldset {
  padding: 0;
  border: 0;
  margin: 0;
}

ul { 
list-style-type:circle; 

padding: 4px 0 4px 0;
}



/* =================  Layout ================= */

#container {
position: relative;
min-height: 100%;
padding-top: 71px;
margin: 0px auto 0 auto;
text-align: left;
background: url(../images/background/shadow_netzbar.jpg) top center repeat-x;
color: #303030;
border: 0px solid #FFFFFF;
}



#miniboxcontainer {
position: relative;
min-height: 100%;
height: auto !important;
width: 987px;
padding: 0;
margin: 0px auto 0 auto;
text-align: left;
background: #ffffff url(../images/background/background_content.gif) repeat-y;
color: #303030;
border: 3px solid #fff;
}

#miniboxheader {
/*background: url(../images/logo/logo_netzbar_neu.gif) top right no-repeat;*/

height: 190px;
text-indent: 8px;
border: 1px solid #fff;
background-color: #ffffff;
}

#logo {
/* background: url(../images/logo/logo_netzbar_neu.gif) top right no-repeat;*/
float: right;
}

#headerspace {
width: 736px;
height: 1.80em;
text-indent: 8px;
}

#topmenu {
height: 1.80em;
min-height: 22px;
width: 660px;
background: #ffffff url(images/topnavi_bg.gif) repeat-y;
color: #ffffff;
margin-left: 7px;
margin-top: 132px;
border: 0px solid #000000;
text-align: left;
}

#moscontent {
width: 679px;
padding: 10px 17px 0 23px;
float: left;
border-right: 3px solid #fff;
background-color: #DEECC9;
}

#moscontent h1{
padding-bottom: 18px;
}

#moscontent p{
font-size: 12px;
font-family: arial,helvetica,verdana,sans-serif;
float: left;
width: 649px;
}

#moscontent ul, ol{
font-size: 12px;
font-family: arial,helvetica,verdana,sans-serif;
list-style: solid;
margin-left: 18px;
}

#mosmodright {
border: 0px solid #000000;
padding: 0px;
width: 265px;
float: left;
background-color: #2E7A97;
font-family: arial,helvetica,verdana,sans-serif;
}

#mosmodright p{
border: 0px solid #000000;
padding: 0em 1em 0em 1em;
}


#bildlinks {
border: 1px solid #000000;
float: left;

}
#bildlinks .bildlinks
{
border: 0px solid #000000;
float: left;
width: 199px;
}
#bildlinks .bildlinkstext {
border: 0px solid #000000;
float: left;
width: 469px;
}
#bildlinks .bildlinkstext p{
border: 0px solid #000000;
float: left;
width: 459px;
padding: 10px 10px 10px 10px;
}
/* ================= Individual Classes & ID's ================= */

.clr {
clear: both;
}

.nospace, p.nospace {
padding: 2px 0 2px 0;
margin: 0;
}

.linkext {
background: url(images/linkext.gif) left center no-repeat !important;
padding: 0 0 0 14px;
}

.decolight {
background-color: #ffc;
border: 1px solid #303030;
font: 11px 'courier new', courier, monospace;
color: #606060;
padding: 0 3px 1px 3px;
margin: 0 4px 0 4px;
}

.listnobg, ul.listnobg li{
padding: 0;
background: none;
}

.red {
background: #ffffff;
color: #B44040;
}

.span tx_spbettercontact_button{
background: #ffffff;
color: #B44040;
}


/* ============ Internet Explorer Corrections + Hacks ========== */

* html #miniboxcontainer {
height: 100% !important;
background: url(images/content_bg.gif) repeat-y;
}

* html #footer {
bottom: -1px;
}

* html #moscontent {
width: 541px;
}

* html #mosmodright {
padding: 12px 10px 10px 10px;
width: 186px;
}

* html #topmenu {
height: 1.90em;
width: 722px;
}

* html .nospace {
padding: 3px 0 2px 0;
margin: 0;
}

* html ul li {
background-position: 0 0.6em;
}





.menu {

 	position:relative;
 	z-index:100;
 }

 /* remove all the bullets, borders and padding from the default list styling */

 .menu ul {
 	padding:0 0 0 0;
 	margin:0 0 0 0;
 	list-style-type:none;
 }

.menu ul ul {

	text-align:left;

}

 /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

 .menu li {
 float:left;

 position:relative;
 }

 /* style the links for the top level */

  .menu a,  .menu a:visited {
 display:block;
 font-size:17px;
 text-decoration:none;
 color:#2E7A97;
 height:19px;
 border:0px solid #000;
 border-width:0px 0px 0px 0px;
 background:#fff;
 padding:0px 10px 0px 0px;
 line-height:18px;
 letter-spacing:0.5px;
 FONT-WEIGHT: normal; 
 }

 /* a hack so that IE5.5 faulty box model is corrected */

 * html  .menu a, * html  .menu a:visited {
 	width:110px;
 	w\idth:119px;
 	letter-spacing:0.1px;
 }

 /* style the first level background */

  .menu  a.dropact {
 background:#2E7A97 url(../../graphics/drop.gif) bottom right no-repeat;
 color: #fff;
 }
  

 /* style the second level background */

  .menu ul ul a.drop,  .menu ul ul a.drop:visited {
 background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;
 }

 /* style the second level hover */

  .menu ul ul a.drop:hover{
 background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
 color: #000000;
 }

  .menu ul ul :hover > a.drop {
 background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
 color: #000000;
 }

 /* style the third level background */

  .menu ul ul ul a,  .menu ul ul ul a:visited {
 background:#e2dfa8;
 padding:0px 5px 0px 5px;
 }

 /* style the third level hover */

  .menu ul ul ul a:hover {
 background:#b2ab9b;

 }
 

 /* hide the sub levels and give them a positon absolute so that they take up no room */

  .menu ul ul {
 visibility:hidden;
 position:absolute;
 height:0;
 top:19px;
 left:0;
 width:150px;

 }

 /* another hack for IE5.5 */

 * html  .menu ul ul {
 top:19px;
 t\op:19px;
 }
  
 /* position the third level flyout menu */

  .menu ul ul ul{
 left:150px;
 top:0;
 width:150px;
 }

 /* position the third level flyout menu for a left flyout */

  .menu ul ul ul.left {
 left:-150px;
 }
 

 /* style the table so that it takes no ppart in the layout - required for IE to work */

  .menu table {position:absolute; top:0; left:0;}
 

 /* style the second level links */

  .menu ul ul a,  .menu ul ul a:visited {

	background:#7FB44E;
	color: #FFFFFF; 
 	height:auto;
 	line-height:1em;
 	padding:5px 0px;
 	width:129px;
  	font-size:12px;
 /* yet another hack for IE5.5 */
 }

 * html  .menu ul ul a{

 width:150px;
 w\idth:129px;
 }

 /* style the top level hover */

  .menu a:hover,  .menu ul ul a:hover{
 color:#fff;
 background:#2E7A97;

 }
 
  .menu :hover > a,  .menu ul ul :hover > a {
 color:#fff;
 background:#2E7A97;
 }

 /* make the second level visible when hover on first level list OR link */

  .menu ul li:hover ul,

  .menu ul a:hover ul{
 visibility:visible;
 }

 /* keep the third level hidden when you hover on first level list OR link */

  .menu ul :hover ul ul{
 visibility:hidden;
 }

 /* make the third level visible when you hover over second level list OR link */

  .menu ul :hover ul :hover ul{
 visibility:visible;
 }
  
 /* horizontales menu ende */
 
 
/* brotkrumen navigation anfang */
.grafik-leiste-bottom{
	float: left;
  	height:19px;
  	color: #7FB44E;
  	font-size: 12px;
  	padding-top: 1.7em;
  	padding-left: 0.8em;
	font-family: arial,helvetica,verdana,sans-serif;
	width: 660px;
}

.grafik-leiste-bottom a:link,
.grafik-leiste-bottom a:visited {
  	color: #588FAC;
  	text-decoration:none;
	border-bottom:1px dotted #588FAC; 
	background-color: #fff;
}

.grafik-leiste-bottom a:hover,
.grafik-leiste-bottom a:focus,
.grafik-leiste-bottom a:active {
color: #7FB44E;
  background-color: #fff;
  	text-decoration:none;
	border-bottom:1px dotted #7FB44E; 
}
/* * * * * * * * * * * * * * * * * * * * * * * * **/
 
 
 
 
  /* service menu anfang */
#footer {

position: absolute;
width:987px;
height: 2.4em;
bottom: 0px;
margin: 0;
padding: 0;
border: 0px solid #000000;
line-height: 2.4em;
color: #eeeeee;
font-size: 12px;
text-align: left;
background-color: #fff;
}
 
#footer .jahr {
  float: left;
  margin-right: 0px;
}

#footer .servicemenue {
  float: right;
  margin-right: 30px;
}

#footer ul {

   position:relative;
}

#footer  ul li {
	display: inline;
	list-style-type: none;
  	line-height: 2.1em;
 	padding: 0 10px;  
}

#footer  .servicemenue ul li.erster {
  border-left: none;
}

#footer  .servicemenue a:link,
#footer  .servicemenue a:visited {
  color: #000;
  text-decoration: none;
  background:none repeat scroll 0 0 #ffffff;
}

#footer  .servicemenue a:hover,
#footer  .servicemenue a:focus,
#footer  .servicemenue a:active {
  color: #3b6db1;
}


 
   /* service menu ende */
 
 
 
 /** Portfolio */
/** Typographie: Absaetze */

/** Sonderelemente: Icons */

#icons {
  border: 0px solid #d8e4ca;
  font-size: 0.9em;
  margin: 0em 0em 3em 0em;
 width: 679px;
  border: 0px solid #A3CBD0;
  margin-bottom: 1em;
  padding: 0 0 20px 0;
    float: left;
}


#icons .spalte1{
  border: 1px solid #A3CBD0;
  padding: 3px 3px 3px 3px;
  width: 200px;
  float: left;
    background-color: #fff;
}

#icons .spalte1 b{ 
color: #000000;
}

#icons .spalte b{ 
color: #000000;
}

#icons .spalte{
  border: 1px solid #A3CBD0;
  width: 200px;
  float: left;
  padding: 3px 3px 3px 3px;
  margin-left: .9em;
  background-color: #fff;
}

#icons h1{

padding-bottom: 5px;

}


#icons .spalte1 a:hover,
#icons .spalte1 a:focus,
#icons .spalte1 a:active {
  color: #98bb66;
  background-color: #f0f5e9;
	border-bottom: 0px dotted #7FB44E;
}

#icons .spalte1 a:link,
#icons .spalte1 a:visited {
  text-decoration: none;
    color: #2E7A97;
	border-bottom: 1px dotted #7FB44E;
}


#icons .spalte a:hover,
#icons .spalte a:focus,
#icons .spalte a:active {
  color: #98bb66;
  background-color: #f0f5e9;
border-bottom:0px dotted #7FB44E; 
}

#icons .spalte a:link,
#icons .spalte a:visited {
    color: #2E7A97;
  	text-decoration:none;
	border-bottom:1px dotted #7FB44E; 
}







#icons .spalte1 p{
  margin: 0em 0em 0em 0em ;
  width: 200px;
  padding: 3px 3px 3px 3px;

}

#icons .spalte p{
  margin: 0 0 0 0;
  width: 195px;
  padding: 3px 3px 3px 3px;

}

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


/* * * * * * * * * * * * * * * * * * * * * * * * **/
 
 
#mosmodright h1, h2, h3 {
margin-top: 1em;
font-weight: normal;
font-size: 16px;
color: #ffffff;
padding-bottom: 15px;
padding-left: 18px;
border-bottom: 2px solid #ffffff;
width: 247px;
}



#mosmodright .news-gruen {
  border: 0px solid #d8e4ca;
  padding-top: 0px;
  padding-bottom: 20px;
  border-bottom: 2px solid #ffffff;
  background-color: #7FB44E;
  
}

#mosmodright .news-gruen .news-text {
  	border: 0px solid #d8e4ca;
  	font-size: 12px;
  	color: #000000;
 	padding-bottom: 5px;
  	font-style: normal;
  	text-decoration: none;
	padding-left: 28px;
  	text-align: left;

}




#mosmodright .news-blau {
  border: 0px solid #d8e4ca;
  padding-top: 0px;
  padding-bottom: 20px;
  border-bottom: 2px solid #ffffff;
  background-color: #2E7A97;
  
}


#mosmodright .news-blau .news-text {
  border: 0px solid #d8e4ca;
  font-size: 12px;
  color: #FFFFFF;
  padding-bottom: 5px;
  font-style: normal;
  text-decoration: none;
  padding-left: 28px;
  text-align: left;

}

#mosmodright .news-image {
  border: 0px solid #d8e4ca;
  width: 247px;
  padding-left: 29px;
}


#mosmodright .news-image img{
  border: 2px solid #ffffff;

}




#mosmodright .news-gruen span.caption-online {
	width: 5.7em;
  	border: 0px solid #d8e4ca;
  	float: left;
   	padding: 0em 0em 0em 1.5em;

}

#mosmodright .news-gruen a {
 	text-decoration: none;
 	background-image: url(../images/icons/black-arrow.gif) !important;
 	background-repeat: no-repeat;
 	margin: 0em 0.4em .8em 0.2em;
 	padding: 0em .5em 0 1.5em;
   	border: 0px solid #d8e4ca;
	background-color: #7FB44E;
	color: #000000;
}
   
#mosmodright .news-gruen span.caption-fallstudie {
  	border: 0px solid #d8e4ca;
	width: 6em;
  	float: left;
 	margin: 0em 3em 0em 3.5em;
 	padding: 0em 0em 0em 0em;

}
 
 
 #mosmodright .news-blau span.caption-online {
	width: 5.7em;
  	border: 0px solid #d8e4ca;
  	float: left;
   	padding: 0em 0em 0em 1.5em;

}

#mosmodright .news-blau a {
 	text-decoration: none;
 	background-image: url(../images/icons/white-arrow.gif) !important;
 	background-repeat: no-repeat;
 	margin: 0em 0.4em .8em 0.2em;
 	padding: 0em .5em 0 1.5em;
   	border: 0px solid #d8e4ca;
	background-color: #2E7A97;
	color: #ffffff;
}
   
#mosmodright .news-blau span.caption-fallstudie {
  	border: 0px solid #d8e4ca;
	width: 6em;
  	float: left;
 	margin: 0em 3em 0em 3.5em;
 	padding: 0em 0em 0em 0em;
}










/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Portfolio Bereichsmenue */




/* * * * * * * * * * * * * * * * * * * * * * * * **/
/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Bereichsmenue */

#mosmodright .bereichsmenue {
   	list-style-type:none;
  	padding-top: 0em;

}

#mosmodright .bereichsmenue ul {
  font-size: .7em;
  line-height: 1.2em;
  border-top: 1px solid #ccddb4;
  list-style-type:none;
}



#mosmodright .bereichsmenue li a:link,
#mosmodright .bereichsmenue li a:visited,
#mosmodright .bereichsmenue li em {
  display: block;
  background: url(../images/icons/white-arrow.gif) no-repeat 2em 1.70em;
  color: #fff;
  background-color: #7FB44E;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding: 1.6em 4px .5em 3.2em;
  border-bottom: 2px solid #fff;
  margin-left: 0em;
}

#mosmodright .bereichsmenue li  strong a:link,
#mosmodright .bereichsmenue li  strong a:visited,
#mosmodright .bereichsmenue li  strong em {
  color: #3b6db1;
  font-weight: bold;
}


#mosmodright .bereichsmenue li a:hover,
#mosmodright .bereichsmenue li a:focus,
#mosmodright bereichsmenue li a:active {
  background-color: #f9fbf6;
  color: #77968C;

}


/* * * * * * * * * * * * * * * * * * * * * * * * **/
/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Portfolio */

#moscontent .portfolio{

  border: 0px solid #d8e4ca;
  float: left;
}
#moscontent .portfolio ul, ol {
    background-color: white;
    border: 1px solid #7FB44E;
    border-radius: 10px 10px 10px 10px;
    margin:0px;
    float: left;
    font-family: arial,helvetica,verdana,sans-serif;
    font-size: 12px;
    padding-left: 24px;
    width: 628px;
}
#moscontent .portfolio p {
    background-color: white;
    border: 1px solid #7FB44E;
    border-radius: 10px 10px 10px 10px;
    margin: 0.8em 0.8em 0.5em 0;
    padding: 8px;
    width: 53em;
}

#moscontent .portfolio h1{
	float: left;
  	margin: 0em .8em 0.5em 0em;
	padding: 0em;
  	border: 0px solid #000;
}



#moscontent .portfolio .company {
padding-bottom: 18px;
margin-top: 1.5em;
margin-top: 1em;
font-weight: bold;
font-size: 1.4em;
}



#moscontent .portfolio p.spalte1 {
  margin-left: 0em;
  margin-right: 1.8em;
  float: left;
  width: 295px;
  padding: 5px 5px 0px 5px;
  border: 1px solid #4A4C4F;
  background-color: #ffffff
}
#moscontent .portfolio p.spalte1  {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}

#moscontent .portfolio p.spalte1  img {
	 z-index: 1;
	
}

#moscontent .portfolio p.spalte1  a {/*
	width: 19px;
	height: 20px;
	background: url(../images/icons/arrow-icon.gif) bottom right no-repeat;*/
}


#moscontent .portfolio p.spalte2 {
  margin-left: 15px;
  width: 295px;
  float: left;
  padding: 5px 5px 0px 5px;
  border: 1px solid #4A4C4F;
  background-color: #ffffff
}
#moscontent .portfolio p.spalte2  {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}

#moscontent .portfolio p.spalte2  img {
	 z-index: 1;


}

#moscontent .portfolio p.spalte2  a {/*
	width: 19px;
	height: 20px;
	background: url(../images/icons/arrow-icon.gif) bottom right no-repeat;*/
}

#moscontent .portfolio .company-headline {
  margin-left: 5px;

}


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