/*
Theme Name: Northern-Clouds
Theme URI: http://www.northern-web-coders.de/blog/archiv/2012/05/01/northern-clouds-theme/
Description: Northern-Clouds is a responsive HTML5/CSS3 theme. It uses an Ubuntu font. A horizontal version of 'Superfish' jQuery drop-down menu is built in, which supports touch devices. It supports custom headers and backgrounds. Translation and WooCommerce ready. Animate.css -http://daneden.me/animate is included for header, article and sidebar.
Author: Kai Ackermann
Author URI: http://www.design-coding.de
Version: 2.0
Tags: custom-background, custom-header, custom-menu, editor-style, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns  
Text Domain: northern-clouds
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/

*
{
    margin: 0;
    padding: 0;
}

iframe 
{
	max-width: 100%;
}

.woocommerce #content ul.products
{
margin: 0 2px 0 0;
}

body
{
    font-family: 'Ubuntu', sans-serif;
    margin: 20px;
    background: #97c4e5
}

#wrapper
{
    margin: 0 auto;
    padding-top: 1%;
    width: 100%;
    max-width: 1250px;
    background: #E3E3E3;
    clear: both;
}

#content,
aside
{
    color: #3F3F3F;
    font-size: 12px;
}

.right-sidebar #content
{
    width: 68.5%;
    float: left;
    margin: 1% 0.5% 20px 1%;
}

.right-sidebar aside
{
    float: left;
    width: 28.5%;
    margin: 1.5% 1% 0 0.5%;
}

.left-sidebar #content
{
    width: 68.5%;
    float: right;
    margin: 1% 1% 20px 0.5%;
}

.left-sidebar aside
{
    float: left;
    width: 28.5%;
    margin: 1.5% 0.5% 0 1%;
}

.sidebar-bottom #content
{
    width: 98%;
    height: auto;
    float: none;
    padding: 10px 0;
    margin: 1% 1% 20px 1%;
}

.sidebar-bottom aside
{
    float: left;
    width:calc(100% - 20px);
    -webkit-width:calc(100% - 20px);
    margin: 1% 0 0 10px;
}


header#header
{
    margin:  0 auto;
    width: 100%;
max-width: 1250px;
clear: both;

}

header#header h1
{
    font-size: 35px;
}

header#header h1 a
{
    text-decoration: none;
    display: block;
    color: #fff;
}

header#header h1 a:first-letter
{
    font-size: 50px;
    color: #FF5D4C;
    font-style: italic;
    margin-right: 5px;
}

header#header em
{
    font-size: 12px;
    display: block;
    margin-left: 4px;
    margin-bottom: 10px;
    color: #fff;
}

img#headerpic
{
    border: 0;
    border-top : 3px solid #FAFAFA;
    border-bottom : 3px solid #FAFAFA;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

#content h4.page-title
{
    font-size: 14px;
    font-style: italic;
    margin-bottom: 30px;
}

#content h2.storytitle
{
    margin: -25px 0 0 -10px;
    padding: 0 20px 0px 10px;
    line-height: 32px;
    min-height: 32px;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    background: #455C86;
    border-left: 3px solid #FF5D4C;
    width:calc(100% - 3px);
    -webkit-width:calc(100% - 3px);
    clear: both;
}

#content .sticky h2.storytitle
{
    margin: -25px 0 0 -13px;
    padding: 0 20px 0px 13px;
    line-height: 32px;
    min-height: 32px;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    background: #455C86;
    width:calc(100% - 3px);
    -webkit-width:calc(100% - 3px);
    clear: both;
}

#content article.sticky
{
    margin: 25px 0 45px 0;
    padding: 5px 20px 13px 10px;
    width:calc(100% - 33px);
    -webkit-width:calc(100% - 33px);
    border-left: 3px solid red
}

#content article.noresults p
{
    padding-top: 10px
}

#content article
{
    margin: 25px 0 45px 0;
    padding: 5px 20px 13px 10px;
    background:  #FAFAFA;
    width:calc(100% - 30px);
    -webkit-width:calc(100% - 30px);
}


#content .meta
{
    font-size: 12px;
    color: #FF5D4C;
    margin: 8px 0;
}

#content .meta li
{
    font-size: 12px;
}

#content .meta ul
{
    list-style: none;
    margin-left: 0;
}

#content .meta a
{
    color: #3F3F3F;
    font-size: 12px;
    text-decoration: none;
}

#content a.post-edit-link
{
    color: #FF5D4C;
    font-weight: bold;
}

#content h2.storytitle a
{
    color: #fff;
    text-decoration: none;
}

#content article.noresults
{
    padding-top: 10px
}

#content article:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h6,
#content h6
{
    margin-bottom: 4px;
    clear: both;
}

#content h1
{
    font-size: 20px;
}

#content h2
{
    font-size: 17px;
}

#content h3
{
    font-size: 15px;
}

#content h4
{
    font-size: 13px;
}

#content h5
{
    font-size: 11px;
}

#content h6
{
    font-size: 9px;
}


#content ul, #content ol
{
    font-size: 13px;
    margin-left: 20px;
}

#content hr
{margin: 10px 0;border: 0;border-top: 1px solid #000}

#content p
{
    margin-bottom: 5px;
    font-size: 13px;
}

#content a, #content code, #content pre
{
    color: #FF5D4C;
}

#content blockquote
{
   margin-left: 10px;
   font-weight: bold;
   font-size: 40px;
   padding-left: 5px;
   border-left: 3px solid #dfdfdf
}

#content pre {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

#content blockquote:first-letter
{
   font-size: 50px;
   font-style: italic;
}

#content table
{
    color: #FF5D4C;
    font-size: 13px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    margin-bottom: 20px;
}

#content table th
{
    color: #000000;
    border-bottom: 1px solid #dfdfdf;
}

#content table td
{
    padding: 5px;
    border-bottom: 1px solid #dfdfdf;
}

#content table td.views
{
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    text-align: center;
}

/*pagenav*/
#content div.pagenav
{
    clear: both;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 14px;
}

