@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; }
.headline { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #5986b3; padding-bottom: 5px; margin-bottom: 30px; }
/* --------------navigavtion------------- */
#content { width: 950px; margin-right: auto; margin-left: auto; }
img { border: 0px; }
a img { border: 0px; }
/* -----------Überschriften-------------- */
h1 { font-size:20px; color:#336699; font-weight: normal; }
h2 { color: #336699; font-size: 18px; font-weight: normal; }
h3 { font-size: 16px; font-weight: normal; color: #336699; }
h4 { font-weight: bold; margin-top: 10px; color: #666666; }
.hl_3 { font-size: 14px; color: #336699; }
.hl_4 { font-size: 14px; color: #e50003; }
.navi_main { margin-bottom: 5px; }
.left_625 { float: left; width: 625px; }
.right_300 { float: right; width: 300px; }
.clear_both { clear: both; }
titel { background-color: #CC00CC; }
.bg_600_grau { background-color: #f8f8f8; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; width: 625px; }
/* -----------Überschriften-------------- */

.headline_jarocco { font-size:24px; color:#ada030; text-transform:uppercase; padding-bottom:5px; }
.headline2_jarocco { font-size:11px; color:#444444; }
.headline3_jarocco { font-size:11px; color:#444444; padding-bottom: 15px; }
.headline_steps { font-size: 14px; color: #336699; padding-bottom:5px; }
.headline_steps_faded { font-size: 14px; color: #dddddd; padding-bottom:5px; }
.txt_steps { font-size: 11px; padding-bottom: 15px; }
.txt_steps_faded { font-size: 11px; color: #dddddd; padding-bottom: 15px; }
.faded { color: #dddddd; }
.trademark { color:#336699; }
/* Menu rechts */
.menu-right ul { margin: 0px; padding: 0px; }
.menu-right ul li { list-style-type: none; }
.menu-right ul li a { background: #f1f1f1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; padding: 7px 15px; margin: 0px 0px 3px 0px; }
.menu-right ul li a img { padding-right: 15px; float:left; }
.menu-right ul li a span.text { font-size: 12px; font-weight: 300; }
.menu-right ul li a { clear:left; }
.menu-right ul li a:hover { text-decoration: none; background-color: #e1e8f1; }
.menu-right ul li a:hover span.text { color: #444; }
/**/
/* ------------Formular -----------------*/

input { border: 1px solid #5986b3; }
textarea { border: 1px solid #5986b3; }
select { border: 1px solid #5986b3; }
input.checkbox { margin: 0px; padding: 0px; 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; vertical-align: middle; }
input.radio { margin: 0px; padding: 0px; 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; vertical-align: middle; }
input.file { margin: 0px; padding: 0px; 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; }
/* -----------Links-------------- */
a { color: #333333; text-decoration: none; }
a img { 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; text-decoration: none; }
a:visited { color: #336699; text-decoration: none; }
a:link { color: #336699; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: underline; }
a:active { color: #000066; text-decoration: none; }
.button { background-color: #aaaaaa; color: #CC9933; border: 1px solid #ffffff; }
.button_abbrechen { background-color: #aaaaaa; color: #FFFFFF; border: 1px solid #ffffff; }
.button_bearbeiten { background-color: #FF6600; color: #FFFFFF; border: 1px solid #ffffff; }
.button_reset { border: 1px solid #cccccc; }
.button_speichern { background-color: #FF0099; color: #FFFFFF; border: 1px solid #ffffff; }
.button_weiter { background-color: #5986b3; color: #FFFFFF; border: 1px solid #ffffff; }
.button_finden { background-color: #5986b3; color: #FFFFFF; border: 1px solid #ffffff; padding-top: 3px; padding-bottom: 3px; padding-left: 7px; padding-right: 7px; }
.line_dotted { background-image: url(http://www.jarocco.de/images/line_dotted.gif); background-repeat: repeat-x; height: 9px; margin-top: 10px; margin-bottom: 15px; }
.bg_300_aaaaaa_top { background-image: url(http://www.jarocco.de/CANDIDATES/img_can/bg_300_aaaaaa_top.gif); background-repeat: no-repeat; height: 10px; width: 300px; }
.bg_300_aaaaaa_body { background-image: url(http://www.jarocco.de/CANDIDATES/img_can/bg_300_aaaaaa_body.gif); background-repeat: repeat-y; width: 300px; }
.bg_300_aaaaaa_bottom { background-image: url(http://www.jarocco.de/CANDIDATES/img_can/bg_300_aaaaaa_bottom.gif); background-repeat: no-repeat; height: 15px; width: 300px; margin-bottom: 5px; }
.bg_300_ffffff_top { background-image: url(http://www.jarocco.de/CANDIDATES/img_can/bg_300_ffffff_top.gif); background-repeat: no-repeat; height: 10px; width: 300px; }
.bg_300_ffffff_body { background-image: url(http://www.jarocco.de/CANDIDATES/img_can/bg_300_ffffff_body.gif); background-repeat: repeat-y; width: 300px; }
.bg_300_ffffff_bottom { background-image: url(http://www.jarocco.de/CANDIDATES/img_can/bg_300_ffffff_bottom.gif); background-repeat: no-repeat; height: 15px; width: 300px; margin-bottom: 5px; }
.headline_news { font-weight: normal; margin-bottom: 5px; font-size: 16px; color: #336699; }
.news_txt { font-size: 11px; color: #666666; border-bottom-width: thin; border-bottom-style: dashed; border-bottom-color: #999999; margin-bottom: 15px; padding-bottom: 15px; line-height: 15px; }
/* Footer
#footer { font-size: 10px; color: #999999; margin-top: 50px; margin-bottom: 100px; width: 950px; margin-right: auto; margin-left: auto; }
.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; }
a.footer_link_head { color: #336699; }
a.footer_link_head2 { color: #666666; }
a.footer_link { color: #999999; }
*/
/*----------------- 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 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%; }