/* 1px > 0.0625em */

/* Farben:
hellblau1 (sitebg): #d1dae8
orange-dunkel: #e85108;
blau-dunkel: #42559c;

blaue Headlines: #99aecd;
				 #8294ae

*/


* {
	font-size: 100%;
	margin:0;
	padding:0;
	}

html {
	margin: 0;
	padding: 0;
  	min-height: 100%; 
	margin-bottom: 1px;
 	width: 100%
	} 

body {
	text-align:center;
	font-family: Verdana, Arial, Sans-Serif;
	/*background:#ABC2E5;*/
	background: #d1dae8;
	padding: 0;
	margin: 0;
	color:#fff;
	font-size : 1em;
	height: 100%;
	}
	
img {
	border: 0;
	}
	
ol {
    line-height: 1.5em;
	font-size: 0.70em;
	margin: 1em 0 1em 35px;
}	

.unsichtbar {
	display: none;
	}

.clear {
	clear: both;
	display: none;
	}


.reset p {
	margin: 0;
	padding: 0;
	}


/* alte zentrierung 
#globalcontainer{
	text-align:left;
	margin: 0 auto;
	width:47.70em;
	background-color: white;
	border-left:0.1875em solid white;
	border-right:0.1875em solid white;
	}
*/

	
#center {
	position: absolute;
	width: 57em;
	margin-left: -23.85em;/* Hälfte website ohne sky */
	top: 0;
	left: 50%;
	}					

#globalcontainer{
	text-align:left;
	float: left;
	width:47.70em;
	background: white;
	border-left:0.1875em solid white;
	border-right:0.1875em solid white;
	}	

#sky {
	width: 120px;
	margin: 0 0 0 10px;
	float: left;
	display: none;
	}	

  
/* logobox -----------------------------------------------------------*/
#logobox {
	float: left;
	width: 23.75em;
	height: 8.625em;
	background: #43569b;
	border-right: 0.1875em solid white;
	border-bottom: 0.1875em solid #fff;
	}

#logobox img {
	width: 23.75em;
	height: 8.625em;
	}

/* suchbox -----------------------------------------------------------*/
#suchbox {
	float: left;
	width: 23.75em;
	height: 8.625em;
	text-align: left;
	background: #e85108 url(../images/suchbox_bg.jpg) no-repeat top left;
	padding: 0;
	color: #fff;
	font-weight: bold;
	border-bottom: 0.1875em solid #fff;
	}

#suchbox h3 {
	margin: 0;
	padding: 15px 0 3px 15px;
	font-size: 0.7em;
	background: url(../images/eckeWeissReO.gif) no-repeat top right;
	}

#suchbox label.reo {
	margin: 0;
	padding: 15px 0 3px 15px;
	background: url(../images/eckeWeissReO.gif) no-repeat top right;
	}

#suchbox label {
	display: block;
	padding: 5px 0 3px 15px;
	font-size: 0.7em;
	}


#suchbox input, #suchbox select {
	margin: 0 0 0 15px;
	padding: 0;
	display: block;
	width: 20em;
	font-size: 0.7em;
	}
	
#suchbox select {
	width: 20.4375em;
}	

#suchbox form {
	float: right;
	width: 100%;
	height: 8.625em;
	margin: 0;
	padding: 0;
	background: url(../images/eckeWeissReU.gif) no-repeat bottom right;
	}
#suchbox fieldset {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 8.625em;
	background: url(../images/eckeWeissLiU.gif) no-repeat bottom left;
}

#suchbox legend {
	display: none;
	}

#suchbox #suchbutton, #suchbox ul#suchbutton-detail {
	width: 48%;
	height: 2em;
	float: left;
	padding: 0 0 5px 0;
	margin: 10px 0 0 0; 
	font-size: 0.7em
	}
	
#suchbox #suchbutton {
	font-size: 1em;
	} 	

#suchbox ul#suchbutton-detail {
	float: right;
	list-style: none;
	padding: 4px 0 5px 0;
	}

#suchbox #submit {
    cursor: pointer;
   	font-weight: bold;    
   	color: #fff;
   	background-color: #EB6F19;
   	border: 2px solid #FFFFFF;
   	width: 10em;
   	padding: 0.1em;
    margin: 0 0 0 15px;
	}

#suchbox li {
	display: inline;
	padding: 0 10px 0 0;
	}

#suchbox li a {
	color: #fff;
	background: inherit;
	text-decoration: none;			
	}