#content div.pagenav a
{
    text-decoration: none;
    font-size: 14px;
    color: #464646;
}

#content div.pagenav a:hover,
#content div.pagenav span.current
{
    color: #FF5D4C;
}

.entry-caption
{
    margin-top: 15px;
}

aside h3
{
    padding: 0 10px;
    position: relative;
    margin-bottom: -8px;
    background: #455C86;
    color: #fff;
    line-height: 26px;
    font-size: 13px;
    clear: both;
}

aside .textwidget
{
    background: #fff;
    padding: 6px 0 7px 0 ;
    margin-bottom: 20px;
    
}

aside .textwidget p
{
    font-size: 13px;
    padding: 10px;
}

aside .tagcloud{
    background: #fff;
    color: #464646;
    margin-bottom: 15px;
    padding: 15px 10px 16px 10px;
}

aside .tagcloud a{
    color: #FF5D4C;
}

aside form#searchform
{
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    height: 24px;   
}

aside form#searchform label.screen-reader-text
{
    display: none;
}

aside form#searchform input
{
    font-size: 13px;
}

aside form#searchform input#s
{
    width: 66%;
    height: 22px;
    float: left;
    border: 1px solid #D3E397
}

aside form#searchform input#searchsubmit
{
    width: 32%;
    height: 24px;
    float: right;
    border: 1px solid #D3E397
}

aside select
{
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
    padding: 15px 20px 10px 10px;
    line-height: 1;
    border: 0;
    height: 45px;
    -webkit-appearance: none;
    
}

aside ul
{
    margin-bottom: 20px;    
    padding: 15px 25px 16px 25px;
    color: #464646;
    background: #fff;
   
}

aside ul ul.children
{
    margin: 0;
    padding: 0 25px;
}

aside ul li a
{
    font-size: 13px;
    color: #FF5D4C;
}

aside ul.menu
{
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 8px 8px 7px 8px;
    color: #464646;
}

aside ul.menu ul.sub-menu
{
    margin: 0;
    padding: 0;
}

aside ul.menu li
{
    list-style: none;  
}

aside ul.menu li li
{
    border-left: 3px solid #4B6A98
}

aside ul.menu li a
{
    background: #E3E3E3;
    display: block;
    color: #464646;
    padding: 8px 10px;
    text-decoration: none;
    border-bottom: 1px solid #4B6A98;
}

aside ul.menu li a:hover,
aside ul.menu li.current_page_item > a
{
    background: #4B6A98;
    color: #FF5D4C;
font-weight: bold
}

