/*
Theme Name: Lokalisten
Theme URI: http://www.lokalisten.de
Description: our lokalisten developer theme
Version: 1.0
Author: Lokalisten.de
Author URI: http://www.lokalisten.de
Tags: lokalisten developer platform
*/



/*  ------------------------------------------------------
GLOBALS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
background: #fafafa !important;
color: #444;
font: 100.1% "Verdana", "Helvetica",  Arial, sans-serif;
}

table, tr, th, td, img, fieldset { border: 0 none; }

ul { list-style-type: none; }

.hidden, hr  { 
display: none;
}

img { vertical-align: middle; }

table { border-collapse: collapse; }

/*  ------------------------------------------------------
CONTAINER
--------------------------------------------------------*/
div#l_outer { 
width: 1000px;
margin: 0 auto;
}

div#l_wrapper { 
width: 842px;
margin: 0 158px 0 auto;
}

div#l_ctnMain {
background: #fff; 
border: solid 1px #b8b8b8; 
border-bottom: 0 none;
margin: 3px 0 0 0;
}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
div#l_header { 
margin: 3px 6px 0 0;
background: #690 url(images/rctl_690.gif) no-repeat 0 0;
}

div#l_headerTop { 
background: url(images/rctr_690.gif) no-repeat 100% 0;
height: 62px;
overflow: hidden;
position: relative;
}

a.logo, img.logo {
position: absolute;
top: 5px;
left: 298px;
}

p.slogan {
position: absolute;
top: 46px;
left: 386px;
}

img.cityLogo, 
p.slogan img {
vertical-align: top;
}

div#l_division {
background: #690 url(images/sep.gif) no-repeat 0 0;
height: 4px;
overflow:hidden;
}

/*  ------------------------------------------------------
SUBHEADER
--------------------------------------------------------*/
div#l_subHeader {
position: relative;
z-index: 0;
}

/*  ------------------------------------------------------
BASICDATA
--------------------------------------------------------*/
div#l_basicData { 
margin: 0 0 0 0;
padding: 0 0 2px 0;
background: #eaeaea;
border-bottom: #ccc 4px solid;
border-top: #fafafa 4px solid;
}

h1.salutation {
margin: 0;
padding: 4px 6px 2px 7px;
font-size: 12px;
color: #333;
}

h1.salutation span {
color:#717171;
font-size:10px;
font-weight:normal;
padding:0 0 0 3px;
}

/*  ------------------------------------------------------
NAVIGATION
--------------------------------------------------------*/
div#l_navigation { 
background: #690;
border-top: #fff 3px solid;
}

ul#mainMenu {
float: left;
font-size: 12px;
}

ul#mainMenu li {
float: left;
}

ul#mainMenu li a {
float: left;
text-decoration: none;
color: #fff;
padding: 6px 10px 0 10px; 
height: 21px;
}

ul#mainMenu li a:hover {
background:#90C207;
}

ul#mainMenu li a.active {
background: #90C207;
}

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#l_footer {
margin: 0 0 0 0;
text-align: center;
background: url(images/foot.gif) no-repeat 0 0;
width: 842px;
}

p#l_mainFooter {
font-size: 10px;
padding: 14px 0 3px 0;
color: #717171;
}

p#l_mainFooter strong {
font-weight: normal;
}

p#l_mainFooter a {
text-decoration: underline;
color: #717171;
}

p#l_mainFooter a:hover {
color: #6ea500;
}

p#l_subFooter {
font-size: 9px;
padding: 3px 12px;
color: #ccc;
}

p#l_subFooter a {
color: #ccc;
text-decoration: none;
}

.clear { 
clear: both; 
height: 0;
overflow: hidden;
font-size: 1px;
}



/*  ------------------------------------------------------


Lokalisten.de Wordpress Content Elements
Description: All Elements below are necessary to display the Lokalisten Developer Theme Correctly!
Author: Lokalisten.de


--------------------------------------------------------*/