#suchbox li a:hover {
	color: #F7C34A;
	background: inherit;
	text-decoration: none;			
	}



  
/* bannerbox -----------------------------------------------------------*/
#bannerbox {
	clear: both;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 47.6875em;
	height: 5.625em;
	border-bottom: 0.1875em solid #fff; 
 	}
 
 
/* content -------------------------------------------------------------- */
  
/* 2-Spalter */
#contentbox {
	font-size: 1em;
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	width: 35.75em;
	color: #333;
  }
  
/* 3-Spalter */
#contentbox-3sp {
	font-size: 1em;
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	width: 23.8125em;
	color: #333;
  }
  
  /* Main Headline */
#hl_box {
	width: auto;
	clear: both;
	}
	
#hl_box img {
	width: 100%;
	display: block;
	} 
	
#hl_box h1 {
	padding: 5px 10px;
	font-size: 20px;
	color:#fff;
	background: #99AECD;
	overflow: auto;
	}
  

table.content {
    padding: 0.75em 0.625em 0 0.5em;
	line-height: 1.5em;
	font-size: 0.70em;
	}
	
table.content td{
    padding: 0.5em 1em 0.5em 0;
      }
   
#contentbox p,  #contentbox-3sp p {
	padding:0.75em 0.625em 0 0.625em;
	line-height: 1.5em;
	font-size: 0.70em;
	}
	
#contentbox p {
	margin-right: 1em;
}	
	
#contentbox p.mehrlink,  #contentbox-3sp p.mehrlink {
	text-align: right;
	}	
	
#contentbox h2, #contentbox-3sp h2 {
	padding:1em 0.625em 0 0.625em;
	line-height: 1.25em;
	font-size: 0.70em;
	font-weight: bold;
	color: #99AECD;
	/* test */
	color: #8294ae;
	}
	
#contentbox-3sp h2 {
	font-size: .9em;
}


#contentbox ul, #contentbox-3sp ul {
	list-style-position: outside;
	font-size: 0.70em;
	line-height: 1.5em;
	margin: 1em 0 1em 25px;
	padding: 0 0.625em 0 0;
	}
	
#contentbox li, #contentbox-3sp li {
	margin: 0 0 0.7em 0;
	}				
	
#contentbox a, #contentbox-3sp a{
	text-decoration: none;
	color: #8294ae;
	}
	
#contentbox a:hover, #contentbox-3sp a:hover{
	text-decoration: underline;
	color: #8294ae;
	}
	
#contentbox a.pfeil, #contentbox-3sp a.pfeil {
	background: url(../images/arrow-link.gif) no-repeat 0 center;
	padding: 0 0 0 10px;
	color: #8294ae;
}

#contentbox a.pfeil:hover, #contentbox-3sp a.pfeil:hover {
	color: #8294ae;
}

#contentbox-3sp p.bildquelle {
	font-style: italic;
}
			
  
/* auszeichnungen content suchergebnisse */ 
.gelb {
	font-weight: bold;
	color: #F7C34A;
	}
  
  /* 
  -----------------------------------------------------------------
  tabelle empfehlungen 
  */

  table.empfehlungen {
    margin: 0.75em 0.625em 0 0.625em;
    background: #fcc;
    width: 34.5em;
    text-align: left;
    border-collapse: collapse;
  }
  
  #contentbox table.empfehlungen a, #contentbox table.empfehlungen a:hover {
  	color: #e85108;
  } 
  
  tr.empfehlungenhead {
    background: #F7C34A;
    font-weight: bold;
    font-size: 0.70em;
    color: #fff;
  }
  
  th.empfehlungenhead_li {
    padding: 0.625em 0.3125em;
    background: #F7C34A url(../images/table_bg_empf.jpg) repeat-y bottom left;
  }	
  
  th.empfehlungenhead_re {
    padding: 0.625em 0.3125em;
  }	
  
  tr.empfehlungen2 {
    background: #FFEDD2;
    font-size: 0.70em;
  }
  
  tr.empfehlungen1 {
    background: #fff;
    font-size: 0.70em;
  }
  
  /* 
  ------------------------------------------------------------------
  tabelle suchergebnisse standard 
  */
  
  table.suchergebnisse {
    margin: 0.75em 0.625em 0 0.625em;
    background: #fcc;
    width: 34.5em;
    text-align: left;
    border-collapse: collapse;
  }
  
  #contentbox table.suchergebnisse a, #contentbox table.suchergebnisse a:hover {
  	color: #000;
  }
  
  tr.suchergebnissehead {
    background: #99AECD;
    font-weight: bold;
    font-size: 0.70em;
    color: #fff;
  }
  
  th.suchergebnissehead_li {
    padding: 0.625em 0.3125em;
    background: #99AECD url(../images/table_bg_sucherg.jpg) repeat-y bottom left;
  }	
  
  th.suchergebnissehead_re {
    padding: 0.625em 0.3125em;
  }	
  
  tr.suchergebnisse2 {
    background: #E1E7F0;
    font-size: 0.70em;
  }
  
  tr.suchergebnisse1 {
    background: #fff;
    font-size: 0.70em;
  }
  
  td{
    padding: 0.5em 1em 0.5em 0.25em;
  }
  
  td.eintrag{
    font-weight: bold;
        padding: 0.5em 1em 0 0.25em;
  }
  
  td.ort{
    text-align: right;
  }

  /*
  ---------------------------------------------------------------
  Blätterfunktion
  */
  
