@charset "UTF-8";
/* CSS Document */
body { background-color: #ffffff; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; margin: 0px; }
/* --------------TOP CONTENT------------- */
#top { width: 950px; margin-right: auto; margin-left: auto; height: 65px; margin-top: 0px; padding-top: 45px; }
#logo { float: right; width: 300px; }
.top_left { width: 650px; float: left; }
.top_right { width: 250px; float: right; }
.logo_div { width: 90px; float: left; border-right: solid 1px #aaaaaa; }
.ag_div { width: 150px; float: right; text-align: right; }
/* --------------navigavtion------------- */
#content { width: 950px; margin-right: auto; margin-left: auto; }
#left { width: 300px; float: left; }
#left_center { width: 600px; float: left; border-right-width: 1px; border-right-style: dotted; border-right-color: #5986b3; padding-right: 20px; }
#right { width: 260px; float: right; }
.headline { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #5986b3; padding-bottom: 5px; margin-bottom: 30px; }
#center { float: left; width: 300px; }
#center_right { float: right; width: 750px; }
#inner { padding-right: 15px; padding-left: 15px; }
.left_625 { float: left; width: 625px; }
.left_725 { float: left; width: 725px; }
.right_300 { float: right; width: 300px; }
.right_200 { float: right; width: 200px; }
.clear_both { clear: both; }
img { border: 0px; }
a img { border: 0px; }
/*.name {
    background-image: url(../pics/bg2.gif);
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #98a2ac;
    margin-top: 5px;
    margin-bottom: 10px;
	vertical-align:middle;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
}*/

.login { }
.bg300_aktuelles { background-image: url(../pics/start_bg3.gif); background-repeat: no-repeat; height: 375px; width: 300px; overflow: hidden; }
.login_field { margin: 0px; padding: 0px; width: 100px; }
.hilfen_hl { padding-top: 15px; height: 25px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #333333; margin-bottom: 10px; }
.hilfen_hilfen_hl { color: #5272A5; }
.menu_right_top { padding-bottom: 15px; background-color: #eeeeee; font-size: 11px; }
.books_hl { height: 25px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #AAAAAA; margin-bottom: 5px; }
.jobs_body { }
.books_body { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-bottom: 5px; }
.navi_main { margin-bottom: 5px; }
titel { background-color: #CC00CC; }
.bg_600_grau { background-color: #f8f8f8; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; width: 625px; }
/* LINKS */
a.logo_link { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
a.footer_link_head { color: #336699; }
a.footer_link_head2 { color: #666666; }
a.footer_link { color: #999999; }
/*
/*
/*
/* --- NEU! NEU! NEU! --- */

/* --- Menus rechts --- */

.menu { margin: 0px 0px 0px 0px !important; }
.menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.menu ul h4 { }
.menu ul h4 span { margin: 0px 7px 0px 0px; font-size: 7px; border-left-width: 8px; border-left-style: solid; border-left-color: #CC0000; }
.menu ul li { list-style-type: none; list-style-image: url(http://pics.jarocco.de/arrows/arrow_thin_up_small.gif); margin: 0px 0px 3px 15px; padding: 0px 0px 0px 0px; }
.menu ul li a { }

/* --- BACKGROUNDS --- */

.bg_ffffff { background: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 1px 3px #aaaaaa; -webkit-box-shadow: 0px 1px 3px #aaaaaa; padding: 15px 20px 20px 20px; margin-bottom:15px; }
.bg_f1f1f1 { background: #f1f1f1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 1px 3px #aaaaaa; -webkit-box-shadow: 0px 1px 3px #aaaaaa; padding: 15px 20px 20px 20px; margin-bottom:15px; }







/* --- JobFeed --- */

.h1-position { margin-left:625px; margin-top:45px; position:absolute; z-index:5; line-height:normal; }
.h1-style { font-size:20px; color:#333333; }
.stellen-position { margin-left:625px; margin-top:175px; position:absolute; z-index:10; line-height:normal; }
.counter { font-size:24px; color:#336699; }
.angebote-position { margin-left:625px; margin-top:225px; position:absolute; z-index:10; line-height:normal; }

/**/










/*----------------- FOOTER -----------------*/

#footer { width: 950px; margin-right: auto; margin-left: auto; font-size: 10px; color: #999999; margin-top: 50px; margin-bottom: 100px; }
.footer { font-size: 10px; color: #999999; margin-top: 50px; margin-bottom: 100px; background: #f1f1f1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 1px 3px #aaaaaa; -webkit-box-shadow: 0px 1px 3px #aaaaaa; padding: 15px 20px 20px 20px; margin-bottom:15px; }
.footer ul { float: left; width: 108px; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; }
.footer ul li { list-style-type: none; }
.footer ul li a { display: block; color: #999999; }
.footer ul li a.inline { display:inline-block; }
.footer ul li a span.head { font-weight: bold; color: #336699; }
.footer ul li a { clear: both; display: block; }

/*
#footer { width: 950px; margin-right: auto; margin-left: auto; font-size: 10px; color: #999999; margin-top: 50px; margin-bottom: 100px; }
.col1 { width: 12.5%; float:left; }
.footer_top { background-image: url(http://pics.jarocco.de/backgrounds/bg_footer_top.gif); background-repeat: no-repeat; height: 5px; width: 950px; }
.footer_body { background-image: url(http://pics.jarocco.de/backgrounds/bg_footer_body.gif); background-repeat: repeat-y; width: 950px; line-height: 13px; }
.footer_bottom { background-image: url(http://pics.jarocco.de/backgrounds/bg_footer_bottom.gif); background-repeat: no-repeat; height: 10px; width: 950px; }
.footer_padding { padding:15px 25px 10px 25px; }
.footer_head { font-weight:bold; }
*/
/*----------------- FOOTER ENDE -----------------*/

/.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }