/*
Theme Name: Synodales Jugendreferat des Kirchenkreises Bad Godesberg Voreifel
Theme URI: http://www.xplus-web.de/
Version: 1.2
Description: 2 Column theme
Author: Jörg Kruse
Author URI: http://jkip.de/
*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/


* {
margin:0;
padding:0;
}
body {
font-family:Arial, sans-serif;
}

h3 {
margin-bottom:20px;
text-transform:uppercase;
font-size:18px;
font-weight:normal;
}
p {
margin-bottom:20px;
}
a img { /* IE */
border:none;
}

.clear {
clear:both;
}

#wrapper {
margin:0 auto;
border:1px solid #d7d7d7;
}

#wrapper > header {
position:fixed;
z-index:10;
height:55px;
background-color:#222;
color:#fff;
}
#wrapper > header a {
color:#fff;
}

#logo {
float:left;
width:172px;
}
#logo img {
max-height:55px;
}
#top-menu {
float:right;
}
#top-menu .menu {
position:relative;
z-index:2;
}
#top-menu .menu li {
position:relative;
list-style-type:none;
}
#top-menu .menu li a {
height:19px;
}
#top-menu .menu li li a {
height:auto;
}

#main {
padding-top:55px;
overflow:auto;
}
#main > header {
padding:40px;
background-color:#999;
font-size:13px;
color:#fff;
}
#main > header h1 {
margin-bottom:20px;
font-size:28px;
}
#main > header p#breadcrumbs {
margin-bottom:0;
}
#main > header a {
text-decoration:none;
color:#fff;
}

aside.widget {
margin-right:40px;
width:260px;
}

#content {
float:left;
overflow:auto;
padding:40px;
width:860px;
}
#content article {
overflow:auto;
}
#content .main-image {
float:left;
margin:0 25px 20px 0;
width:300px;
}
#content .main-image img {
width:300px;
border-color: #ccc;
border-style: solid;
border-width: 1px;
padding: 5px;
}
a {
color:#00f;
text-decoration:none;
}
a:hover {
color:#00f;
text-decoration:underline;
}
a:visited {
color:#00f;
}
p.author-info {
margin:20px 0 60px;
padding:10px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:14px;
}

/* Formate */

#content article h3 {
color:#222;
}
#content article .alignleft,
#content article .alignright {
margin-bottom:20px;
padding:5px;
width:300px;
border:1px solid #ccc;
}
#content article .alignleft {
float:left;
margin-right:25px;
}
#content article .alignright {
float:right;
margin-left:25px;
}
#content article blockquote {
padding-left:80px;
background-image:url(/wp-content/themes/BGV/images/quote.png);
background-repeat:no-repeat;
background-position:30px -8px;
}
#content article ul {
padding: 10px 0 30px 40px;
list-style-type:square;
}
#content article ul ul {
list-style-type:circle;
}
#content article ol {
padding-left:24px;
counter-reset:item;
}
#content article ol li {
display:block;
}
#content article ol li::before {
content:counters(item, ".") ".";
counter-increment:item;
margin-right:6px;
font-weight:bold;
}
#content article ol ol li::before {
content:counters(item, ".") "";
}

#sidebar {
overflow:hidden;
padding:40px;
float:right;
}
#sidebar li {
list-style-type:none;
}
#sidebar aside.widget {
margin-bottom:40px;
border-top:1px solid #ccc;
}
#sidebar aside.widget h3 {
position:relative;
top:-10px;
display:inline-block;
padding-right:10px;
background-color:#fff;
}
#search_form fieldset {
border:none;
}
#search_form fieldset * {
vertical-align:middle;
}
input#search {
padding:3px 26px 3px 6px;
width:224px;
height:20px;
line-height:20px;
}
#search_form input[type=image] {
position:relative;
top:-25px;
left:234px;
}

#wrapper > footer {
color:#fff;
}
#footer-main {
overflow:auto;
padding:40px;
background-color:#999;
}
#footer-main aside.widget {
float:left;
}
#footer-main input {
padding:4px 20px;
width:220px;
border:none;
}
#footer-main input[type=submit] {
width:260px;
background-color:#222;
text-align:left;
color:#fff;
cursor:pointer;
}
#footer-bottom {
overflow:auto;
padding:20px 40px;
background-color:#222;
}
#footer-bottom nav ul {
overflow:auto;
}
#footer-bottom nav li {
float:left;
list-style-type:none;
}
#footer-bottom nav a {
text-decoration:none;
color:#fff;
}
#copyright {
float:left;
margin-bottom:0;
}
.losung-versangabe {
font-size:13px;
text-transform:uppercase;
margin: -10px 0 25px 0;
}
h3.rpwe-title  { 
width: 180px;
font-size:14px;
text-transform: none;
}
.katmenue {
list-style-type: square;
padding-left: 30px;
}
.katmenue li{
padding-bottom: 10px;
}
.katmenue a {
color: #663399;
text-decoration: none;
}
.katmenue a:hover {
text-decoration: underline;
}
.katmenue a:visited {
color: #663399;
text-decoration: none;
}

.event {
text-align: center;
}
#content .teaser .content.event p {
color: #444;
}
.event h4 {
text-transform: uppercase;
}