aside #calendar_wrap
{
    background: #fff;
    margin-bottom: 20px;
    padding: 15px 10px 10px 10px;
    color: #464646;
}

aside table#wp-calendar
{
    width: 100%;
    margin: 0 auto;
}

aside table#wp-calendar td
{
    color: #464646;
    font-size: 13px;
    padding: 2px 0
}

aside table#wp-calendar td a
{
    color: #FF5D4C;
    font-weight: bold;
    text-decoration: none
}

aside table#wp-calendar caption
{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
}

aside table#wp-calendar tbody
{
    text-align: center;
}

aside table#wp-calendar td#today
{
    color: #7FA4DA;
    font-weight: bold;
}

aside table#wp-calendar td#next
{
    text-align: right;
}

footer
{
    clear: both;
    background:#50586B;
    border: 1px solid #2E2E2E;
}

footer p
{
    color: #fff;
    font-size: 12px;
    padding: 20px;
}

footer p a
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

footer p span#left
{
    float: left;
}

footer p span#left
{
    float: right;
}

/*gallery*/
.gallery {
   margin: 0 auto 18px;
}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}
.gallery .gallery-caption {
    color: #888;
    font-size: 13px;
    margin: 0 0 13px;
}
.gallery dl {
    margin: 0 0 10px 0;
    clear: none;
}

#content .attachment img {
    display: block;
    margin: 0 auto;
}

.attachment-thumbnail
{
    margin-top: 5px;
    max-width: 84%;
    height: auto;
}

.gallery .attachment-thumbnail
{
margin-top: 0;
}

/*images*/
img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    padding: 2px;
    margin: 2px;
    background: #F0F0F0;
    border: 1px solid #DFDFDF;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #FAFAFA;
    border: 1px solid #DFDFDF;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 7px 5px 12px;
    text-align: center;
    clear: both;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

.alignnone
{
    display: block;
    margin-bottom: 12px;
    margin-right: 24px;
}

.wp-caption.alignnone
{
    margin: 5px 20px 20px 0;
}

img.wp-smiley
{
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
}

/* comments*/
div#comments h2.comments-title
{
    font-size: 18px;
}

div.comment-author,
div.comment-author cite,
div.comment-author span
{
    font-size: 12px;
}

div.comment-meta
{
    font-size: 12px;
}

div.comment-author img.photo
{
   float: left;
   margin: 2px 10px 10px 2px;
}

div#comments a
{
    color: #4E4E4E
}

ol.commentlist li.comment,
ol.commentlist li.pingback,
ol.commentlist li.trackback
{
   
    padding: 15px 15px 0 15px;
    margin-left: -20px;
    list-style: none;
    width: calc(100% - 10px);
    -webkit-width:calc(100% - 10px);
    display: block;
}

.sidebar-bottom ol.commentlist li.comment,
.sidebar-bottom ol.commentlist li.pingback,
.sidebar-bottom ol.commentlist li.trackback
{
    width: calc(100% - 11px);
    -webkit-width:calc(100% - 11px);

}

ol.commentlist li.comment div ol,
ol.commentlist li.comment div ul
{
    margin-left: 20px;
}

div.reply
{
    font-weight: bold;
    margin-bottom: 10px;
    clear: both;
}

.even
{
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    padding: 10px 10px  10px 10px;
}

.odd
{
    background: #F0F0F0;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    padding: 10px 10px  10px 10px;
}

.bypostauthor
{
    border: 2px solid #3F3F3F;
}

#respond
{
    padding: 15px;
    clear: both;
    margin-bottom: 10px;
    background: #fff;
 
}

#respond input
{
    display: block;
    margin-bottom: 10px;
    clear: left;
    width: 80%;
}

#respond input#submit
{
    width: 180px;
}

#respond label
{
    display: inline;
}

textarea#comment
{
    display: block;
    width: 100%;
}

div#comments div.navigation
{
    margin: 15px 0;
    font-size: 13px;
    color: #464646;
    font-weight: bold;
}

div#comments div.navigation a
{
    color: #464646;
    text-decoration: none;
}

div#comments p.nopassword
{
    font-weight: bold;
    margin: 0 0 5px 0;
}

