/* BASIC STYLES */



body {
     background-color: #DDDDDC;
     margin: 20px;
     font-family: verdana;
     font-size: 10px;
     color: #666666;
     }
     

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


p {
   padding:0 0 14px 5px;
   line-height: 1.3em;
   }


a {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: #0099DE;
    text-decoration:none;
    }
    
a:hover {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: #666666;
    text-decoration:none;
    }



a#pdf {
     background-image: url(../img/icons/acrobat.png);
     background-repeat:no-repeat;
     padding: 2px 0 2px 25px;
}

a#zip {
     background-image: url(../img/icons/compress.png);
     background-repeat:no-repeat;
     padding: 2px 0 2px 25px;
}

a#newsletter {
     background-image: url(../img/icons/newsletter.png);
     background-repeat:no-repeat;
     padding: 2px 0 2px 25px;
}

a#unsubscribe {
     background-image: url(../img/icons/email_delete.png);
     background-repeat:no-repeat;
     padding: 2px 0 2px 25px;
}

a#rss {
     background-image: url(../img/icons/rssicon.png);
     background-repeat:no-repeat;
     padding: 2px 0 2px 25px;
}

a.news_pointer {
     background-image: url(../img/icons/arrow_brs.png);
     background-repeat:no-repeat;
     background-position: right;
     padding: 0 15px 0 0;
     color:#0099DE;
}

a.news_pointer:hover {
     background-image: url(../img/icons/arrow_brs.png);
     background-repeat:no-repeat;
     padding: 0 15px 0 0;
     color:#666666;
}

a.pointer {
     background-image: url(../img/icons/arrow_brs.png);
     background-repeat:no-repeat;
     background-position: left;
     padding: 0 0 0 15px;
     color:#0099DE;
}

a.pointer:hover {
     background-image: url(../img/icons/arrow_brs.png);
     background-repeat:no-repeat;
     padding: 0 0 0 15px;
     color:#666666;
}


h1, h2, h3, h4, h5, h6, h7 {
     font-family: Century Gothic, Arial, Helvetica;
     font-weight:bold;
     color:#0099DE;
     font-size:40px;
     }


   
h3 {
   padding:0 0 0 5px;
   }
   
h6 {
   font-size:14px;
   color: #23231F;
   }
   
h4 {
   font-size:28px;
   padding-top:2px;
   line-height:1em;
   }
   
h5 {
   font-size:16px;
   padding:2px 0 10px 5px;
   color:#333333;
   }
   
   
#Aenderung {
   padding:15px 0 0 0;
   }


input.Email {
     padding: 3px;
     border: 1px #CCCCCC solid;
     margin:3px 0 15px 0;
     font-size: 10px;
     width: 170px;
     }
     
input.Absenden {
     padding: 4px;
     color: #EDEDED;
     background-color: #0099DE;
     margin:3px 0 15px 0;
     font-size: 10px;
     font-weight:bold;
     letter-spacing:1px;
     }
     

     
div.RadioButton {
     padding:5px;
     margin-right:10px;
     float:left;
     height:11px;
     }
     
div.RadioButton input {
     padding:5px;
     margin-left:10px;
     height:11px;
     }


/* CONTENT STYLES */
     
div#OuterShell {
     width:905px;
     margin: auto;
     background-color: #EDEDED;
     padding: 15px 15px 0 10px;
     }
     
div#header {
     width:320px;
     padding: 0 0 20px 5px;
     margin:0;
     float:left;
     }

/*____________________________________

  NAVIGATION STYLES
  __________________________________*/

div#navigationShell {
     width: 580px;
     margin: 20px 0 0 0;
     float:right;
     position:relative;
     z-index:1;
     }

/*---------------------------- Nicht bearbeiten: Start ---------------------------------*/

#nav li { /* Obere Navigation: Nebeneinander */
	float: left;
}

#nav ul { /* Dropdown Holder (UL) */
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	w\idth: 150px;
}

/*
#nav li ul ul {
	margin: -1.75em 0 0 14em;
} */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

/*---------------------------- Nicht bearbeiten: Ende ----------------------------------*/










#nav, #nav ul {  /* Listenpunkte entfernen und linksanordnen */
	float: left;
	list-style: none;	
}


