﻿* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
  	margin: 0px;
    /*font-family: Verdana, Geneva, Arial, sans-serif;*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 70.01%;
    color: #3c3d3e;
    background-color: #ddd;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }
div#center {			/* zentriert alles */
	margin: 0 auto;
	min-height: 640px;
	height: 100%;
	width: 1000px;
	border: 0;
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
  }
  
div#top1, #top2, #top3 {	/* kopfzeile logo */
	height: 65px;
	width: 1000px;
    background-repeat: no-repeat;
    border: 0;
  }
div#top1 {  
	background-image: url(_images/kopf_bg1.jpg);
}
div#top2 {  
	background-image: url(_images/kopf_bg2.jpg);
}
div#top3 {  
	background-image: url(_images/kopf_bg3.jpg);
}

div#head_red {			/* kopfzeile rot */
	font-family: Verdana, Geneva, Arial, sans-serif;
	position: relative;
 	left: 0px;
 	top: 0px;
	height: 30px;
	width: 1000px;
	background-color: #900;
	color: #fff;
	border: 0;
  }
    
div#content {			/* inhaltsteil */
	position: relative;
 	left: 0px;
 	top: 0px;
	width: 1000px;
	height: 100%;
	min-height: 575px;
	padding-bottom: 10px;
	background-color: #fff;
	border: none;
	border-top: solid 10px #fff;
	}

div#foot {				/* fußzeile */
 	width: 1000px;
	height: 30px;
	vertical-align: bottom;
	margin-bottom: 5px;
	background-color: #bfcad9;
	border-top: 1px solid #900;
	text-align: right;
  }

/* ############# seitenraster ############################### */
div#spalte_links {		/* positionen des seitenrasters */
	float: left;
	width: 205px;
    }
 div#mitte {
 	margin:  0 195px 0 215px;
	width: auto;
    }
div#spalte_rechts {
	float: right;
	width: 185px;
    }
div#mitte_links {
	float: left;
	width: 300px;
    }
div#mitte_rechts {
	float: right;
 	width: 280px;
    }
div#spalte_rechts2 {
	position: absolute;
	left: 710px;
	top: 0px;
	width: 290px;
    }
    
hr.clearings {
	clear: both;
	float: left;
	display: block;
	visibility: hidden;
}

/* ############# positionen ################################# */
div#content_text_start {	/* positionen der einzelnen container */
	padding: 0;
	background-color: #f1f3f7;
	border-left: solid 1px #900;
	min-height: 270px;
  }
div#content_text_links {
	margin-top: 10px;
	width: 205px;
	padding: 0;
	background-color: #f1f3f7;
	min-height: 410px;
  }
div#content_text_rechts {
	background-color: #f1f3f7;
	border-left: solid 1px #900;
	min-height: 435px;
  }
div#content_list_job {
	margin-top: 10px;
	background-color: #fff;
	border-left: solid 1px #900;
  }
div#content_list_seminar {
	margin-top: 10px;
	background-color: #fff;
	border-left: solid 1px #900;
  }
div#content_list_neu {
	background-color: #fff;
	border-left: solid 1px #900;
	min-height: 435px;
  }
div#content_login {
	background-color: #d1d9e4;
	min-height: 150px;
  }
div#content_suche {
	background-color: #bfcad9;
	min-height: 270px;
  }
div#content_seminar_suche {
	background-color: #bfcad9;
	min-height: 270px;
  }
div#anzeige {				/* anzeigenfeld */
	position: relative;
 	left: 0px;
 	top: 10px;
	margin: 0 10px 0 0;
	padding: 10px;
	background-color: #f1f3f7;
	min-height: 60px;
}
div#titlebar {				/* detailseite */
    background-color:#384c68;
    color:#fff;
    padding:5px 20px;
    font-size:1.2em;
    font-weight:bold;
    }
div#content_spalte {
    padding:10px 0 0 20px;
    border:0px;
    }
div.detailborder {
    border-top:1px solid #223752;
    width:650px;
    }
div.detailtopic{
    padding:0px 10px 10px 10px;
    width:100px;
    float:left;
    }
div.detailcontainer {
    padding:3px 0 10px 0;
    width:530px;
    float:left;
    }
div#detailbildbox {
    margin:10px 0;
    }
div#menuebtnbox {
    margin-top:30px;
    }

.form_textbox {				/* textbox eingabeseite*/
    padding-bottom: 10px;
    margin: 10px 0;
    background-color: #f1f3f7;
    border-left: 1px solid #900;
    }
.clearer {
  clear: both;
  }
.left {
  float: left;
}
table.invite {
	border: 0;
	margin: 0;
	padding: 10px 0 0 0;
	background-color: #d1d9e4;
}
table.invite td {
	vertical-align: top;
	border: 1px solid black;
}