.paging{
	padding: 0.625em 0.3125em;
	margin: 0.3125em auto;
	text-align: center;
    width: 33.875em;
}

.paging ul{
	font-weight: normal;
	margin: 0;
	list-style: none;
	display: inline;
	font-size: 0.80em;
}

.paging li{
	margin: 0 4px;
	display: inline;
}

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

.paging a:hover{
	color: #000000;
	text-decoration: underline;
}

li.current a{
	font-weight: bold;
}

.paging img{
	padding: 2px;
	vertical-align: middle;
}

.paging-treffer{
	margin: 0 15px 0 0;
	font-size: 0.8em;
}

.druckbutton {
	display: inline;
	margin: 0 0 0 3em;
}   
  
  /* 
  -----------------------------------------------
  2.Spalte Bilder
   */
   
#imageCol {
	float: left;
	width: 11.9375em;
	color: #fff;
	}
  
#imageCol img {
	display: block;
	margin: 0 0 0.1875em 0.1875em;
	padding: 0;
	} 


#imageCol .marginbild1 {
	border:0;
	width: 11.75em;
	height: 13.625em;
	height: 13.3125em ;
	}

#imageCol .marginbild2 {
	border:0;
	width: 11.75em;
	height: 7.5em;
	}
	
#imageCol h2 {
	color: #8294ae;
	font-size: 0.7em;
	margin: 15px 5px;
	}
	
#imageCol ul.linktipps {
	margin: 15px 5px;
}

#imageCol ul.linktipps li {
	margin: 0 0 0.5em 0;
}	
	
#imageCol ul.linktipps li a {
	color: #8294ae;
	font-size: 0.7em;
	margin: 15px 0;
	text-decoration: none;
	}
	
#imageCol ul.linktipps li a:hover {
	text-decoration: underline;
	}	
  
#imageCol .werbungtitel {
	color: #000;
	font-size: 0.7em;
	margin: 15px 5px;
	}

#imageCol .werbung {
	color: #000;
	text-align: center;
	margin: 15px auto;
	}
	
#imageCol .werbung img {
	float: none;
	display: inline;
	}
	
.contentbild1 {
    border:0;
    width: 23.8125em;
    height: 10.1875em;
    margin: 0.1875em 0 0 0;
  	}
 
  			
  
  /* 
  -----------------------------------------------
  3.Spalte Serviceboxes
   */
  
#serviceCol {
	float: right;
	text-align: left;
	color: #fff;
	width: 11.9375em;
	}


  
#serviceCol .servicebox {
	margin: 0px;
	width: 11.75em;
	background: #6d82bb url(../images/servbox_LiO.gif) no-repeat top left;
	border-bottom: 0.1875em solid #fff;
	border-left: 0.1875em solid #fff;
	}

#serviceCol .servicebox h3 {
	margin: 0 0 0 0;
	padding: 5px 3px 5px 10px;
	font-size: 0.7em;
	color: #fff;
	border-bottom: 1px solid #fff;
	background:  url(../images/eckeWeissReO.gif) no-repeat top right;
	}

#serviceCol .servicebox ul {
	margin: 0px;
	padding-top: 10px;
	background: #99AECD url(../images/eckeWeissLiU.gif) no-repeat bottom left;
	list-style: none;
	}
	
#serviceCol .servicebox ul.jobdoo {
	text-align: center;
	}
	