#nav li a {
  padding-bottom:15px;
  }

#nav li a { /* Den Link im Dropdown als Block darstellen */
	display: block;
}


#nav li li a { /* Die Dropdown-Liste (Breite und Padding) */
	/*display: block;*/
	width: 130px;
	w\idth: 130px;
	padding:6px;
}

#nav li li { /* Dropdown Transparenz und Farbe und Breite und z-index */
	background-color:#0099DE;
	width:130px;
  filter:alpha(opacity=95);
  opacity:.95;
  z-index:99;
  padding:0;
}


li#sItem:hover, li#sItem.sfhover {
	color:#666666;
  text-decoration:none;
  background-color:#DDDDDC;
}



a.Nav, a.Nav:visited, a.Nav:link {
    color:#0099DE;
    text-decoration:none;
    }

a.Nav:hover { color:#666666; text-decoration:none;}

a.NavActive, a.NavActive:visited, a.NavActive:link {
    color:#666666;
    text-decoration:none;
    }

a.NavActive:hover { color:#0099DE; text-decoration:none;}

a.listitems, a.listitems:link, a.listitems:visited {
     color: #FFFFFF;
     background-color: #0099DE;
     text-decoration: none;
     display: block;
     }

a.listitems:hover {
     color:#666666;
     text-decoration:none;
     background-color:#DDDDDC;
     }

li#border_nav {
    /*border-right:dotted 1px #333333;*/
    background-image: url(../img/dottedline.png);
    background-repeat:no-repeat;
    background-position: right;
    padding:15px 10px 0 8px;
    }



li#border_nav_last {
    padding:15px 0 0 8px;
    }


/*____________________________________

  STYLES: STARTSEITE
  __________________________________*/
  

  
div#StartText {
  padding:60px 0 0 25px;
  position:absolute;
  z-index:1;
  }
  
div#StartBottomShell {
     float:left;
     margin: 23px 0 15px 0;
     background-color: #EDEDED;
     padding-left: 5px;
     position:relative;
     z-index:0;
     }
  
div#StartProfil {
  padding:20px 30px 0 0;
  width:560px;
  float:left;
  }
  
#articleStartBody {
   margin-top:20px;
   }
  
div#NewsBlock {
     margin-top:35px;
     padding:10px 0 5px 10px;
     width:300px;
     float:left;
     background-image: url(../img/news_bg.png);
     background-repeat: repeat-x;
     }
     
div#NewsInnerShell {
     background-color: #FFFFFF;
     margin: 5px 10px 5px 0;
     padding: 5px 10px 15px 5px;
     }
     
#NewsInnerShell ul {
     list-style-type: none;
     }
     
#NewsInnerShell li {
     padding:7px 5px 7px 0;
     margin:0 0 0 8px;
     border-bottom: 1px #CCCCCC dotted;
     line-height:1.4em;
     }

#NewsInnerShell li span {
     float:left;
     padding-top:5px;
     }

#Newsbild {
     padding: 20px;
     border: 1px #B7B7B5 solid;
     background-color: #FFFFFF;
     margin: 15px 0 0 5px;
     width:550px;
     }
     
#Newsbild em {
     font-weight:bold;

     }
     
#Newsbild em#blue {
     font-weight:bold;
     color: #0099DE;
     }
     
#Newsbild #Caption {

     border-top: 1px #B7B7B5 solid;
     width:550px;
     padding-top:5px;
     }
     
#Newsbild img {
     padding-bottom:20px;

     margin-bottom:5px;

     }
     

/*____________________________________

  TEAM STYLES
  __________________________________*/
  
div#TeamOuterShell {
     float:left;
     margin: 40px 0 20px 5px;
     background-color: #EDEDED;
     }
     
div.TeamShell {
     float:left;
     background-color: #EDEDED;
     padding-bottom: 15px;
     width:300px;
     }
     
div.TeamImageShell {
     width:120px;
     padding:7px 0 0 0;
     float:left;
     }
     
div.TeamContentShell {
     width:160px;
     float:left;
     padding-left:10px;
     }
     
.TeamContentShell p {
     padding:3px 0 5px 3px;
     }
  

.TeamContentShell a, .TeamContentShell a:link, .TeamContentShell a:visited {
     color: #0099DE;
     text-decoration: none;

     }

