/* 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: #ff8230;
	
/* ---------------------------------  */
/* -----------  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:#ff8230;}
a:active, a:hover, a:focus {color:#4d4d4d;}
/*.print_only {display:none;}*/
.clear {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:#fff;
	
	width: 100%;
}
section#container {
    position: relative;
	width:1000px;  
	margin:0px auto;
	padding-top:20px;
}
header {
    height:80px;
    width:100%;
    position:relative;
    margin-bottom: 18px;
    font-size:1.5em;
	margin-top: 30px;
}
#logo {width:325px; height: 60px; padding-top:10px;}
h1 {
	width:325px;
	height:47px;
	background:url(../img/logo.png) no-repeat top left;
	text-indent:-300000px;
}
h2, h4 {font-size:2.0em; font-weight:bold; text-transform:uppercase; /*line-height:1.2em;*/}

#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 {font-size:1.5em; list-style-type:square; margin-bottom: 10px; }
.singlepost ol {font-size:1.5em; list-style-type: decimal; margin-bottom: 10px; }
.singlepost ul li { margin-left: 15px; line-height: 1.3em;}
.singlepost ol li { margin-left: 20px; line-height: 1.3em;}

blockquote { border-left: 5px solid #4d4d4d; padding-left: 10px;}
ul#article_list img + p {margin-top: -5px;}
h2 a { background:#ff8230; color:#fff; line-height:30px; box-shadow: -5px 0px 0px 0px #ff8230; }
h2 a:hover { background:#4d4d4d; color:#fff; box-shadow: -5px 0px 0px 0px #4d4d4d; }
a.moretag {color:#ff8230;}
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:#ff8230; box-shadow: -5px 0px 0px 0px #ff8230; }
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:#ff8230; box-shadow: -5px 0px 0px 0px #ff8230;}
ul#article_list span.normal, section.singlepost span.crumb, #main span.small {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:#ff8230;}
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:#ff8230; 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:left; 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:#ff8230 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:#ff8230; 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;}

article#teaser { width: 100%; position: relative; float: left; margin-bottom: 20px; margin-top: 10px; }
.kachelimage img { width: 300px; margin-bottom: 10px; }
.kachel { background-color: #ddd; width: 300px; height: 180px; padding: 10px; float: left; background-repeat:no-repeat; margin-right: 20px; }
.kachelsponsor { background-color: #ddd; width: 300px; height: 180px; 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; }
h2.highlights { font-size: 14px; float:left; width: 100%; line-height: 16px; }

.bgp { background-color: #eee; font-size: 14px; padding: 5px; line-height: 18px;}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             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:15px; color:#4d4d4d; background:#fff;}
#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:#ff8230;
    -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:0px; }
#rss a.rsslink { display:block; width: 30px; height: 30px; 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: 30px; height: 30px; 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: 30px; height: 30px; 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;}

nav#footer_nav ul li {display:inline;}
nav#footer_nav ul li a {color:#fff;}
nav#footer_nav ul li a:hover, nav#footer_nav ul li a:focus {color:#4d4d4d;}
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             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;
    width:100%;
    text-align:center;
    color:#fff;
    font-size:1.2em;
    line-height:14px;
    background:#ff8230;
    padding: 11px 0;
    font-weight:bold;
}
footer div {margin-bottom: 2px;}
footer ul li {background:url(../img/footer_nav_bg.png) no-repeat left 2px; width:10px; height:11px; display:inline-block; padding-left: 12px;}
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             5. Other
/*  ----------------------------------------------------------------------------------------------------------  */
div#banner1 {position: relative; right:-30px; text-align:right;}
div#banner2 {position: absolute; left:1030px; top:20px;}
div.inside  { width: 600px; height: 80px; }
form#new8 input.inputleft { background-color: #555555; border: 0px; width: 168px; padding: 10px; height: 27px; border-right: 1px solid #fff; float:left; color: #fff; }
form#new8 input.inputsubmit { background-color: #ff8230; border: 0px; width: 111px; padding: 10px; height: 47px; float:left; color: #fff; font-weight:bold; font-size: 14px; font-family: Arial; cursor:pointer; }


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: #ff8230; border: 0px; width: 111px; padding: 10px; height: 47px; float:left; color: #fff; font-weight:bold; font-size: 14px; font-family: Arial; cursor:pointer; }
.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: #ff8230;
}


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

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             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: #ff8230; }
.terminanzeige { width: 680px; background-color: #ff8230; 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 { color: #555555; }
.grafik { width: 96px; height:auto; float:left; padding: 15px; }
.singlepost p { font-size: 1.5em;}
.singlepost p a { color: #ff8230; }
.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: #ff8230; 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: #ff8230; }
.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:#ff8230; 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:#ff8230;}
#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:#ff8230; box-shadow: -5px 0px 0px 0px #ff8230;}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             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 { 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://locationinsider.de/wp-content/themes/locationinsider/lib/img/flyout.png'); background-repeat:no-repeat; background-color:#ff8230; }
.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 #ff8230; line-height: 22px; }
.show a:hover, .show a:focus { background-color: #ff8230; }
.terminnormal, .terminanzeige { width: 100% !important;}
.terminnormal { background:none !important; background-color: #e4e4e4 !important; }
.terminanzeige { background:none !important; background-color: #ff8230 !important; }
.badger, .badgepremium { display:none !important; }
.grafik { display:none !important; }
.termininfo { width: auto !important;}
.singlepost img { width: auto !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;}
.meinestadt { width: 100%;}
.meinestadt .mstext { width: 100% !important; }
.meinestadt .msbild { float:left !important; }
}

/* meineStadt */
.meinestadt { font-size: 14px; border-bottom: 1px dotted #444; margin-bottom: 10px; padding-bottom: 10px; line-height: 18px; float:left; }
.meinestadt .msbild { width: 200px; float:right; }
.meinestadt .mstext { width: 470px; float:left; margin-right: 10px; }