p.form-allowed-tags
{
    color: #2F2F2F;
    font-weight: bold;
    margin: 10px 0;
}
.commentlink
{
    margin-top: 8px;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.commentlink span
{
    display: block;
}

p.form-allowed-tags code
{
    margin: 10px 0;
    font-weight: normal
}

/* ping backs */
.pingback, .trackback {
    border: 1px solid #ccc;
    padding: 10px 10px 0px 10px;
    margin: 0 0 20px 0;
    position: relative;
    background: #F0F0F0;
    font-size: 13px;
    color: #666;
}

.pingback a, .trackback a {
    color: #2F2F2F;
    text-decoration: none;
}

.pingback a:hover, .trackback a:hover {
    color: #FF5D4C;
}

a.comment-reply-link {
    font-size: 12px;
    font-weight: bold;
}

div#comments div.navigation
{
    margin: 15px 0;
    font-size: 13px;
    color: #464646;
    font-weight: bold;
}

div#comments div.navigation a
{
    color: #464646;
    text-decoration: none;
}

div#comments p.nopassword
{
    font-weight: bold;
    margin: 0 0 5px 0;
}

p.form-allowed-tags
{
    color: #2F2F2F;
    font-weight: bold;
    margin: 10px 0;
}
.commentlink
{
    margin-top: 8px;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.commentlink span
{
    display: block;
}

p.form-allowed-tags code
{
    margin: 10px 0;
    font-weight: normal
}

/* ping backs */
.pingback, .trackback {
    border: 1px solid #ccc;
    padding: 10px 10px 0px 10px;
    margin: 0 0 20px 0;
    position: relative;
    background: #F0F0F0;
    font-size: 13px;
    color: #666;
}

.pingback a, .trackback a {
    color: #2F2F2F;
    text-decoration: none;
}

.pingback a:hover, .trackback a:hover {
    color: #FF5D4C;
}

div.reply {

    clear: both;
}

a.comment-reply-link {
    font-size: 12px;
    font-weight: bold;
}

nav.comment-navigation
{
    background: #E3E3E3;
    -webkit-box-shadow: 0 0 0 0 #888888;
    -moz-box-shadow: 0 0 0 0 #888888;
    box-shadow: 0 0 0 0 #888888;
    border: 0;
    margin: 10px 0 15px 3px;
}

nav.comment-navigation a
{
    font-weight: bold;
    text-decoration: none;
}

span.required
{
    display: inline;
}

#navbox {
    margin: -4px auto 0px auto;
    width: 100%;
    max-width: 1250px;
    min-height: 38px;
}

nav {
    float:left;
    width: 100%;
    background: #50586B;
}

/*** ESSENTIAL STYLES ***/
nav div.menu ul,
nav div.menu ul *,
nav ul.menu,
nav ul.menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav div.menu ul li,
nav ul.menu li {
    position: relative;
}

nav div.menu ul ul,
nav ul.menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;    
    z-index: 99;
}

nav div.menu ul > li,
nav ul.menu > li {
    float: left;
}

nav div.menu ul li:hover > ul,
nav div.menu ul li.sfHover > ul,
nav ul.menu li:hover > ul,
nav ul.menu li.sfHover > ul {
    display: block;
}

nav div.menu ul a,
nav ul.menu a {
    position: relative;
}
nav div.menu ul ul ul,
nav ul.menu ul ul {
	top: 0;
    left: 100%;
}

/*** DEMO SKIN ***/
nav div.menu ul,
nav ul.menu {
    float: left;
    font-size: 14px;
}

nav div.menu ul ul,
nav ul.menu ul {
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}

nav div.menu ul ul li,
nav ul.menu ul li {
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
}

nav div.menu ul a,
nav ul.menu a {
    color: #fff;
    font-weight: bold;
    display: block;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
    zoom: 1; /* IE7 */
}

nav div.menu ul li:hover > a,
nav div.menu ul li a:hover,
nav ul.menu li:hover > a,
nav ul.menu li a:hover {
    color: #FF5D4C;
}

nav div.menu ul .current_page_item > a,
nav div.menu ul .current_page_ancestor > a,
nav div.menu ul .current-menu-item > a,
nav div.menu ul .current-menu-ancestor > a,
nav ul.menu .current_page_item > a,
nav ul.menu .current_page_ancestor > a,
nav ul.menu .current-menu-item > a,
nav ul.menu .current-menu-ancestor > a {
    color: #FF5D4C;
}