#serviceCol .servicebox ul.jobdoo li a {
	background: none;
	padding: 5px;
	color: #40529A;
	}

#serviceCol .servicebox li {
	display: block;
	background: #99AECD;
	line-height: 1.2em;
	height: 100%;
}

#serviceCol .servicebox li a{
	display: block;
	font-size: 0.7em;
	line-height: 1.2em;
	color: #fff;
	background: #99AECD url(../images/arrow.gif) no-repeat 10px 0.9em;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	}

#serviceCol .servicebox li a:hover {
	color: #40529A;
    background: #E1E7F0 url(../images/arrow-hov.gif) no-repeat 10px 0.9em;
	}

#serviceCol li.allethemen {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 10px 0 0 0;
	}
	
#serviceCol li.last {
	background: url(../images/eckeWeissReU.gif) no-repeat bottom right;
	padding: 0;
	}	
    

/*   rand oben unten     -------------------------------------------------------------- */  

.randcont {
	clear: both;
    width: 100%;
    background: #59595B;
 	}
 
.randcont ul {
 	text-align: center;
 	font-size: 0.625em;
 	color: #999;
 	padding: 6px 0;
 	}
 
.randcont li {
 	display: inline;
 	margin: 0 2px;
	}
 
.randcont li a{
 	color: #999;
 	text-decoration: none;
 	}
 
.randcont li a:hover{
 	color: #fff;
 	}
 
.randtop {
 	background: #59595B url(../images/rand_top.png) no-repeat bottom left;
 	border-bottom: 0.1875em solid #fff;
 	height: 26px;
 	width: 764px;
 	}
 
.randtop ul {
 	background: url(../images/eckeWeissReU.gif) no-repeat bottom right;
 	}
 
.randbot {
 	background: #59595B url(../images/eckeWeissLiO.gif) no-repeat top left;
 	border-top: 3em solid #fff;
 	}
 
.randbot ul{
 	background: url(../images/eckeWeissReO.gif) no-repeat top right;
 	}
  

/* ENDE RAND OBEN UNTEN */  

/* 
  -----------------------------------------------
  Referenzen / Linklisten
*/


#regionen-karte {
	background: url(../images/karte.gif) no-repeat top left;
	width: 18.75em;
	width: 34em;
	height: 9.25em;
	position: relative;
	margin: 0 0 1.2em 0;
}

#map {
	position: absolute;
	top: 0;
	left: 0;
	width: 18.75em;
	width: 34em;
	height: 9.25em;
}

#regionen-karte p {
	font-size: 0.7em;
	line-height: .9em;
	font-weight: bold;
}

#regionen-karte p a {
	text-decoration: none;
	color: #40529A;
	padding: 2px;

}

#regionen-karte p a:hover {
	text-decoration: none;
	color: #40529A;
	background: #fff;
}

#region_schleswig-holstein {
	position: absolute;
	top: 4.375em;
	left: 16.5em;
}

#region_mecklenburg-vorpommern {
	position: absolute;
	top: 7em;
	left: 28em;
}

#region_hamburg {
	position: absolute;
	top: 8em;
	left: 21em;
}

#region_sonstige {
	position: absolute;
	top: 2.5em;
	left: 1.625em;
}

#region_niedersachsen {
	position: absolute;
	top: 10em;
	left: 17em;
}

#linkliste .register {
	font-weight: bold;
	padding: 0 0 1em 0;
}

#linkliste .register li{
	display: inline;
	margin: 0 2em 0 0;
	padding: 0.3em 0.7em;
	background: #d1dae8;
}

#linkliste .register li a{
	color: #43559d;
}

#linkliste .register li a:hover{
	color: #000000;
}

#linkliste {
	background: #fff;
	margin: 15px 0 0 15px;
	line-height: 1.4em;
}

#linkliste h1 {
	font-size: 0.80em;
	color: #99aecd;
}

#linkliste ul {
	list-style-position: inside;
	list-style-position: outside;
	font-size: 0.70em;
	margin: 0 0 1em 15px;
}

#linkliste a {
	color: #000;
}

#linkliste a:hover {
	color: #000;
	text-decoration: underline;
}


#linkliste dl {
	margin-bottom: 15px;
}

#linkliste dt {
	font-size: 0.80em;
	color: #99aecd;
	font-weight: bold;
}

#linkliste dt a:hover {

}

#linkliste dd {
	font-size: 0.70em;
}