/* Styles - Location Insider
/* Version: v1 vom 06.11.2013
/* Author: K. Kruzewitz // CUBA DESIGN GmbH // kruzewitz(at)cuba-design(dot)com
/* Author URI: http://cuba-design.com
/* ---------------------------------------------------------------------------------------------- */
/* ----------  Contents  ---------- */
/*
  1. Generic & Structure
  2. Navigation Elements
  3. Forms
  4. Footer
  5. Other
*/
/* ---------------------------------- */
/* -----------  Colors  ------------- */
/*
	Grey (font): #4d4d4d;
	Orange: #0081c1;
	
/* ---------------------------------  */
/* -----------  Fonts  ------------- */
/*
    Arial
*/
/* ---------------------------------  */

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             1. Generic & Structure
/*  ----------------------------------------------------------------------------------------------------------  */
body { 
	font-size: 10px; /* 62.5%*/
	font-family:arial, sans-serif;
	color:#4d4d4d;
}
* {
word-wrap: break-word;
} 
a {text-decoration:none; color:#0081c1;}
a:active, a:hover, a:focus {color:#4d4d4d;}
/*.print_only {display:none;}*/
.clear, .clearfix {clear:both;}

.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
strong, p b {font-weight:bold;}
em { font-style:italic; }
div#wrapper {
	margin:0px auto;
	background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url(../img/mobilbranche_bg1.gif);
    background-position: center top;
    background-repeat: no-repeat;
	width: 100%;
	min-height: 564px;
}
section#container {
    position: relative;
	width:1000px;  
	margin:0px auto;
	padding-top:20px;
}
header {
    width:100%;
    position:relative;
    margin-bottom: 18px;
    font-size:1.5em;
	border-bottom: 1px dotted #888;
}
#logo {width:300px; height: 84px; padding-top:20px; padding-bottom: 10px;}
h1.logo {
	width:300px;
	height:84px;
	background:url(../img/mobilbranche-logo-klein.png) no-repeat top left;
	text-indent:-300000px;
}
h2, h4 {font-size:2.0em; font-weight:bold; text-transform:uppercase; /*line-height:1.2em;*/}
/* article#teaser {width:68%; margin-right: 2%; height:400px; position: relative; background-color: #ccc; float:left; margin-bottom: 20px; margin-top: 10px;  }*/
article#teaser {width:100%; position: relative; float:left; margin-bottom: 20px; margin-top: 10px;  }
article.side { width:30%; /*300px*/	float:left; height:190px; margin-top: 10px; }
#teaser ul li img {position: absolute; top:0; left:0px;}
#teaser span {text-indent:-30000px; width: 41px; height: 41px; position: absolute;}
div#teaser_raster {position: absolute; z-index: 8; left:0px; top: 0px; background:url(../img/raster.png) no-repeat left top; width:100%; height:270px;}
aside{
	width:30%; /*300px*/
	float:left;
}
section#main {
    width:68%; /*680px*/
    float:left;
    margin-right:2%; /*20px*/
    padding-bottom:95px;
}
#main p {font-size:1.5em; line-height:1.45em; margin-bottom: 15px;}
#main .infos p {font-size:1em;}
.singlepost ul {list-style-type:square; margin-bottom: 10px; }
.singlepost ol { list-style-type: decimal; margin-bottom: 10px; }
.singlepost ul li { margin-left: 15px; line-height: 1.3em; font-size: 15px; margin-bottom: 4px;}
.singlepost ol li { margin-left: 20px; line-height: 1.3em; font-size: 15px; margin-bottom: 4px;}