@media (min-width:1240px) {
    #wrapper,
    #wrapper > header {
    width:1240px;
    }

    #toggle-top-menu {
    display:none;
    }
    #top-menu .menu {
    height:53px;
    }
    #top-menu .menu li {
    font-size:16px;
    }
    #top-menu .menu > li {
    position:relative;
    float:left;
    }
    #top-menu .menu li a {
    display:block;
    padding:18px;
    background-color:#222;
    text-decoration:none;
    }
    #top-menu .menu ul {
    position:absolute;
    display:none;
    }
    #top-menu .menu li.menu-item-has-children > a:after {
    content:" \25BE";
    font-size:13px;
    }
    #top-menu .menu li:hover > ul {
    display:block;
    }
    #top-menu .menu li:hover ul li {
    position:relative;
    clear:left;
    border-top:1px solid #666;
    }
    #top-menu .menu li:hover ul li:hover {
    width:100%;
    }
    #top-menu .menu ul li:hover ul {
    left:100%;
    top:0;
    }
    #top-menu .menu li:hover ul li ul li {
    clear:left;
    }
    #top-menu .menu li:hover ul li ul li:first-child {
    border-top:none;
    }

    #sidebar {
    padding-left:0;
    width:260px;
    }

    #footer-main aside.widget:nth-child(4n) {
    margin-right:0;
    }

    #footer-bottom nav {
    float:right;
    }
    #footer-bottom nav li {
    margin-left:20px;
    }
    #footer-bottom nav li:first-child {
    margin-left:0;
    }
}

@media (min-width:940px) and (max-width:1239px) {
    aside.widget:nth-child(3n) {
    margin-right:0;
    }
}

@media (min-width:600px) {
    #copyright span:first-child {
    padding-right:8px;
    border-right:1px solid #fff;
    }
}

@media (max-width:1239px) {
    #wrapper,
    #wrapper > header {
    width:940px;
    }

    #toggle-top-menu {
    padding:10px 0 10px 0;
    line-height:23px;
    text-align:right;
    font-size:19px;
    font-weight:bold;
    }
    #toggle-top-menu span, 
    #toggle-top-menu img {
    vertical-align:bottom;
    }
    #toggle-top-menu img {
    cursor:pointer;
    }

    #top-menu .menu {
    display:none;
    height:0;
    }
    #top-menu .menu li {
    width:240px;
    background-color:#999;
    }
    #top-menu .menu > li {
    border-top:1px solid #62398e;
    }
    #top-menu .menu > li:first-child {
    border-top:none;
    }
    #top-menu .menu li.menu-item-has-children > ul {
    display:none;
    }
    #top-menu .menu li a {
    display:block;
    padding:8px;
    width:204px;
    height:auto;
    text-decoration:none;
    text-transform:uppercase;
    color:#fff;
    }
    #top-menu .menu li a:before {
    content:"» ";
    }
    #top-menu .menu li li a {
    padding-left:20px;
    }
    #top-menu .menu li li li a {
    padding-left:32px;
    }

    #top-menu .menu li.menu-item-has-children {
    position:relative;
    }
    #top-menu .menu li.menu-item-has-children > a {
    line-height:19px;
    vertical-align:bottom;
    }
    .toggle-submenu {
    position:absolute;
    top:0;
    right:0;
    padding:8px 0;
    height:19px;
    line-height:19px;
    vertical-align:bottom;
    cursor:pointer;
    }

    #sidebar {
    width:860px;
    }
    #sidebar aside.widget {
    float:left;
    }
    #footer-bottom nav {
    float:left;
    margin-bottom:20px;
    }
    #footer-bottom nav li {
    padding:0 4px;
    border-left:1px solid white;
    }
    #footer-bottom nav li:first-child {
    padding-left:0;
    border-left:none;
    }
}

@media (min-width:600px) and (max-width:939px) {
    #wrapper,
    #wrapper > header {
    width:598px;
    }

    #sidebar,
    #content,
    #footer-main, 
    #footer-bottom {
    padding:19px;
    width:560px;
    }
    aside.widget:nth-child(2n) {
    margin-right:0;
    }
}

@media (max-width:599px) {
    #wrapper,
    #wrapper > header {
    width:318px;
    }
    #logo {
    width:124px;
    }

    #toggle-top-menu {
    padding-left:40px;
    }
    #top-menu .menu {
    margin-left:40px;
    }

    #sidebar,
    #content,
    #footer-main, 
    #footer-bottom {
    padding:29px;
    width:260px;
    }
    aside.widget {
    margin-right:0;
    }

    #content .main-image {
    margin-right:0;
    width:260px;
    }
    #content .main-image img {
    width:260px;
    height:auto;
    padding:0;
    border:0;
    }

    .wpsbc-widget {
    margin-top: 7px !important;
    }
    div.wpsbc-calendar.wpsbc-week-numbers {
    width: 256px;
    }
    div.wpsbc-calendar ul li {
    display: block;
    float: left;
    font-size: 12px !important;
    height: 22px;
    line-height: 22px;
    margin: 0 0 5px 7px !important;
    padding: 0 !important;
    position: relative;
    text-align: center;
    width: 22px;
    z-index: 2;
    }
}