.TeamContentShell a:hover { color:#000000; text-decoration:none;}

/*____________________________________

  NETZWERK STYLES
  __________________________________*/
  
div#NetzwerkOuterShell {
     float:left;
     margin: 20px 0 20px 0;
     background-color: #EDEDED;
     }
     
div#NetzwerkShell {
     float:left;
     margin-top: 20px;
     margin-left:5px;
     margin-bottom:20px;
     background-color: #EDEDED;
     }
     
div.NetzwerkContentShell {
     width: 250px;
     padding:10px 10px 30px 0;
     float:left;
     }
  
  
/*____________________________________

  ARTICLE STYLES
  __________________________________*/

div#ArticleShell {
     float:left;
     margin: 0 0 20px 0;
     background-color: #EDEDED;
     padding: 0;
     }
     
#BodyText ul {
   list-style-image:url(../img/icons/bullet_blue.png);
   padding-left:20px;
   margin:10px;
   }
   
#BodyTextProjekte {
   text-align:left;
   float:left;
   width:320px;

   }
   
#BodyTextLeistungen {
   text-align:left;
   float:left;
   width:420px;

   }
   
#BodyText {
   text-align:left;
   width:560px;
   }
   
#Images {
   text-align:right;
   width:300px;
   margin: 0 0 20px 20px;
   float:right;
   }
   
#ImagesLeistungen {
   text-align:right;
   width:480px;
   margin: 0 0 20px 0;
   float:right;
   }

.slideShow {
   margin: 0;
   padding: 2px 0 0 0;
   }
   
.slides {
   position: relative;
   z-index: 0;
   display: none;
   }

#slide1 {
   display: block;
   }


ul.ProjectLinks {
   list-style-type: none;
   padding-left:20px;
   margin:10px;
   }
   
ul.ProjectLinks li {
   padding: 0 0 7px 0;
   }
   
#articleBody li {
   padding: 0 0 7px 0;
   }
   
#articleBody {
   margin-top:20px;
   width: 640px;
   padding-right:40px;
   float:left;
   }
   
#articleBodyLeistungen {
   margin-top:20px;
   padding-right:0;
   float:left;
   }
   
#articleTitle {
   margin-bottom:20px;
   }
   
#rightContent {
   width: 225px;
   margin-top:30px;
   float:left;
   }
   
#rightContent ul {
   list-style-type:none;
   margin:16px 6px 16px 6px;
   }

#rightContent li {
   padding: 0 0 7px 0;
   }

   
.arrowDownMedium {
   background-image: url(../img/icons/arrow_bdm.png);
   background-repeat:no-repeat;
   background-position:right;
   border-bottom:1px dotted #333333;
   margin-bottom:20px;
   padding-bottom:6px;
   }
   
.arrowDownMediumLeistungen {
   background-image: url(../img/icons/arrow_bdm.png);
   background-repeat:no-repeat;
   background-position:right;
   border-bottom:1px dotted #333333;
   margin-bottom:20px;
   width:420px;
   margin-left:3px;
   padding-bottom:6px;
   }
     
div#ArticleShell a, div#ArticleShell a:link, div#ArticleShell a:visited {
     color: #0099DE;
     text-decoration: none;

     }

div#ArticleShell a:hover { color:#000000; text-decoration:none;}



div#BorderBottom {
     width:930px;
     margin: auto;
     background-image: url(../img/shadow_bottom.png);
     background-repeat: repeat-x;
     }





/*____________________________________

  BOTTOMLINE STYLES
  __________________________________*/
  
  
div#footer {
     width: 930px;
     margin: auto;
     padding-bottom:150px;
     }
     
div#footerleft {
     float:left;
     text-align:left;
     width:465px;
     padding-bottom:5px;
     }
     
div#footerleft p {
     color: #7D7A6E;
     text-align:left;
     padding-bottom:5px;
     padding-right:0;
     }
     
div#footerright {
     float:right;
     width:465px;
     text-align:right;
     padding-bottom:5px;
     }

   
div#footer a, div#footer a:link, div#footer a:visited {
     color: #7D7A6E;
     text-decoration: none;

     }

div#footer a:hover { color:#0099DE; text-decoration:none;}