/* ############# listen ##################################### */
ul.firma {					/* normale listen */
  	margin: 10px 0 10px 10px;
  	list-style-type: none;
  	list-style-position: outside;
  }
ul.firma li {
	margin-bottom: 0.4em;
  }
table.job {
	margin-left: 10px;
  	border: 0;
  }
table.job  tr {
	vertical-align: top;
  }
table.job  td {
  	padding: 0 10px 0 0;
  }  

div#content_list2 {			/* zweifarbige liste */
	background-color: #f9fafc;
	border-left: solid 1px #900;
	min-height: 565px;
  }
div#content_list2 ul {
  	margin: 0 0 0 10px;
  	list-style-type: none;
  	list-style-position: outside;
  }
div#content_list2 ul li {
	margin-bottom: 0.4em;
  }
div#content_list_result {	/* dreifache liste in mittelspalte */
	background-color: #fff;
	border-left: solid 1px #900;
  }
div#content_list_result2 {
	background-color: #fff;
	border-left: solid 1px #900;
  }
div#content_list_result3 {
	background-color: #fff;
	border-left: solid 1px #900;
  } 

/* ############# ueberschriften ############################# */
h1, h2, h3, h4, h5, h6 {
  	font-size: 1.2em;
  	font-weight: bold;
 	color: #223752;  
  }
h1.login {				/* kopfzeile text rot auf blau für anmeldefeld und suche */
	padding: 5px 0 5px 10px;
 	color: #900;
 	background-color: #e2e7ee;
  }
h1.plain {				/* kopfzeile text blau auf grau für normaltext */
	padding: 5px 0 5px 10px;
	background-color: #c5c5c5;
 	color: #223752;
  }
h1.result {				/* kopfzeile text weiß auf blau für resultate */
	padding: 5px 0 5px 10px;
	background-color: #384c68;
 	color: #fff;
  } 
h2 {					/* auszeichnung innerhalb fliesstexts */
	padding: 5px 0 5px 10px;
}
h3 {					/* kopfzeile des zweifarbigen listeneintrags */
  	margin: 0 0 0 -10px;
	padding: 3px 0 0px 10px;
	min-height: 15px;
	font-size: 1em;
  	font-weight: bold;
	background-color: #e2e7ee;
}
h4.detail{
   font-size: 1.0em;
   font-weight: bold;
   color: #223752;
   padding: 0 0 5px 10px;
   }
strong.result {			/* kleine schrift im resultat-kopf */
	font-size: 1em;
	font-weight: normal;
	background-color: #384c68;
 	color: #fff;
}

/* ############# schriften ################################## */
p {
    font-size: 1em;
    margin: 10px 5px 5px 10px;
  }
p.hide {				/* blasser kleiner text */
	margin: 10px 0 0 10px;
	font-size: 0.9em;
	color: #999;
}
.detailtext {
   font-size: 1.0em;
   font-weight: normal;
   margin-left: 0px;
   padding: 0 0 5px 10px;
 }
.detailinfo {
    color: #223752;
    font-size: 1em;
    font-weight: bold;
    }
.updateinfo {
    margin-top: 7px;
    font-size: 0.9em;
    color: #999;
    }
    
table.resultbar {		/* pfeile zum weiterblaettern */
	margin: 5px 0 0 0;
  }
table.resultbar td.text {
	padding: 0 0 5px 0 ;
  }
  
/* ############# links ###################################### */
a:link {				/* normale links */
  	text-decoration: underline;
  	color: #223752;
  }
a:visited {
  	color: #384c68;
  }
a:hover {
  	color: #900;
  	background-color: #e2e7ee;
  }

a.listname {			/* anklickbarer listeneintrag (firma, job, seminar) */
    text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
  	color: #404040;
  }
a.listname:hover {
	text-decoration: underline;
  	color: #900;
  	background-color: #f9fafc;
  }
  
a.logo {				/* verlinkung des logos */
}    
a.logo:hover {
	background-color: transparent;
}
img {
	border: none;
  }

/* ############# links als buttons ########################## */
.opt_button {
   margin-bottom: 10px;
   padding: 0 0.5em 0 1.2em;
   height: 16px;
   width: 5em;
   border: none;
   background-color: #900;
   vertical-align: top;
   color: #fff;
   background-image: url(_images/pfeil_bg.gif);
   background-repeat: no-repeat;
   overflow: hidden;
   }

a.options {
	text-decoration: underline;
    color: #fff;
    font-size: 1.0em;
    }
a.options:active {
    color: #fff;
    } 
a.options:visited {
    color: #fff;
    }  
a.options:hover {
    color: #fff;
    background-color: #900;
    }

.inv_button {
   margin: 0 0 10px 10px;
   padding: 0 3px 2px 13px;
   height: 20px;
   width: 70px;
   display: inline;
   border: none;
   background-color: #900;
   line-height: 20px;
   vertical-align: top;
   color: #ffffff;
   background-image: url(_images/pfeil_bg.gif);
   background-repeat: no-repeat;
   overflow: hidden;
   }
 