nav div.menu ul ul li,
nav ul.menu ul li {
    width: 100%;
    background: #4B6A98;
    border-bottom: 1px solid #fff
}

nav div.menu ul ul li a,
nav ul.menu ul li a {
    line-height: 42px;
}

nav div.menu ul ul li ul li,
nav ul.menu ul li ul li {
    border-left: 1px solid #fff;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #fff;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #FF5D4C; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #fff; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #FF5D4C ;
}

input#isexpanded,
label#expand-btn {
    display: none
}

@media screen and (max-width: 840px) {


body {margin:0;}


.left-sidebar #content,
.left-sidebar aside,
.right-sidebar #content,
.right-sidebar aside,
.sidebar-bottom #content,
.sidebar-bottom aside
{
    width:  98%;
    margin: 1% 1% 0 1%;
    padding: 0;
}

ol.commentlist li.comment,
ol.commentlist li.pingback,
ol.commentlist li.trackback
{
    padding: 15px 20px 0 10px;
    margin-left: -21px;
    list-style: none;
    width:calc(100% - 10px);
    -webkit-width:calc(100% - 10px);
}




#respond
{
    width:calc(100% - 25px);
    -webkit-width:calc(100% - 25px);
    padding: 15px 15px 15px 10px;
}

img{
    max-width: 98%;
}

nav {
    float: left;
    width:100%;
}

#wrapper
{
    margin-top: 5px;
    float: left;
}

#expand-btn {
    float: left;
    margin: 6px 0 6px 3px;
    display: block;
    border-bottom: 17px double #fff; 
    border-top: 6px solid #fff; 
    content:"";
    height: 5px; 
    width:30px;
    clear: both;
}

input#isexpanded[type="checkbox"]:checked+label#expand-btn {
    border-bottom: 17px double #FF5D4C;
    border-top: 6px solid #FF5D4C;
    content:"";
    height: 5px; 
    width:30px;
    }

input#isexpanded {
    display: none
}

label#expand-btn {
    display: block
}

#isexpanded, .expandable {
    display: none;
}

#isexpanded:checked ~ nav.expandable,
#isexpanded:checked ~ * nav.expandable {
    display: block;
    margin: 0;
}

nav div.menu ul,
nav ul.menu 
{
width:100%;
background: #fff;
margin-left: 0;
}

nav div.menu ul li,
nav ul.menu li 
{
display: block;
width: 100%;
background: #50586B;
white-space: normal; /* no need for Supersubs plugin */
}

nav div.menu ul ul li,
nav ul.menu ul li {
    border-bottom: 0
}

nav div.menu ul li a,
nav ul.menu li a 
{
border-bottom: 1px solid #fff
}

nav div.menu ul ul li ul li,
nav ul.menu ul li ul li 
{
border-left: 0;
}

nav div.menu ul li a,
nav ul.menu li a 
{
float: none;
padding: 0.75em 1em;
max-width: 100%;
}

nav div.menu ul ul,
nav ul.menu ul 
{
position:static;
}

/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {
    margin-top: -1px;
    margin-right: 0;
    border-color: transparent;
    border-top-color: #fff ;
}

.sf-arrows  li > .sf-with-ul:focus:after,
.sf-arrows  li:hover > .sf-with-ul:after,
.sf-arrows  .sfHover > .sf-with-ul:after,
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-color: transparent;	border-top-color: #FF5D4C;
    border-top: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FF5D4C;
}

div.column-left, div.column-right
{
    float: none;
    width: 100%;
    margin: 0 1%;
}

.alignleft, .alignright
{
    float:none;
    display: block;
    margin-top: 8px
}

.category-referenzen article
{
    margin-bottom: 60px;
    clear: both;
}

div.footerbox-left, div.footerbox-right
{
    float: none;
    margin-bottom: 80px;
    color: #fff;
    width: 100%;
    clear: both;
}

div.footerbox-left
{
    margin-bottom: 30px;
}
}

@media screen and (max-width: 440px) {
body{margin: 0}
header img#headerpic
{display: none;}

img,
.wp-caption
{
    max-width: 80%;
}
}