/*  ------------------------------------------------------
Wordpress Default Elements
--------------------------------------------------------*/

a {
color: #444;
text-decoration: underline;
}

a:hover {
color: #690;
text-decoration: underline;
}

h1,h2,h3,h4,h5 {
color: #444;
}

h1 {
font-size: 18px;
font-weight: normal;
margin: 20px 0 3px 0;
position: relative;
}





































































































































h2 {
border-bottom: #cacaca 1px solid;
font-size: 24px;
font-weight: normal;
padding: 0 0 3px 0;
margin: 0 0 12px 0;
}

h3 {
font-size: 18px;
font-weight: normal;
margin: 50px 0 3px 0;
position: relative;
}

h3 span {
position: absolute;
right: 10px;
}

h3 span a {
color: #999;
font-size: 10px;
}

h3 span a:hover {
color: #999;
font-size: 10px;
}

h4 {
font-size: 12px;
font-weight: bold;
margin: 20px 0 3px 0;
}

h5 {
font-size: 18px;
font-weight: normal;
margin: 24px 0 0 0;
position: relative;
}

h5 span {
position: absolute;
right: 0;
}

h5 span a {
color: #999;
font-size: 10px;
}

h5 span a:hover {
color: #999;
font-size: 10px;
}

small {
color: #666;
font-size: 11px;
margin: 2px 0;
}




/*  ------------------------------------------------------


Wordpress Lokalisten Content Elements


--------------------------------------------------------*/


/*  ------------------------------------------------------
Container and their Childs
--------------------------------------------------------*/
div#l_ctnMain div#l_content {
background: #fff;
font-size: 12px;
padding: 24px 24px 24px 24px;
}

div#l_ctnMain div#l_content p {
line-height: 18px;
margin: 10px 0;
}

div.innerContent {
margin: 10px 20px 40px 20px;
}

div.innerBox {
background: #fafafa;
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
margin: 10px 0;
padding: 10px 20px;
}

div#singlePost {
border-bottom: solid 1px #dfdfdf;
line-height: 18px;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}

div#singlePost p {
margin: 5px 0;
}

div.noteBox {
border: solid 1px #96a578;
width: 790px;
margin: 20px 0;
}

div.noteBoxCont {
background: #c4d69f;
border: solid 1px #fff;
padding: 5px 10px;
}

div.noteBoxCont dt {
float: left;
clear: left;
font-weight: bold;
display: block;
width: 40px;
}

div.noteBoxCont dd {
display: block;
overflow: hidden;
width: 700px;
}

div.noteBoxCont dd ul {
margin: 0 0 0 20px;
}

div.noteBoxCont dd ul li{
list-style-type: disc !important;
padding: 0 0 12px 0;
}

/*  ------------------------------------------------------
Especially Home Content
--------------------------------------------------------*/
div.homeTeaser {
margin: 0 0 20px 0;
padding: 10px 20px;
}

div.homeTeaser img {
float: left;
margin: 0 20px 0 0;
}

div.homeTeaser p {
font-size: 15px !important;
line-height: 24px !important;
margin: 0 !important;
padding: 16px 0 0 0 !important;
}

div.teaser {
margin: 20px 0;
}

div.teaser div.firstField {
float: left;
margin: 0 100px 0 0;
width: 300px;
}

div.teaser div.secondField {
float: left;
width: 300px;
}

div.teaser p {
font-size: 12px;
font-weight: bold;
margin: 6px 0 6px 0 !important;
}

div.teaser ul li a {
padding: 3px 6px;
text-decoration: underline;
}

/*  ------------------------------------------------------
Headlines
--------------------------------------------------------*/
h2.simpleHeader {
background: #690;
color: #fff;
font-size: 12px;
margin: 20px 0 5px 0;
padding: 3px 6px;
}