blockquote { border-left: 5px solid #4d4d4d; padding-left: 10px;}
ul#article_list img + p {margin-top: -5px;}
h2 a { background:#0081c1; color:#fff; line-height:30px; box-shadow: -5px 0px 0px 0px #0081c1; }
h2 a:hover { background:#4d4d4d; color:#fff; box-shadow: -5px 0px 0px 0px #4d4d4d; }
a.moretag {color:#0081c1;}
a.moretag:hover {color:#4d4d4d;}

ul#article_list h2, h2 {margin-bottom:9px; display:inline-block; line-height:30px; padding:0; margin-left: 5px; white-space:pre-wrap; }
ul#article_list li h2 a {background:#7e7e7e; color:#fff; line-height:26px; padding:3px 0px;  box-shadow: -5px 0px 0px 0px #7e7e7e;}
ul#article_list li h2 a:after, h2 a:after { content:"\0000a0"; }
ul#article_list li:first-child h2 a {background:#222222; box-shadow: -5px 0px 0px 0px #222222; }
ul#article_list li:first-child h2 a:hover, ul#article_list li h2 a:hover {background:#4d4d4d; box-shadow: -5px 0px 0px 0px #4d4d4d;}
ul#article_list li:nth-child(2) h2 a {background:#4d4d4d; box-shadow: -5px 0px 0px 0px #4d4d4d; }
ul#article_list li:nth-child(2) h2 a:hover {background:#0081c1; box-shadow: -5px 0px 0px 0px #0081c1;}
ul#article_list span.normal, section.singlepost span.crumb, #main span.small, #main span.normal {font-size:1.2em; margin-bottom:18px; display: block;}
ul#article_list span a, section.singlepost span.crumb a {font-weight:bold; color:#4d4d4d;}
ul#article_list span a:hover, ul#article_list span a:focus, section.singlepost span.crumb a:hover {color:#0081c1;}
ul#article_list img {float:left; margin-right: 10px; margin-bottom:10px;}
ul#article_list li {margin-bottom: 15px; display:inline-block;}

section.singlepost h2 {margin-bottom:9px; margin-left: 0px; display:inline-block; padding:0; white-space:pre-wrap; }
section.termine h2 {margin-bottom:20px; display:inline-block; padding:0; white-space:pre-wrap; margin-left: 0px; }
section.singlepost h2 span, section.termine h2 span {background:#222222; color:#fff; line-height:26px; padding:3px 0px;}
section.singlepost h2 span:before, section.singlepost h2 span:after, section.termine h2 span:before, section.termine h2 span:after { content:"\0000a0"; }
section.singlepost h4 {margin-bottom:5px; display:inline-block; padding:0; white-space:pre-wrap; }
section.singlepost h4 span {background:#555; color:#fff; line-height:26px; padding:3px 0px;}
section.singlepost h4 span:before, section.singlepost h4 span:after { content:"\0000a0"; }
.alignnone {float:none; margin: 10px; margin-bottom: 10px;}
.alignleft {float:left; margin-right: 10px; margin-bottom: 10px;}
.alignright {float:right; margin-left: 10px; margin-bottom: 10px;}
.aligncenter { display:block; margin: 0 auto; }
section#main.singlepost p {margin-top:0px; }
div.wp-caption { margin-bottom: 0px !important; }
p.wp-caption-text { font-size: 11px !important; line-height: 14px !important; margin-top: 4px !important; color: #888; margin-bottom: 10px !important; }

aside p {font-size:1.2em; line-height:1.2em; margin-bottom: 5px;}
aside article {margin-bottom: 30px;}
aside article h3 {background:#555555 url(../img/h3_bg.png) repeat left top; height:20px; font-size: 1.2em; margin-bottom: 10px; text-transform:uppercase;}
aside article h3 span {color:#fff; font-weight:bold; padding:5px 10px 0 10px; background:#555555; position: absolute;}
article ul.social_media li {width:30px; height:30px; margin-right: 9px; display:inline-block; opacity: .8;}
article ul.social_media li:hover { opacity: 1;}
.ad img, .sponsoren img {margin-bottom: 20px; max-width:300px;}
article ul.social_media li {display:inline-block; width:30px; height:30px; margin-right: 9px;}
article ul.social_media li:last-child {margin-right: 0;}
article ul.social_media li.twitter {background:url(../img/social_media/twitter.png) no-repeat left top;}
article ul.social_media li.rss {background:url(../img/social_media/rss.png) no-repeat left top;}
article ul.social_media li.facebook {background:url(../img/social_media/facebook.png) no-repeat left top;}
article ul.social_media li.xing {background:url(../img/social_media/xing.png) no-repeat left top;}
article ul.social_media li.in {background:url(../img/social_media/in.png) no-repeat left top;}
article ul.social_media li.google {background:url(../img/social_media/google.png) no-repeat left top;}
article ul.social_media li a {text-indent:-300000px; display: block; width:30px; height:30px;}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             2. Navigation Elements
/*  ----------------------------------------------------------------------------------------------------------  */
nav#main_nav {
    position: absolute;
    right:0px;
    top:35px;
}
#main_nav ul li {display: inline; float:left;}
#main_nav ul li a {padding: 10px 9px 10px 8px; display: block; font-size:14px; color:#4d4d4d; }
#main_nav ul li:last-child a {padding-right:5px;}
#main_nav ul li a:hover, #main_nav ul li a:focus, #main_nav ul li.current_page_item > a, #main_nav ul li.current-menu-item a {
    color:#fff; background:#0081c1;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}
#rss { position: absolute; right:0px; top:15px; width: 58px; }
#rss a.rsslink { display:block; width: 16px; height: 16px; background:url(../img/social_media/rss.png) no-repeat left top; float:left;  }
#rss a.rsslink:hover { background:url(../img/social_media/rss_a.png) no-repeat left top;  }
#rss a.facebooklink { display:block; width: 16px; height: 16px; background:url(../img/social_media/facebook.png) no-repeat left top; float:left; margin-right: 5px; }
#rss a.facebooklink:hover { background:url(../img/social_media/facebook_a.png) no-repeat left top; }
#rss a.twitterlink { display:block; width: 16px; height: 16px; background:url(../img/social_media/twitter.png) no-repeat left top;float:left; margin-right: 5px; }
#rss a.twitterlink:hover { background:url(../img/social_media/twitter_a.png) no-repeat left top; }

#main_nav ul li ul {display:none; position:absolute; z-index:99;}
#main_nav ul li:hover ul {display:block;}
#main_nav ul li ul li {display: block; float:none;} 
nav#cat_nav {position: absolute; top:0; right:0px; color:#fff;}
#cat_nav ul li a {
    background:#555 url(../img/choose.png) no-repeat right top;
    padding:10px 30px 8px 9px;
    display:block;
    color:#fff;
    font-weight:bold;
    font-size:1.4em;
}
#cat_nav ul li ul {display: none;}
#cat_nav ul li:hover ul, #cat_nav ul li:focus ul {display:block;}
#cat_nav ul li ul li a {background-image:none;}
#cat_nav ul li ul li:hover a,#cat_nav ul li ul li:focus a {background:#7e7e7e; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}


/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             3. Forms
/*  ----------------------------------------------------------------------------------------------------------  */
aside form#searchform {background:#f3f3f3; border-bottom:3px solid #c1c1c1; padding:11px 0 11px 0;}
form#searchform input {
	padding:3px 8px 3px 8px;
	outline:none;
	font-size:1.5em;
	color:#a3a3a3;
	border:none;
	background:transparent;
	margin-right:10%;
}
form#searchform input:focus {color:#4d4d4d;}
aside form#searchform input {width:74%;}
aside form#searchform button {width:20px; height:20px; background:url(../img/button.png) no-repeat left top; border:none; outline:none; text-indent:-300000px; cursor:pointer;}
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             4. Footer
/*  ----------------------------------------------------------------------------------------------------------  */
footer {
    clear:both;
	float:left;
    width: 100%;
    color:#fff;
    font-size:1.2em;
    line-height:14px;
    background:#555;
    padding: 20px;
	padding-top: 10px;
}
footer div {margin-bottom: 2px;}
#footer_nav, #footer_nav_2 { margin-right: 20px; }
#footer_nav, #footer_nav_2, #footer_nav_3{ width: 30%; float:left; margin-top: 10px; }
.headfooter { font-size: 1.4em; margin-bottom: 10px;}
footer li a { line-height: 18px; color: #fff; }
footer li a:hover { color: #0081c1; }



/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             5. Other
/*  ----------------------------------------------------------------------------------------------------------  */
div#banner1 {position: relative; right:-30px; text-align:right;}
div#banner2 {position: absolute; left:1030px; top:20px;}
form#newl input.inputleft { background-color: #555555; border: 0px; width: 168px; padding: 10px; height: 27px; border-right: 1px solid #fff; float:left; color: #fff; }

form#newl input.inputleft::-webkit-input-placeholder {
   color: #ffffff;
}

form#newl input.inputleft:-moz-placeholder { /* Firefox 18- */
   color: #ffffff;  
}

form#newl input.inputleft::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff;  
}

form#newl input.inputleft:-ms-input-placeholder {  
   color: #ffffff;  
}

form#newl input.inputsubmit { background-color: #0081c1; border: 0px; width: 111px; padding: 10px; height: 47px; float:left; color: #fff; font-weight:bold; font-size: 14px; font-family: Arial; cursor:pointer; }
#form_reg input.inputleft { width: 148px !important; }
.clickable { width: 1000px; height: 270px; position:absolute; z-index: 500;}
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background-color: #4d4d4d;
	color: #fff;
	padding: 6px 8px;
	margin: 2px;
	font-size: 12px;
}

.wp-pagenavi a:hover, .wp-pagenavi span:hover {
	background-color: #0081c1;
}


.wp-pagenavi span.current {
	font-weight: bold;
}
article.ad img { margin: 0; padding: 0;}
article.ad p { margin-bottom: 20px; float: left; }
article.widgets .ad{ width: 300px; }

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             6. Calendar
/*  ----------------------------------------------------------------------------------------------------------  */
.terminnormal { width: 680px; background-color: #e4e4e4; background:url(../img/bg-termin-normal.png); margin-bottom: 10px; color: #808080; font-size: 1.5em; line-height: 1.2em; }
.terminnormal h3 { font-size: 16px; font-weight:bold; margin-bottom: 3px; }
.terminnormal h3 a, .terminnormal a { color: #555555; }
.terminnormal h3 a:hover, .terminnormal a:hover { color: #0081c1; }
.terminanzeige { width: 680px; background-color: #0081c1; background:url(../img/bg-termin.png); margin-bottom: 10px; color: #fff; font-size: 1.5em; line-height: 1.2em; }
.terminanzeige h3 { font-size: 16px; font-weight:bold; line-height: 20px; margin-bottom: 3px; }
.terminanzeige a { color: #fff; }
.terminanzeige h3 a:hover, .terminanzeige a:hover { text-decoration: underline; }
.grafik { width: 96px; height:auto; float:left; padding: 15px; }
.singlepost p { font-size: 1.5em;}
.singlepost p a { color: #0081c1; }
.singlepost p a:hover { color: #555; }
.singlepost .grafiklarge { width: 180px; height:auto; float:left; margin-right: 15px; margin-top: 10px; }
.singlepost .verort { margin-top: 10px; font-size: 1.5em; line-height: 1.5em; margin-bottom: 20px; }
.termininfo { float:left; width: 484px; padding: 20px; }
.badgepremium { float:left; width: 30px; min-height: 114px; padding-top:18px; padding-bottom: 18px;  }
.badger { float:left; width: 30px; min-height: 58px;  padding-top:36px; padding-bottom: 36px;  }
.moreinfo, .lessinfo { background-color: #555555; width: 110px; text-align:center; height: 16px; line-height: 16px; font-size: 0.8em; padding: 3px; margin-top: 5px; cursor: pointer; }
.infos { margin-top: 10px;}
.backblock { margin-top: 30px; width: 100%; background: url("../img/h5_bg.png") repeat scroll left top; }
.backblock h5.calendar { font-size: 1.2em; font-weight: bold; color: #0081c1; line-height: 20px; height: 20px; float:left; }
.backblock img.backarrow { float:left; background: none repeat scroll 0 0 #ffffff; padding-right: 6px; margin: 0px; }
.backblock h5 span { background: none repeat scroll 0 0 #ffffff; padding: 0px 10px 10px 0; position: absolute; }
.backblock a { color: #0081c1; }
.backblock a:hover { color: #555; }
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             7. Studien
/*  ----------------------------------------------------------------------------------------------------------  */
div#studien {
    background:url(../img/raster_studien.png) repeat-x left bottom;
    padding-bottom:20px;
    margin-bottom: 23px;
    position:relative;
}
div#studien h2 {margin-bottom:20px; display:inline-block; padding:0; white-space:pre-wrap; margin-left: 0px;}
div#studien h2 span {background:#0081c1; color:#fff; line-height:26px; padding:3px 0px;}
div#studien h2 span:before, div#studien h2 span:after {content:"\0000a0";}
#main ul#article_list.studien p {margin-top:0px;}
#main ul#article_list.studien p a {color:#0081c1;}
#main ul#article_list.studien p a:hover {color:#4d4d4d;}
ul#article_list.studien li h2 a {background:#4d4d4d; box-shadow: -5px 0px 0px 0px #4d4d4d;}
ul#article_list.studien li h2 a:hover, ul#article_list.studien li h2 a:focus {background:#0081c1; box-shadow: -5px 0px 0px 0px #0081c1;}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             9. AdCodes
/*  ----------------------------------------------------------------------------------------------------------  */

#container .adbox div.leaderboard { float:right; margin-right: -20px; }
#container .adbox div.skyscraper { position:absolute; left: 1020px;}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             8. Mobile
/*  ----------------------------------------------------------------------------------------------------------  */
/* Mobile Geräte */
@media screen and (max-width: 480px) {
body { width: auto !important; }
section#container { width: auto !important; padding: 15px; margin-top: 50px;}
section#main { width: 100% !important; }
header { height: auto !important; width: auto !important; }
section { width: auto !important;}
footer, #container, #wrapper, h2 { width: auto !important; height: auto !important; }
aside, article#teaser, div.thumb { display: none !important; }
nav#main_nav, #teaser_raster { display: none; }
.flyout { display:block !important; position:absolute; top: 0px; width: 100%; height: 50px; background: url('http://mobilbranche.de/mobilbranche/wp-content/themes/mobilbranche_2014/lib/img/flyout.png'); background-repeat:no-repeat; background-color:#0081c1; }
.flyout a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 18px;
    line-height: 50px;
}

h1 {
    background: url("../img/logo_mobile.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 33px;
    text-indent: -300000px;
    width: 225px;
}
.show {
    background-color: #4d4d4d;
    display: block !important;
    width: 100%;
}
.flyoutmenu {
    position: absolute;
    top: 50px;
}
.show a { color: #fff; font-size: 16px; display:block; padding: 10px; border-bottom: 1px dotted #0081c1; line-height: 22px; }
.show a:hover, .show a:focus { background-color: #0081c1; }
.terminnormal, .terminanzeige { width: 100% !important;}
.terminnormal { background:none !important; background-color: #e4e4e4 !important; }
.terminanzeige { background:none !important; background-color: #0081c1 !important; }
.badger, .badgepremium { display:none !important; }
.jobframe { width: auto !important; height: auto !important; }
.grafik { display:none !important; }
.termininfo { width: auto !important;}
div.wp-caption { width: 100% !important; }
div.wp-caption img { width: 100% !important; height: auto !important;}
.singlepost p img { width: auto !important;  height: auto !important;}
.singlepost .company_logo img { width: 40px !important; height: auto !important; }
#container .adbox div.leaderboard, #container .adbox div.skyscraper, span.pages, .wp-pagenavi a.last { width: 0; height: 0; display:none !important;}
textarea#comment { width: 100% !important; height: auto !important; }
#container .adbox .nativebanner { display:none !important;}
#container .adbox .nativebanner2 { display:block !important; margin-top: 20px; }
#container .nativebanner3 { display:block !important; width: 250px !important; margin-left: 50%; margin-bottom: 10px; }
#container .nativebanner3 img { margin-left: -125px; }
.year { width: 30px !important; }
.yearall { width: auto !important; }
.yearmenu { width: 100% !important; }
span.small { font-size: 10px; display:block; margin-left: -125px; margin-bottom:2px; }
div.exc { float:left; width: 100%; font-size:14px; line-height: 18px; }
#rss { position: absolute; right:0px; top:-80px; width: 58px; z-index: 100; }
#rss a.rsslink { display:block; width: 16px; height: 16px; background:url(../img/social_media/rss.png) no-repeat left top; background-color: #fff; float:left;  }
#rss a.rsslink:hover { background:url(../img/social_media/rss_a.png) no-repeat left top; background-color: #fff;  }
#rss a.facebooklink { display:block; width: 16px; height: 16px; background:url(../img/social_media/facebook.png) no-repeat left top; background-color: #fff; float:left; margin-right: 5px; }
#rss a.facebooklink:hover { background:url(../img/social_media/facebook_a.png) no-repeat left top; background-color: #fff; }
#rss a.twitterlink { display:block; width: 16px; height: 16px; background:url(../img/social_media/twitter.png) no-repeat left top; background-color: #fff; float:left; margin-right: 5px; }
#rss a.twitterlink:hover { background:url(../img/social_media/twitter_a.png) no-repeat left top; background-color: #fff; }
#footer_nav_2,#footer_nav_3 { display:none; }
#footer_nav { width: 100% !important;}
.mobile-banner { display:block !important; width: 100%; text-align:center; margin-bottom: 30px; }
}
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             9. Startseite
/*  ----------------------------------------------------------------------------------------------------------  */

.kachelimage img { width: 300px; margin-bottom: 10px; }
.kachelimage2 img.alignnone {float:none; margin: 0px !important; }
.kachel { background-color: #ddd; width: 300px; height: 200px; padding: 10px; float: left; background-repeat:no-repeat; margin-right: 20px; }
.kachelsponsor { background-color: #ddd; width: 300px; height: 200px; padding: 10px; float: left; background-repeat:no-repeat; margin-right: 20px; }
.kachel:last-child { margin-right: 0px !important;}

#teaser div.exc { font-size: 11px !important; line-height: 13px; color: #666;}
#teaser .kachel div.tit { font-size: 16px !important; line-height: 18px; margin-bottom: 5px; color: #444; }
#teaser .kachel:hover { background-color: #eee; transition: background-color 0.2s; }

#form_reg {
	width: 280px;
    background: none repeat scroll 0 0 #f3f3f3;
	padding: 10px;
	height: 170px;
}
#form_reg p { font-size: 12px; margin-bottom: 5px; line-height: 16px;}
#form_reg h4 { font-size: 16px; font-weight: bold; margin-bottom: 8px;}
h2.highlights { font-size: 14px; float:left; width: 100%; line-height: 16px; }
h2.sponsor { font-size: 14px; float:left; width: 100%; line-height: 16px; }

.jobframe { width: 638px; padding: 20px; background-color: #eee; margin-bottom: 20px; border: 1px dotted #999;}
ul.popular_posts li { font-size: 12px; line-height: 16px; list-style-type: square; margin-left: 18px; margin-bottom: 5px; }

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             10. Kommentare
/*  ----------------------------------------------------------------------------------------------------------  */
ol.commentlist { font-size: 14px !important; }
ol.commentlist li.comment p, ol.commentlist li.pingback p, ul.children .comment-body p { font-size: 14px !important;}
.comment-author, .comment-meta { font-size: 11px;}
.even { background-color: #f2f2f2; padding: 10px; margin: 10px; }
.odd { padding: 10px;}
ol.commentlist ul.children { list-style-type:none; }
ol.commentlist ul.children .even, ol.commentlist ul.children .odd { margin: 0px !important; padding: 5px !important;}
ol.commentlist ul.children { margin-bottom: 0px !important;}

ul.anbieter li { margin-left: 0px !important; float:left; border-bottom: 1px dotted #888; width: 100%; font-size: 1em; list-style-type:none; display:block; padding: 5px; height: 45px; padding-top: 15px; }
ul.anbieter li:nth-child(even){ background-color: #f2f2f2; }

.nl-eintragen { width: 100%; border-top: 1px dotted #444; padding-top: 10px;}
#respond { float:left; }
h3#comments { margin-top: 15px; }
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             11. Jobs
/*  ----------------------------------------------------------------------------------------------------------  */
div.thumb { width: 12%; float:left; }
div.thumb img { width: 64px; height: 64px; padding-top: 3px; }
div.exc { float:left; width: 88%; font-size:14px; line-height: 18px; }
ul.jobs li { margin-bottom: 25px !important; width: 100%; }
.buttonspan { padding: 5px; border-radius: 4px; background-color: #0081c1; color: #fff; display:inline-block;}
.filter1 { width: 150px; float:left; }
.filter2 { width: 250px; float:left; }
.textnormal { font-size: 14px; width: 100%; float:left; margin-bottom: 15px; }
.jobfilter { font-weight:bold; line-height:18px; }
.jobfilter li.cat-item {  border-right: 1px solid #DDDDDD; float: left; font-weight: normal; margin-right: 4px; padding-right: 4px; }
.jobfilter li ul li:last-child { border-right: medium none; }
.jobcontent p, .jobcontent ul { font-size: 14px; line-height: 18px; }
.jobcontent h4 { font-size: 16px; }
h3.jobline { font-size: 14px; font-weight:bold; margin-bottom: 5px; }
h2.title { margin: 0;}
.alljobs { font-size: 14px;}
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             12. Anbieterverzeichnis
/*  ----------------------------------------------------------------------------------------------------------  */
.job_title { font-size: 14px; line-height: 18px;}
.company_name { font-size: 12px;}
.postunternehmen h3 { font-size: 14px; font-weight:bold;}
.postunternehmen dt { margin-top: 10px;}
.unternehmen_kontakt { font-size: 14px; line-height: 18px; }
h3#articles { margin-top: 20px; }
.date_info { width: 70px; float:left; font-size: 14px; line-height: 22px; color: #888; }
.title_info { width: 100%; float:left; font-size: 14px; line-height: 22px; }
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             13. Events
/*  ----------------------------------------------------------------------------------------------------------  */

.yearall { width: 680px; }
.year { padding: 5px; border-radius: 4px; background-color: #000; color: #fff; margin-right: 10px; }
.yearmenu { width: 600px; }
.year, .yearmenu { float: left; font-size: 12px; margin-bottom: 10px; }
.yearmenu ul li a { list-style-type: none; float: left; padding: 5px; border-radius: 4px; background-color: #0081c1; color: #fff; margin-right: 5px; margin-bottom: 5px; }
.yearmenu ul li a:hover { background-color: #000; }
.singleevent { float:left; width: 308px; margin-right: 20px; margin-bottom: 20px; height: 120px; }
.singleevent:nth-child(odd) { margin-right: 0px;}
.jobframe h3 { font-size: 16px; font-weight:bold; margin-bottom: 10px; }
span.date { font-size: 12px; margin-bottom: 15px; line-height: 18px;}
span.title { font-size: 14px; font-weight:bold; line-height: 18px; }
span.veranstalter { font-size: 14px;line-height: 20px; }
span.ort { font-size: 12px;}
span.link { font-size: 12px;}
.toplogo { width: 120px; height: 120px; -webkit-box-shadow: 1px 1px 4px 1px #888; box-shadow: 1px 1px 4px 1px #888; float:left; margin-right: 10px; }
.toplogo img { width: 120px; height: 120px; }


li.twoclick-xing { width: 200px !important;}

.under_content { width: auto; float:left; margin-top: 10px; margin-bottom: 10px; }
.under_content dt { font-weight:bold; font-size: 12px; }
.company_info a img { float:left; width: 100px; margin-right: 30px; }
.un { width: auto; float:left; margin-right: 20px; }
.ws { float:left; }
.wb { width: auto; float:left; margin-top: 10px; }