/* ######################################################### 

    Projekt   : Stellenbörse energiejobs nordwest 
    Copyright : ForWind
    CSS       : general.css
    
############################################################/


/* #### Definitionen ######################################

    Farben : orange #D18B1D
             blau  #0D4B7A
             
###########################################################*/
             

/* ### Container ##########################################*/

body {
  background-color: #e8e8e8; 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #0D4B7A; 
  text-align: center; 
}
    
#siteContent {
  display: block;
  width: 900px; 
  margin: 0px auto;
  margin-top: 20px;
  text-align:left;
}

#top {
  background-image: url(/fileadmin/version2.0/img/top900px.png);
  height: 15px;
  padding-top: 4px;
  padding-right: 10px;
  text-align: right;
  font-size: 9px;
  color: #ffffff;   
}

#top a, #top a:link {
  color: #ffffff;  
  text-decoration: none; 
}

#top a:hover {
  color: #D18B1D;
   
}

#top a:active {
  color: #D18B1D;
}

#mainContent {
  width: 900px;
  background-image: url(/fileadmin/version2.0/img/contentBack.png);
  min-height:700px;
  height:auto !important;
  height:700px;
}
    
#leftBox {
  width: 240px; 
  float: left;
  margin-left: 5px;
}

#logo {
  background-image: url(fileadmin/version2.0/img/logo.png);
  width: 240px; 
  height: 252px;
}

#rightBox {
  float: left;
  width: 650px;
}
  
#banner {
  background-image: url(/fileadmin/version2.0/img/banner01.png);
  width: 650px;
  height:186px;
  border-bottom: 18px solid #0D4B7A;
}

#content {
	position: relativ;
	width: 570px;
	margin-top: 30px;
	line-height:1.5em;
	padding-bottom: 20px;

}

/* ### Basics ############################################################## */

img {
   display:block;
   border:none;
}

#content hr {
   border: 0;
   border-top: dashed #D18B1D 1px; 
   border-bottom: transparent;
   width: 100%;
   margin: 0;
   margin-top: 10px;
   margin-bottom: 10px;
}

h3 {
   color:#D18B1D;
}

a, a:link, a:visited {
  text-decoration:none;
  color: #67757e;
}

a:hover {
  text-decoration:none;
  color: #D18B1D;
}

.clearfloat:after {
  content:".";
  display:block;
  height:0;
  font-size:0;
  clear:both;
  visibility:hidden;
} 

/* ### InfoBox zukunftsenergien ######################################### */

#messeBox {
  position: relative;
  width: 150px;
  height: 48px;
  top: -92px;
  left: 730px;

}

#messeBox p {
  font-size: 10px;
  padding-top: 1px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 1px;   
}

/* ### InfoBox Metropolregion ######################################## */

#metroBox {
   background-image: url(/fileadmin/version2.0/img/frischkopf150px.png);
   position: relative;
   top: -70px;
   margin-left: 20px;
   width: 150px;
   height: 48px;
   text-align:left;
}

#metroBox p {
  font-size: 10px; 
  padding-top: 1px;
	padding-left: 15px;
	padding-right: 10px;  
}

/* ### footer ############################################################## */

#footer {
  background-image: url(/fileadmin/version2.0/img/footer.png);
  height: 55px;
  width: 900px;
 }
 

/*### TABLE #########################################*/

table {
  border-collapse: collapse;
  margin-bottom: 0.5em;
}

#selectionTable td {
  font-size: 11px;
  padding: 0.5em;
  vertical-align:top;
}

#jobListTable th {
  font-size:11px;
  font-weight: bold;
  padding: 0.5em;
  vertical-align:top;
  text-align: left;
}

td.jobList {
  font-size: 11px;
  padding:4px;
}

.odd {
  background: none repeat scroll 0 0 #DDDDDD;
}

.even {
  background: none repeat scroll 0 0 #FFFFFF;
}

/* ### Navigation ########################################################### */

#navi {
  width: 190px;
}

a.menuLink2, a.menuLink2:link, a.menuLink2:visited{
  display:block;
  font-size:12px;
  font-weight: normal;
  padding-left:10px;
  padding-top:5px;
  text-decoration:none;
  color: #0D4B7A;
  height: 24px;
}

a.menuLink2:hover {
  color: #D18B1D;
  text-decoration: none;
}

a.menuLinkAct2 {
  display:block;
  padding-left:10px;
  padding-top:5px;
  height: 24px;
  font-size:12px;
  font-weight: bold;
  text-decoration:none;
  color:#D18B1D;
}


a.submenuLink2 {
  display:block;
  font-size:12px;
  font-weight: normal;
  padding-left:20px;
  padding-top:5px;
  text-decoration:none;
  color: #0D4B7A;
  height:24px;
}

a.submenuLink2:hover {
  color: #D18B1D;
  text-decoration: none;
}

a.submenuLinkAct2 {
  display:block;
  color:#0D4B7A;
  height:24px;
  padding-top:5px;
  padding-left:20px;
  font-size:12px;
  font-weight: bold;
  text-decoration:none;
}


li.menuItem2 {
  list-style-type:none;
  text-align:left;
  border-top:1px solid #D18B1D;
  border-right:3px solid #D18B1D;
  padding-top:5x;
}

li.submenuItem2 {
  list-style-type:none;
  text-align:left;
  border-top:1px solid #D18B1D;

  border-left:5px solid #D18B1D;
}


#menuList2 {
  margin-top:4px;
  padding:0px;
}

ul.submenuList2 {
  margin:0px;
  padding:0px;

}

#naviBottom {
  margin-top: -18px;
  height: 13px;
  width: 190px;
  background-image: url(/fileadmin/version2.0/img/navibottom.png);
}

/* ### NEWS ####################################### */

.news-list-item h2 {
  font-size: 1.2em;
}

.news-single-item h1 {
  font-size: 1.2em;
}

.news-single-item h2 {
  font-size: 1.0em;
}

.news-single-item a {
  width: 300px;
}

/* ### zukunftsenergien Box ############################ */

#zeBox {
  width: 190px;
  margin-top: 20px;
}

#zeBox p {
  font-size: 10px;
  padding-left: 10px; 
  padding-right: 10px;
  margin-top: 00px;
}
#zeTop {
  margin-top: 20px;
  width: 190px;
  height: 13px;
  background-image: url(/fileadmin/version2.0/img/zeTop.png);
}

#zeMiddle {
  background-image: url(/fileadmin/version2.0/img/zeMiddle.png);
  background-repeat: repeat-y;

}

#zeBottom {
  width: 190px;
  height: 13px;
  background-image: url(/fileadmin/version2.0/img/zeBottom.png);
}

/* ### Buttons ### */

.submit {
  border:1px solid #D18B1D;
  background-color: #fdf2d6;
}