h2.bigHeader {
border-bottom: #cacaca 1px solid;
color: #444;
font-size: 24px;
font-weight: normal;
padding: 0 0 9px 0;
margin: 24px 0 12px 0;
}

/*  ------------------------------------------------------
Fonts
--------------------------------------------------------*/
p.topInfo {
font-style: italic;
padding: 20px 0 0 0;
}

/*  ------------------------------------------------------
SecondNav
--------------------------------------------------------*/
div.second {
background: #444;
position: relative;
width: 840px;
}

ul.secondNav {
background: #444;
margin: 0 0 25px 0;

}

ul.secondNav li {
color: #fff;
font-size: 11px;
padding: 10px 12px 10px 12px;
}

ul.secondNav li a {
color: #fff;
text-decoration: none;
}

ul.secondNav li a:hover {
color: #6ea500;
}

ul.secondNav {
float: left;
width: 840px;
}

ul.secondNav li.current_page_item {
color: #fff;
float: left;
}

ul.secondNav li.current_page_item a {
background: #fff;
color: #444 !important;
padding: 6px 10px 10px 10px;
}

ul.secondNav li.page_item {

float: left;
}

ul.secondNav li.page_item a {
color: #fff;
}

ul.secondNav li.page_item a:hover {
color: #6ea500;
text-decoration: none;
}


/*  ------------------------------------------------------
Lists. unordered, ordered!
--------------------------------------------------------*/
ul.normalList {
margin: 10px 0 10px 20px;
line-height: 18px;
}

ul.normalList li {
list-style-type: disc;
padding: 3px 0;
}

ul.bigList {
margin: 20px 0;
}

ul.bigList li {
background: #fff;

border-bottom: solid 1px #eee;

padding: 15px 15px 15px 20px
}


ul.bigList li.bigListHover {
background: #fafafa;
border-left: solid 5px #ccc;
padding: 15px 15px 15px 15px
}

ul.bigList li a {
font-size: 18px;
font-weight: normal;
}

ul.bigList li p {
font-size: 12px;
margin: 5px 0 !important;
}

ul.siteMap {
margin: 10px 50px 50px 0;
width: 400px;
}

ul.siteMap li {
font-size: 12px;
font-weight: bold;
line-height: 24px;
padding: 0 0 0 0;
}

ul.siteMap li span {
border-bottom: solid 1px #dfdfdf;
display: block;
}

ul.siteMap li ul {
margin: 0 0 0 40px;
}

ul.siteMap li ul li {
font-weight: normal;
}

ul.siteMap li ul li a {
text-decoration: underline;
}

ul.siteMap li ul li a:hover {
text-decoration: underline;
}

ul.inBox {
background: #f8f8f8;
width: 400px;
}

ul.inBox li {
padding: 10px;
border-bottom: solid 1px #fff;
}

dl.infoList {
padding: 10px 26px;
}

dl.infoList dt {
float: left;
clear: left;
font-weight: bold;
display: block;
padding: 0 10px 10px 0;
}

dl.infoList dd {
display: block;
overflow: hidden;
padding: 0 0 10px 0;
width: 640px;
}

dl.infoList dd ul {
margin: 0 0 0 20px;
}

dl.infoList dd ul li{
list-style-type: disc !important;
padding: 0 0 12px 0;
}

dl.infoList2 {
padding: 0 40px;
}

dl.infoList2 dt {
float: left;
clear: left;
font-weight: bold;
display: block;
padding: 0 10px 10px 0;
}

dl.infoList2 dd {
display: block;
overflow: hidden;
padding: 0 0 10px 0;
width: 640px;
}

dl.infoList3 {
padding: 0 60px;
}

dl.infoList3 dt {
float: left;
clear: left;
font-weight: bold;
display: block;
padding: 0 10px 10px 0;
}

dl.infoList3 dd {
display: block;
overflow: hidden;
padding: 0 0 10px 0;
width: 500px;
}