/* ############ formular #################################### */
form {
    margin: 0 5px 5px 10px;
  }
p.form {				/* text in forms */
	font-size: 1em;
    margin: 5px 0 5px 0;
}

form p button, form p input, form p select  {
	margin: .5em 0 0 0;
	padding: 0;
	border: none;
	}
form p button  {
	background: transparent;
	}
form p button p {
	margin: 0 ;
	padding: 0;
	border: none;
	background: #900 url(_images/pfeil_bg.gif) no-repeat center left;
	height: 16px;
	}
div.button {
	display: inline;
	padding: 0 0.5em 0.5em 1.2em;
	height: 16px;
	width: 5em;
	border: none;
	background-color: #900;
	vertical-align: middle;
	background-image: url(_images/pfeil_bg.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    }
span.button {
	margin: 0 ;
	padding: 0 0 0.5em 0;
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}    
  
/* ############ form als table ############################### */
table.form {
	width: 90%;
  }
table.form tr {
	height: 20px;
	vertical-align: bottom;
  }
table.form td {
  	padding: 0 10px 0 0;
  	font-size: 1em;
  }  
/* ############ formular nur divs ########################### */
div#spalte_formeingabe {
	margin:  0 195px 0 20px;
	width: 590px;
    }
div#containerforms {
    clear: both;
    background-color: #bfcad9;
    height: 100%;
    border: none;
    }
.formcontainer {
	clear: both;
	padding: 5px 0 0 10px;
    background-color: #bfcad9;
  }
.cnt_titel {
	float: left;
	width: 170px;
	padding-top: 7px;
 }
.cnt_firma_titel {
	float: left;
	width: 270px;
 }
.cnt_agb_title {
	float: left;
	width: 270px;
	padding: 3px 0 7px 0;
 }
.formbox {
	float: left;
	width: 600px;
	color: #000;
}
.formrow {
	clear: both;
	padding: 2px 0px;
	width: 555px;
}
.formlabel {
	float: left;
	width: 255px;
	text-align: right;
	padding: 7px 5px 0 0;
  }
.formfield {
	float: right;
	width: 285px;
	text-align: left;
  }
.radiorow {
	padding: 0 0 3px 0;
 }
.radiopadd1 {
	padding: 0 20px 0 0;
 }
.radiopadd2 {
	padding: 0 35px 0 0;;
 }
/* ############# such- und ergebnis-leiste ################## */
form#searchbar_marg {
        margin:0;
        }
div#searchbar {
        padding:10px 20px 10px 0;
         background-color:#FFFFFF;
         width:980px;
        }
.resultbar_bg {
        background-color:#e2e7ee;
        }
.searchbar_bg {
        background-color:#bfcad9;
        }
#resultbar_btn {
        background-color:#e2e7ee;
         vertical-align:bottom;
         }
#searchbar_btn {
        background-color:#bfcad9;
         vertical-align:bottom;
         }
.btn_searchbar {
         margin:0 0 0 30px;
         }
td#resultbar_text {
         padding:5px 0 5px 20px;
         margin-bottom:15px;
         font-size:1.2em;
         background-color:#e2e7ee;
        }
td#searchbar_text {
        padding:1px 10px 0px 30px;
         color:#990000;
         font-size:1.2em;
         font-weight:bold;
         background-color:#e2e7ee;
        }
/* ############# navigation ################################# */
/* ############# hauptnavigation im roten kopfbalken ######## */
ul#topnav1 {			
	margin: 0px;
	padding: 5px;
  }
ul#topnav1 li {
	list-style: none;
	display: inline;
	padding: 0 10px;
	font-size: 1.4em;
  }
ul#topnav1 a {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
	background-color: #900;
  }
ul#topnav1 a:hover {
	text-decoration: underline;
  }

/* ############# servicenavigation im roten kopfbalken ###### */
ul#topnav2 {
	float: right;
	margin-top: -25px;
	padding: 5px 0 0 0;
  }
ul#topnav2 li {
	list-style: none;
	display: inline;
	padding: 0 10px;
	font-size: 1.0em;
  }
ul#topnav2 a {
    text-decoration: underline;
    font-weight: normal;
    color: #fff;
	background-color: #900;
  }
ul#topnav2 a:hover {
	background-color: #730000;
  }

/* ############# servicenavigation im footer ################ */
ul#footnav {
	float: right;
	margin-top: 5px;
	padding: 5px 0 0 0;
  }
ul#footnav li {
	list-style: none;
	display: inline;
	padding: 0 10px;
	font-size: 1.0em;
  }
ul#footnav a {
    text-decoration: underline;
    font-weight: normal;
    color: #900;
  }
ul#footnav a:hover {
	background-color: #9ca6b4;
  }


