/*
Theme Name: 001 (Customized)
Theme URI: https://www.webnews.li
Author: Roman Schurte
Author URI: http://www.kunden-service.ch
Description: Frontend/Members CSS zu CMS Template, Responsive
Tags: Valides Responsive Webdesign
CMS Version: 2.1.
*/

/* Table of Content
==================================================

1. Reset, Basic, Hacks, Box Model
2. Layout Definition
3. Layout Styles
4. Typographie
5. Hauptnavigation
6. Tags Definition, General
7. Tags Definition, Lists UL, OL, LI
8. Tags Styles, Classes
9. Hyperlinks
10. Images
11. Forms, Buttons
12. Misc
13. Modul Suchen
14. Modul Linkverzeichnis
15. Modul GRischashot
16. Navigation, Pagination (/includes/blaetterungsfunktion2.php)
17. WordPress Core
18. WordPress Customized
19. Responsive Navigation, Responsive Elements
20. Media Queries, All Mobile Sizes





* 1. Reset, Basic, Hacks, Box Model 
* Basis: http://meyerweb.com/eric/tools/css/reset/ | License: none (public domain)
* Modified reset 
================================================== */
html, body, div, span, applet, object, iframe, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    } 
td { 
    vertical-align: top; 
    }
body {
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    }    
/* Hacks, Box Model */
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
    
* {
    max-width: 100%;    
    }
    
    
    
	
/* 2. Layout Definition
================================================== */
div#wrapper {    
    width: 1000px;
    margin: 0 auto;
    margin-top:0;
    padding-top:0;
    }
header#header {
    text-align:center;
    }    
div#content-wrapper {
    clear:both;
    padding: 0 4px;
    margin-bottom:48px;
    } 
div#content {
    display:inline-block;
    width: 680px;
    float:left;
    padding-left:6px;
    } 
div#content-3spaltig {
    display:inline-block;
    width: 420px;
    }
div#sidebar1 {
    float:right;
    width: 280px;
    }
div#sidebar2 {
    width: 260px;
    float:left;
    padding-right:16px;
    }
div#linkmenuContainer {
    padding: 12px;
    clear:both;
    width:100%;
    max-width:100%;
    margin-top:40px;
}
footer#footer {
    clear:both;
    padding: 12px 4px;
    border-top:1px solid #aaa;
    margin-top:40px;
    } 
div#infotext, div#nav, div#nav_mobile {
    clear: both;
    }
div#slogan {
    }
#breadcumb {
    }    
div#google_translate_element {
    text-align:right;
    margin-right:0;
    }  
div.social_share_buttons {
    } 
#profilcontent {
    } 
div.width200px {
    width: 200px;
    }
div.width400px {
    width: 400px;
    }
div.width600px {
    width: 600px;
    }
div.width50prozent {
    width: 49%;
    }
div.width50prozentX {
    width: 48%;
    }
.width100prozent {
    width: 100%;
    }
#backlink_container {
    text-align: right;
    padding: 0;
    margin-top:2px;
    margin-bottom:20px;
    }    
div#tagcloud, div.tag_cloud {
    text-align:center;
    line-height:100%;
    }
.attachment-width50prozent {
    width: 49%;
    max-width:100%;
    }
.markiert {
    padding: 0 1px;
    }
.message, .style1, .style2, .style3, .style4, .style5, .style6, .style7, .style8, .style3D, .TRstyle1, .TRstyle2, .rahmen, .fehlermeldung, td {
    padding: 2px;
    }
.container, #content-wrapper, div#top, div#topnavigation, div#socialmedia {
    clear: both;
    }   
  
      
    
    
/* 3. Layout Styles
================================================== */
body {
    background-color: #000;
    background-image: url(/img/layout/textur.jpg);
    background-attachment: fixed;
    }
div#wrapper {    
    background-color: #fff;
    }
header#header {    
    background-color: #ccc;
    }
div#content-wrapper {

    }
header#header {
    background-image: url(/includes/templates/001/images/header-3.jpg);
    background-position: center;
    } 
    
    
div.page_item_top_content_header {
    padding:4px;
    border-bottom: 1px solid #000;
    font-weight:bold;
    font-size:100%;
    background-color: #444;
    color: #ddd;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+1,eeeeee+59 */
    -webkit-box-shadow: 2px 2px 2px 1px #666666;
    box-shadow: 2px 2px 2px 1px #666666;
    word-wrap: break-word;
}
div.page_item_top_content {
    margin-bottom:24px;
    padding:2px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+1,eeeeee+59 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 1%, #eeeeee 59%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dddddd 1%,#eeeeee 59%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dddddd 1%,#eeeeee 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 2px 2px 2px 1px #666666;
    box-shadow: 2px 2px 2px 1px #666666;
    word-wrap: break-word;
}
    
    
    
    
    
    
    
    
    
    
    
    
/* 4. Typographie
================================================== */
body {
    font-family: Calibri, Verdana, Tahoma, sans-serif;
    font-size:120%;
    color: #444;
    word-wrap: break-word;
    }
header#header {
    color: #fff;
    padding-top:40px;
    margin-bottom:20px;
    padding-bottom:40px;
}
footer#footer {
    font-size:90%;
}
h1 {   
    font-size:280%;
    } 
h2 {   
    font-size:220%;
    } 
h3 {   
    font-size:180%;
    } 
h4 {   
    font-size:160%;
    } 
h5 {   
    font-size:140%;
    } 
h6 {   
    font-size:120%;
    } 
h2, h3, h4, h5, h6 {
    color:#444;    
    } 
header#header a#websitetitel h1 {
    background-color: #000;
    text-decoration:none;
    font-size:320%;
    line-height: 120%;
    margin-top:0;
    margin-bottom:48px;
    color: #fff;
}
  
h3.ueberschrift {
    font-size:180%;
    color:#000;
    font-family: "Sansita";
    }  
      
h2#hauptueberschrift, h2.ueberschrift, h2#hauptueberschrift.ueberschrift { 
    margin-top:0;
    font-size:220%;
    color:#434;
    font-family: "Sansita";
    text-decoration:none;
    }
div#sidebar1 h3, div#sidebar2 h3 {
    margin-top:0;
    }
#kontaktbox_text {
    color: #789789;
    }
strong#slogan1 {
    background-color: #ccc; 
    color: #000;
    padding:4px 8px 0 8px;
    font-style: italic;
}
div#sidebar1 {
    font-size:90%;
    }
    
.klein, small                               { font-size: 95%; }
.klein2                                     { font-size: 90%; }
.gross                                      { font-size: 110%; }
.groesser                                   { font-size: 120%; }
.fehler,  a.fehler, .fehler a		        { color: #880000; }
.okay,  a.okay, .okay a                     { color: #008800; }
.copyright,  a.copyright, .copyright a      { color: #aaaaaa; }
.farbe1,  a.farbe1, .farbe1 a               { color: #226622; }
.farbe2,  a.farbe2, .farbe2 a               { color: #d54e21; }
.schwarz,  a.schwarz, .schwarz a            { color: #000000; }
.weiss,  a.weiss, .weiss a                  { color: #fff; }
.gruen, a.gruen, .gruen a                   { color: #00cc00; }
.blau, a.blau, .blau a                      { color: #44a; }
.rot, a.rot, .rot a                         { color: #aa0000; }
.gelb,  a.gelb, .gelb a                     { color: #ff0; }
.hellblau,  a.hellblau, .hellblau a         { color: #6666aa; }
.dunkelblau,  a.dunkelblau, .dunkelblau a   { color: #222299; }   
.fett                                       { font-weight: bold; }
    
    
     
div.syntaxhighlighter table { 
    font-size: 90%;
    }
.message {
    color: #000000;
    }
.TRstyle1:hover, .TRstyle2:hover {
    color: #000;
    }
#backlink_container {
    font-size: 80%;
    font-style: italic;
    }  
    
    
 
.TRstyle1 {
    background-color: #e2e2e2;
    border: 1px solid #cccccc;
    }
.TRstyle2 {
    background-color: #efefef;
    border: 1px solid #cccccc;
    }
.message, div#useronline {
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    }
.message:hover {
    background-color:  #e8e8e8;
    border: 1px solid #aaa;
    }
.TRstyle1:hover, .TRstyle2:hover{
    background-color:  #d4d4d4;
    }
    
.markiert {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    }
div#useronline {
    text-align:center;
    padding: 4px;
    font-size:small;
    }   
.style1 {
    background-color: #efefef;
    border: 1px solid #cccccc;
    } 
.style2 {
    background-color: #dde5dd;
    border: 1px solid #cccccc;
    } 
.style3 {
    background-color: #dddde5;
    border: 1px solid #cccccc;
    } 
.style4 {
    background-color: #e5dddd;
    border: 1px solid #cccccc;
    } 
.style5 {
    background-color: #c4c4c4;
    border: 1px solid #aaaaaa;
    } 
.style6 {
    background-color: #878;
    border: 1px solid #000;
    color: #fff;
    }
.style6 strong, .style7 strong, .style8 strong {
    color: #fff;
    }
.style7 {
    background-color: #788;
    border: 1px solid #000;
    color: #fff;
    }
.style8 {
    background-color: #887;
    border: 1px solid #000;
    color: #fff;
    }
.fehlermeldung {
    background-color: #f88;
    border: 1px solid #444;    
}
.rahmen {
    border: 1px solid #bbb;    
}
.style3D {
    background-color: #dddde5;
    border: 2px outset #cccccc;
    } 
    
    
    
    
    
    
    
    

/* 5. Hauptnavigation, Seitennavigation
================================================== */
div#nav, div#nav_mobile  {
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    text-align:center;
    margin: 0 auto;
}
div#nav a.button, div#blognav a.button, div.blognav a.button, div#nav_mobile a.button {
    padding: 2px 16px;
    color: #ccc; 
    background-color: #444;
    font-size:120%;
    text-decoration:none;
    margin: 0 6px;
        -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
div#nav a.button:hover, div#blognav a.button:hover, div.blognav a.button:hover, div#nav_mobile a.button:hover {
    color: #fff; 
    background-color: #220;
}
div#blognav, div.blognav, div#nav_mobile {
    text-align:center;
    }
div#blognav a.button, div.blognav a.button, div#nav_mobile a.button {
    margin-bottom:40px;
    font-size:90%;
    line-height:180%;
    margin-left:0;
    }
    
 /* Update START */
        
div#nav_mobile  {
    margin-bottom: 6px;
    text-align:center;
    margin: 0 auto;
    width:100%;
    max-width:100%;
    background-color: #444;
}
div#nav_mobile a.button {
    padding: 8px 16px 8px 16px;
    line-height:120%;
    color: #ccc; 
    font-size:160%;
    text-decoration:none;
    border:none;
}
div#nav_mobile a.button:hover {
    color: #fff; 
    background-color: #220;
}
 /* Update ENDE */
    
 
    
    
    

div.sidebarNavTop, div#sidebar1 ul li.widget h2.widgettitle, div.sidebarNavTop a, div.sidebarNavTop h2 a {
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding: 2px 6px;
    color: #ccc; 
    background-color: #444;
    font-size:120%;
    text-decoration:none;
    font-weight:bold;
    } 
div.sidebarNavItem, div.sidebarNavSubItem, div#sidebar1 ul li.widget ul li {
    border: 1px solid #fff;
    border-bottom: 1px solid #cccccc;
    padding: 6px 8px;
    font-size:110%;
    } 
div.sidebarNavItem:hover, div.sidebarNavSubItem:hover, div#sidebar1 ul li.widget ul li:hover {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    background-color: #f4f4f4;
    } 
div.sidebarNavItem a:hover, div.sidebarNavSubItem a:hover, div#sidebar1 ul li.widget ul li a:hover {
    text-decoration:none;
    }
    
    
    
    
div#sidebar1 ul li ul, div#sidebar1 ul {
    margin-top:0;
    margin-bottom: 40px;
}
div#sidebar1 ul li ul li, div#sidebar1 ul li ul li {
    margin:0;
}
div#sidebar1 ul li.widget h2.widgettitle {
    margin-bottom: 0;
}

/* 6. Tags Definition, General
================================================== */
blockquote {
    margin: 24px 0 24px 24px;
    padding: 12px 12px 12px 22px;
    }
strong, b {
    font-weight: bold;
    }
i, em {
    font-style:italic;
    }
p {
    margin-bottom:12px;
    }
hr {
    border: 0;
    width: 100%;
    max-width: 100%;
    height:2px;
    color: #dde;                /* IE */
    background-color: #dde;     /* Opera and Mozilla */
    }   
    
    
    
    

    
/* 7. Tags Definition, Lists UL, OL, LI
================================================== */
ul {
    list-style-type: disc;
    margin-left: 24px;
    }
ol {
    list-style-type: numeric;
    margin-left: 32px;
    }
ul, ol {
    margin-top: 8px;
    margin-bottom: 18px;
    }
ul li, ol li {
    margin-bottom: 12px;
    }
ul.nobottom li, ol.nobottom li {
    margin-bottom: 4px;
    }
ul.link-list, ul.link-list ul {
    list-style-type: none;
	}
ul.link-list li {
    border-top: solid 1px #ced0b7;
    padding: 0.75em 0 0 0;
    margin: 0.75em 0 0 0;
    }		
ul.link-list li:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
	}
ul.checked_okay, ol.checked_okay {
    list-style-image: url(/img/icons/accept.png);
    }
div#content ul, div#content-3spaltig ul {
    padding-left:12px;
    padding-top:12px;
    padding-bottom:12px;
    }                  
div#sidebar1 ul, div#sidebar1 ol, div#sidebar2 ul, div#sidebar2 ol {
    margin: 0;
    padding:0;
    list-style-type: none;
    }
ul.graubuendnerIcon {
    list-style-image: url('/img/icons/graubuendner.png'); 
    }       
ul.graubuendnerIcon2 {
    list-style-image: url('/img/icons/gr2.png'); 
    }       
            
         
/* Wordpress */
div#content ul.newsliste li img.wp-caption { width: 300px ; }
div#content ul.newsliste li { clear: both; padding-bottom:28px; border-bottom: 1px solid #ddd; list-style-type: none; margin-left: 0; }
div#content ul.newsliste { padding-left: 0; margin-left: 0; }      
         
         
         
         
         
         
    
         
/* 8. Tags Styles, Classes
================================================== */
pre.codestyle, .codestyle {
    font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
    font-size:medium;
    padding:4px;
    background-color: #0A2B1D;
    color: #96DD3B;
    overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    /* width: 99%; */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    } 
  hr.light { 
    width:84%; 
    margin:0 auto; 
    border:2px dotted #666; 
    background-color: #666;
    color: #222; 
}  
    
    
      
/* 9. Hyperlinks
================================================== */
/* unvisited link */
a, a:link {    
    text-decoration: none;
    color: #262;
    font-weight:bold;
    }
/* visited link */
a:visited {
    color: #666;
    }
/* mouse over link */
a:hover {
    color: #000;
    text-decoration: underline;
    }
/* selected link */
a:active {
    color: #000000;
    }
div#content a {
    text-decoration: underline;
    }
#backlink_container a {
    color: #666;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    padding-left: 4px;
    }   
#meta a {
    color: #000;
    font-weight:normal;
    font-style:italic;
    }
.einzeleintrag a {
    font-size: 120%;
    text-decoration:none;
}
div#content div.blognav a.button { text-decoration: none;}
a.fehler, .fehler a		        { color: #880000; }
a.okay, .okay a                     { color: #008800; }
a.copyright, .copyright a      { color: #999999; }
a.farbe1, .farbe1 a               { color: #226622; }
a.farbe2, .farbe2 a               { color: #d54e21; }
a.schwarz, .schwarz a            { color: #000000; }
a.weiss, .weiss a                  { color: #fff; }
a.gruen, .gruen a                   { color: #00cc00; }
a.blau, .blau a                      { color: #44a; }
a.rot, .rot a                         { color: #aa0000; }
a.gelb, .gelb a                     { color: #ff0; }
a.hellblau, .hellblau a         { color: #6666aa; }
a.dunkelblau, .dunkelblau a   { color: #21759b; }   
div#content a.notextdeco, div#content .notextdeco a   { text-decoration: none; }   
    div#breadcumb a     { color: #999999; text-decoration: none; }

div#content ul li a {
    text-decoration:none;
}
div#content div.page_item_top_content_header a {
    color: #ff4;
    text-decoration:none;
}
div#content div.page_item_top_content_header a.weiss {
    color: #fff;
    }

div#content h2.ueberschrift a { 
    margin-top:0;
    color:#434;
    font-size:120%;
    font-family: "Sansita";
    text-decoration:none;
    }
div.sidebarNavSubItem a {
    margin-left:12px;
    font-size:90%;
    color: #888;
    font-style:italic;
    }
    
    
    
        
/* 10. Images
================================================== */


img#profilbild {
    max-width:100%;
    margin-bottom:12px;
    }      
.photoinfo {
    background-color: #eeeeee;
    text-align: center;
    padding: 9px;
    font-style: italic;
    border: 1px solid #cccccc;
    border-bottom: none;
    }
.photoinfo2 {
    background-color: #eeeeee;
    text-align: center;
    padding: 6px;
    font-style: italic;
    border: 1px solid #cccccc;
    border-top: none;
    margin-top:-44px;
    }
img.galerie {
    margin-bottom: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    }
.thumbnail_gross {
    float: right;
    }
.linkthumbnail  {
    vertical-align: top;
    }
.thumbnail {
    padding: 6px;
    background-color: #6666aa;
    -webkit-box-shadow: 2px 2px 2px 2px #666666;
    box-shadow: 2px 2px 2px 2px #666666;
    background: #b5bdc8; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
    background: linear-gradient(45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    }
.thumbnail:hover {
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
    background: linear-gradient(45deg,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
.icon16 { width:16px;height:16px; }
.icon24 { width:24px;height:24px; }
.icon32 { width:32px;height:32px; }    
    
img.kontaktbox_social {
     width:32px;height:32px;
}
div#socialmedia_container a, div.page_item_top_content .socialmedia_container a {
    text-decoration:none;
}
div#socialmedia_container, div.page_item_top_content div.socialmedia_container  {
    background-color: #e2e2e2;
    border: 1px solid #cccccc;
    padding-left:4px;
    padding-top:4px;
    margin-top:4px;
}

    div.drehlogo img:hover {
        transform: rotate(20deg);
    }
    div.drehlogo {
        text-align:center;
        margin: 24px 0;
    }
    
/* 11. Forms, Buttons
================================================== */
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}
label {
    cursor:text;   
    }   
.formstyle {
    font-family: Calibri,Verdana,Tahoma,sans-serif;
    font-size:100%;
    max-width:100%;
    background: #fefffb; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #fefffb 0%, #f5f5e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fefffb), color-stop(100%,#f5f5e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #fefffb 0%,#f5f5e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #fefffb 0%,#f5f5e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #fefffb 0%,#f5f5e9 100%); /* IE10+ */
    background: linear-gradient(135deg,  #fefffb 0%,#f5f5e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefffb', endColorstr='#f5f5e9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 1px 1px #bbb;
    box-shadow: 1px 1px 1px 1px #bbb;
    }
.formstyle:focus {
    -webkit-box-shadow: 1px 1px 1px 1px #888;
    box-shadow: 1px 1px 1px 1px #888;
    }
#suchenformular {
    margin-bottom: 0;
    padding-bottom: 0;
    }
textarea, textarea.formstyle {
    width: 100%;
    max-width: 100%;        
    }
select { 
    font-size:100%;
    padding: 0; 
    }
option { 
    font-size:100%;
    background-color: #ffffff;
    }
input {
    font-size:100%;
    }
.buttonsubmit, .buttonreset, .buttonstyle {
    padding: 6px 12px;
    color: #000;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    text-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px 1px #bbb;
    box-shadow: 1px 1px 1px 1px #bbb;
    }
.buttonsubmit:hover, .buttonreset:hover, .buttonstyle:hover {
    border: 2px outset #ccf;
    cursor:pointer;
    -webkit-box-shadow: 1px 1px 1px 1px #888;
    box-shadow: 1px 1px 1px 1px #888;
    }
.buttonsubmit {   
    background-color: #ccddcc;
    }
.buttonreset {
    background-color: #ccccdd;  
    }
.buttonstyle {  
    background-color: #ddcccc;
    }    
        
    
/* 12. Misc
================================================== */
    #content a.homebox {
        text-decoration:none;
        color: #226;
        }
    #content a.homebox:hover {
        color: #000;
        }
    #content a.homebox div.homeboxContainer {
        margin-bottom:40px;
        margin-left:4px;
        background-size:cover;
        -webkit-box-shadow: 2px 2px 6px 4px #bbc;
        box-shadow: 2px 2px 6px 4px #bbc;
        border:1px solid #999;
        min-height: 260px;
        }
    #content a.homebox div.homeboxContainer p.homeboxTitel {
        padding-right:14px;
        margin-bottom:0;
        margin-top:180px;
        background-color:#fff;
        opacity:0.8;
        text-align:center;
        border-top:1px solid #999;
        }
    #content a.homebox div.homeboxContainer p.homeboxTitel:hover {
        opacity:0.9;
        }












div.newsbox100 {
    width:100%;
    max-width:100%;
    margin-bottom:24px;
    }
div.newsbox50l, div.newsbox50r {
    width:49%;
    max-width:100%;
    margin-bottom:24px;
    }
div.newsbox50l {
    float:left;
    }
div.newsbox50r {
    float:right;
    }
div.newsbox50 {
    clear:both;
    display: inline-block;
    }
div.newsbox100, div.newsbox50l, div.newsbox50r {
    border:1px solid #aaa;
    padding:8px;
    text-align:center;  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+1,eeeeee+59 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 1%, #eeeeee 59%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dddddd 1%,#eeeeee 59%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dddddd 1%,#eeeeee 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 2px 2px 2px 1px #666666;
    box-shadow: 2px 2px 2px 1px #666666;
    }
div.newsbox100titel, div.newsbox50titel {
    border: 1px solid #666;
    background-color: #444;
    color:#fff;
    font-size:120%;
    padding:6px;
    }
div.newsbox100titel strong, div.newsbox50titel strong {
    color:#ff0;
    }
div.newsbox100text, div.newsbox50text {
    border: 1px solid #666;
    background-color: #fff;
    color:#000;
    font-size:100%;
    padding:6px;
    margin:0;
    padding-bottom:8px;
    text-align:left;
    }
div.newsbox100img img, div.newsbox50img img {
    border: 1px solid #666;
    padding:0;
    margin:0;
    display:block;
    }    
    
div#content div.newsbox100_klein,
div.entry div.newsbox100_klein {
    width: 100%;
    max-width:100%;  
    display:inline-block;
    border:1px solid #aaa;
    padding:8px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+1,eeeeee+59 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 1%, #eeeeee 59%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dddddd 1%,#eeeeee 59%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dddddd 1%,#eeeeee 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 2px 2px 2px 1px #666666;
    box-shadow: 2px 2px 2px 1px #666666;
    }
   
div#content div.newsbox100_klein div.newsbox100_klein_img,
div.entry div.newsbox100_klein div.newsbox100_klein_img {
    float:left;
    width:170px;
    } 
div#content div.newsbox100_klein div.newsbox100_klein_img a img,
div.entry div.newsbox100_klein div.newsbox100_klein_img a img {
    float:left;
    width:150px;
    padding:6px;
    border: 1px solid #000;
    display: block;
    background-color: #aaa;
    }
    
div#content div.newsbox100_klein div.newsbox100_klein_titel,
div.entry div.newsbox100_klein div.newsbox100_klein_titel {
    float:left;
    border: 1px solid #666;
    background-color: #444;
    padding:6px;
    font-size:120%;
    }
div#content div.newsbox100_klein div.newsbox100_klein_titel strong,
div.entry div.newsbox100_klein div.newsbox100_klein_titel strong {
    color: #ff0;
    }
div#content div.newsbox100_klein div.newsbox100_klein_titel a,
div.entry div.newsbox100_klein div.newsbox100_klein_titel a {
    text-decoration:none;
    color: #fff;
    }
div#content div.newsbox100 div.newsbox100titel a
div.entry div.newsbox100 div.newsbox100titel a {
    text-decoration:none;
    color: #aac;
    }



.box {
    float: left;
    width: 46%;
    max-width:100%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 40px;
    margin-bottom: 40px;    
    padding:2px;
    }
.clear, .eintrag {
    clear: both;
    }
.floatLeft{
    float: left;
    }
.floatRight{
    float: right;
    }
.mitRand {
    padding: 2px;
    }
.border {
    border: 1px solid #aaaaaa;
    }
.boxshadow, img.wp-post-image, .wp-caption img, img.size-full, img.size-medium {
    -webkit-box-shadow: 2px 2px 2px 2px #666666;
    box-shadow: 2px 2px 2px 2px #666666;
    }
/* TWITTER Widget */
div#twitterwidget {
    width:252px;
    max-width:100%;
}
/* WP Social Share Widget */
div.bottomcontainerBox {
    margin-left:-4px;
}
    .negativ {
    background-color: #ffbbcc;
}
.positiv {
    background-color: #bbffcc;
}


div.centered                                { text-align: center; }
    
/* 13. Modul Suchen
================================================== */
#ortschaftenergebnis {
    margin-top: 0;
    }
#ortschaftenergebnis a {
    margin-left: 24px;
    }
#kategorienergebnis {
    margin-top: 12px;
    }
#kategorienergebnisse {
    padding: 2px;
    padding-left: 4px;
	-webkit-box-shadow: 2px 2px 2px 2px aaa;
	box-shadow: 2px 2px 2px 2px #aaa;
    background: -moz-linear-gradient(-45deg,  rgba(238,236,240,0) 0%, rgba(220,214,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,236,240,0)), color-stop(100%,rgba(220,214,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(238,236,240,0) 0%,rgba(220,214,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(238,236,240,0) 0%,rgba(220,214,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(238,236,240,0) 0%,rgba(220,214,224,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(238,236,240,0) 0%,rgba(220,214,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeecf0', endColorstr='#dcd6e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    } 
#kategorienergebnisse a {  
    text-decoration: none;
    }
  
    
/* 14. Modul Linkverzeichnis
================================================== */
div#links_container {
    width:720px;
    max-width:100%;
    padding: 4px 0;
    float:left;
    }
div#links_sidebar {
    width:220px;
    max-width:100%;
    padding: 4px 0;
    float:right;
    margin-right:0;
    margin-left:12px;
    }
div#backlink_container a:hover {
    text-decoration:none;
    }
.eintrag_content {
    padding: 4px;
    }    
.eintrag_content img {
    max-height:180px;
    }
 #moreinfos {
    padding: 24px 2px;
    }    
.morediv {
    border-top: 1px solid #ccc;
    padding: 12px 2px;
    }  
.morediv:hover {
    background-color: #ddd;
    }    

blockquote, blockquote.wikipediaquote {
    margin: 24px 0 36px 20px;
    padding: 6px 6px 6px 12px;
    border-left: 4px solid #bba;
    color: #666;    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,f6f6f6+53,ffffff+100 */
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(left,  #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ededed), color-stop(53%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }   
blockquote.wikipediaquote, div#links_container blockquote {
font-style:italic;
font-family: serif;
font-size:120%;
}
blockquote.wikipediaquote a, div#links_container blockquote a {
font-weight:normal;
font-size:80%;
}
div#kontaktbox_text p {
   margin:0;
   padding:0;
   }
div#kontaktbox_text ul {
   margin-bottom:16px;
   }
div#kontaktbox_text ul li {
   margin:0;
   padding: 0;
   }               
                
                #moreinfos h3 {
                    padding-bottom: 24px;
                }
                #homepagethumb {
                    max-width:100%;
                    height:auto;
                } 

 
/* 15. Modul GRischashot
================================================== */   
div#tagcloud {
    text-align:center;
    line-height:220%;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 32px;
    }  
div#tagcloud a, 
div.grischashotBoxText a {
    font-weight:normal;
    }   
.box {
    float:left;
    width:46%;
    margin-left:1%;
    margin-right:1%;
    margin-top:40px;
    margin-bottom:40px;
}
.photoinfo {
    background-color: #eeeeee;
    text-align:center;
    padding:9px;
    font-style:italic;
    border: 1px solid #cccccc;
    border-bottom:none;
}

div.grischashotBox {
    border:1px solid #bbb;
    padding: 4px 8px;
    margin-right: 1px;
    margin-bottom:6px;
    text-align:center;
    background-color: #e4e4e4;
    width:33%;
    max-width:100%;
    float:left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+1,eeeeee+59 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 1%, #eeeeee 59%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dddddd 1%,#eeeeee 59%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dddddd 1%,#eeeeee 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 2px 2px 2px 1px #666666;
    box-shadow: 2px 2px 2px 1px #666666;
}
div.grischashotBoxHome {
    width:48%;
    max-width:100%;
    float:left;
    margin-left:4px;
    margin-top:4px;
    border:1px solid #bbb;
    text-align:center;
    background-color: #e4e4e4;
    padding-top:6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+1,eeeeee+59 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 1%, #eeeeee 59%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dddddd 1%,#eeeeee 59%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dddddd 1%,#eeeeee 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 2px 2px 2px 1px #666666;
    box-shadow: 2px 2px 2px 1px #666666;
}

div.grischashotBoxOriginal{
    border:1px solid #ddd;
    padding: 4px 8px;
    text-align:center;
    background-color: #f4f4f4;
    width: 100%;
    max-width:100%;
}
div.grischashotBoxText, div.grischashotBoxText2 {
    border:1px solid #ddd;
    padding: 4px 6px;
    margin: 12px 0;
    text-align:left;
    background-color: #fff;
    color: #000;
    font-size:15px;
    height: 200px;
}
div.grischashotBoxText2 {
    font-size:18px;    
}
img.emojione {
    width:18px;
    margin-left:2px;
    margin-right:2px;    
}
div.grischashotBoxText2 img.emojione {
    width:24px;
    margin-left:2px;
    margin-right:2px;    
}
img.grischashotThumb {
    /* width:320px; */
    
    /* height: 150px; */
    height: 160px;
    max-width:100%;
    margin-top:6px;
}
div.seeContainer {
    clear:both;
}

img.grischashotThumb2 {
    height: 150px;
    max-width:100%;
    margin-top:6px;
}
img.grischashotThumb3 {
    width:90%;
    max-width:100%;
    margin-top:6px;
}
img.grischashotThumb4 {
    width:100%;
    
    
    border:1px solid #aaa;
    padding:8px;
    text-align:center;  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+1,eeeeee+59 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 1%, #eeeeee 59%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dddddd 1%,#eeeeee 59%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dddddd 1%,#eeeeee 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 2px 2px 2px 1px #666666;
    box-shadow: 2px 2px 2px 1px #666666;
    max-width: 96%; /* Image does not overflow the content area */
    
    
    
    
    
}
div.grischanotiz {
    text-align:center;
    border-bottom: 1px solid #c0c0c0;
    }  
      
/* 16. Navigation, Pagination (/includes/blaetterungsfunktion2.php)
================================================== */

div.pagination_wrapper {
    clear: both;
    margin-bottom:24px;
    }
div.pagination_container {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-size:90%;
	}
div.pagination_titel {
	text-align:right;
	vertical-align:middle;
	}
    
div.pagination_tab_links,
div.pagination_tab_rechts,
div.pagination_tab_aktiv,
div.pagination_tab_inaktiv {
	width:44px;
    font-size:100%;
	text-align:center;
	vertical-align:middle;
    padding: 4px 6px;
	float:left;
}
    
div.pagination_tab_links,
div.pagination_tab_rechts {
    background-color: #e0e0d0;
    border: 1px solid #cccccc;
	}
div.pagination_tab_aktiv {
    background-color: #e2e2e2;
    border: 1px solid #cccccc;
	
}
div.pagination_tab_inaktiv {
    background-color: #efefef;
    border: 1px solid #cccccc;	
}
div.pagination_tab_aktiv:hover, div.pagination_tab_inaktiv:hover {
    background-color:  #d4d4d4;	
}


    
/* 17. WordPress Core
================================================== */

.alignnone, .alignright, .alignleft {
    margin: 8px;
    }
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    }
.alignright {
    float: right;
    margin-right: 0;
    margin-left: 12px;
    }
.alignleft {
    float: left;
    margin-left: 0;
    margin-right: 12px;
    }
.alignnone {
    margin-left: 0;
    }
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
.wp-caption {   
   
    
}

.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: 100%;
    padding: 0;
    width: auto;
}
div#content img.attachment-full.size-full.wp-post-image {
    width:100%;
    max-width:100%;
}
.wp-caption p.wp-caption-text {
    font-size: 90%;
    margin: 0;
    margin-top: 12px;
    padding: 0 4px 5px;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* 18. WordPress Customized
================================================== */
table.form-table {
    text-align:left;
    } 
.wp-caption {
    border:1px solid #aaa;
    padding:8px;
    text-align:center;  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+1,eeeeee+59 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 1%, #eeeeee 59%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dddddd 1%,#eeeeee 59%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dddddd 1%,#eeeeee 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 2px 2px 2px 1px #666666;
    box-shadow: 2px 2px 2px 1px #666666;
    max-width: 96%; /* Image does not overflow the content area */
    }
.wp-caption img {
    margin: 0;
    border: 1px solid #444;
    }
.wp-caption p.wp-caption-text {
    color:#666666;
    }    
img.size-full {
    height:auto;
    }
    #review {
        margin-top:60px;
        margin-left:0;
    }
div.comment, div.admincomment {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 2px #c4c4c4 inset;
    background-color: #f4f4f4;
    padding: 8px;
    margin-bottom:12px;
    }  
div.admincomment {
    background-color: #ffffff;
    }             
 small.commentmetadata         {
    border-bottom: 1px dashed #000;
    padding: 2px 0;
    margin-bottom:8px;
    display:inline-block;
 }
 img.alignleft.size-medium {
    padding:0;
    margin-right:12px;
}

span.post-ratings {
    float:left;
}
span.post-ratings-text {
    float:none;
    clear:both;
    margin-top: 8px;
    margin-left: 8px;
    padding: 4px;
}

#content div#kommentare div.comment p {
    margin-top:8px;
    margin-bottom:24px;
}
#content div#kommentare div.comment .gdrts-rating-block {
    background-color: #ccccc0;
    border: 1px solid #aaf;
    font-size:90%;
    color: #000;
    padding:4px;
}

    
/* 19. Responsive Navigation, Responsive Elements
================================================== */
    
img.scale-with-grid {
    max-width: 100%;
    height: auto;
    }
.non_responsive_hidden {
    display: none;
    position: absolute;
    }
.responsive_hidden {
    display: inline;
    position: relative;
    }
   
    table#memberdata  {
        font-size:90%;
        width:50%;
        }
header#header img#superlogo {
    position:fixed;
    width:80px;
    right:24px;
    top:50px;
    z-index:9999999999999;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    }
        
/* div.slicknav_menu, */
ul#slidermenu {
	display:none;
    }
div.slicknav_menu {
    -webkit-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    }




#content a.partnerThumb {
    width:46%;
    max-width:100%;
    margin-right:1%;
    margin-bottom:40px;
    padding-bottom:0;
    -webkit-box-shadow: 2px 2px 2px 2px #888;
    box-shadow: 2px 2px 2px 2px #888;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

#content a.partnerThumb img {
    width:100%;
    max-width:100%;
}
#content a.partnerThumb#davosdigitalforum {
    background-color:#FED201;
}
#content a.partnerThumb#mm-sounds {
    background-color:#010080;
}
#content a#graubuendenpics.partnerThumb {
    background-color:#8191A3;
}


/* 20. Media Queries, All Mobile Sizes (devices and browser)
================================================== */
@media only screen and (max-width: 600px) {
    

#content a.partnerThumb {
    width:100%;
    max-width:100%;
    height:auto;
}



	div.slicknav_menu {
		display:block;
	}
	ul#slidermenu li {
	display:none;
}
    
    
    
    
    
    
    div#wrapper {  margin-top:10px; }
    
    
    
    
    
    
body {
    background-color: #fff;
    }
div#wrapper {
        width: 100%;
        max-width:100%;
    
}
    div#content {
        /* text-align:justify; */
        margin:0;
        padding:8px;
        width: 100%;
        max-width:100%;
        }
    div#content-3spaltig {
        /* text-align:justify; */
        margin:0;
        padding:8px;
        width: 100%;
        max-width:100%;
        }
    /* members profil */   
    img#profilbild  {
        float:none;
        clear:both;
        max-width:100%;
        }  
    table#memberdata  {
        float:none;
        clear:both;
        width:100%;
        max-width:100%;
        }
    div#content ul, div#content ol,
    div#content-3spaltig ul, div#content-3spaltig ol {
        margin-left:8px;
        } 
    div#content ul li, div#content ol li,
    div#content-3spaltig ul li, div#content-3spaltig ol li {
        margin-left:6px;
        }     
    div#wrapper {
        padding: 0;
        }
    div#links_container, div#links_sidebar {
        width:100%;
        max-width: 100%;  
        clear: both;
        float:none;
        margin:0;
        }  
    div#socialmedia {
        text-align:center;
        } 
        
    blockquote {
        margin-left: 24px;
        }
    #content h2, h2 {
        font-size: 130%; 
        } 
h2#hauptueberschrift, h2.ueberschrift, h2#hauptueberschrift.ueberschrift, div#content h2#hauptueberschrift a {
        font-size: 170%; 
    }
    div#content h2.ueberschrift a{
        font-size: 130%; 
    }
    
strong#slogan1 {
    font-size: 100%;
    }
    h3 {
        line-height: 120%; 
        } 
    div#sidebar1, div#sidebar2, .box, iframe, div.width50prozent, div.width50prozentX {
       clear: both;
       width:100%;
       max-width:100%;
       margin: 0 auto;       
       }   
       div#sidebar1, div#sidebar2  {
           padding: 2px 2px 24px 2px;
       }
    iframe {
       margin:0;
       }  
    div.responsive_hidden, #breadcumb_responsive {
        display:none;
        position:relative;
        }
    div.non_responsive_hidden, #breadcumb {
        position:relative;
        display:block;
        }
    ul, ol, blockquote {
        margin-left:12px;
        } 
     ol {
        padding-left:12px;
        } 
        div.homepagebox {
            width:100%;
            max-width:100%;
            clear:both;
        }

        
/* TWITTER Widget */
div#twitterwidget {
    width:100%;
    max-width:100%;
}
        
header#header {
    padding-top:48px;
    margin-top:-24px;
    margin-bottom:0;
    padding-bottom:0;
    background-position: top;
}
    div#nav, div#nav_mobile {
        margin-top:0;
        padding-top:0;
    }
    div#nav a.button, div#nav_mobile a.button  {
        display: block;
    width:100%;
    max-width:100%;
    clear:both;
    margin:0;
    padding-top:12px;
    padding-bottom:12px;
    border:1px solid #aaa;
    font-size:140%;
}
header#header a#websitetitel h1 {
        /*
        background-color: #eee; 
        opacity: 0.8;
        */
        font-size:180%;
        opacity: 0;
        }
        div#wrapper header#header img#superlogo {
        opacity: 1;
    position:fixed;
    width:80px;
    margin-right:2px;
        }
    div.newsbox50l, div.newsbox50r {
      clear:both;
      width:100%;
      max-width:100%;
    }
    div#content div.newsbox100_klein a, 
    div.entry div.newsbox100_klein a  {
        font-size:15px;
        font-weight:normal;
        }
    div#content div.newsbox100_klein div.newsbox100_klein_img a img,
    div.entry div.newsbox100_klein div.newsbox100_klein_img a img {
        float:left;
        width:128px; 
        padding:0;
        margin:0;    
        }
    div#content div.newsbox100_klein div.newsbox100_klein_img,
    div.entry div.newsbox100_klein div.newsbox100_klein_img {
        float:left;
        padding:0;
        margin:0;
        margin-right:6px;
        width:128px;     
        }
    div#content div.newsbox100_klein,
    div.entry div.newsbox100_klein  {
        padding:0;
        margin:0;        
        }
    
div.grischashotBox {
    width: 100%;
    max-width: 100%;
    margin-bottom:6px;
}
div.grischashotBoxHome {
    width:100%;
    max-width: 100%;
    background-size: contain;
    padding: 2px 8px;
    margin:4px 0;
}

div.grischashotBoxText, div.grischashotBoxText2 {
    height:auto;
}

div.width50prozent {
    width: 100%;
    max-width:100%;
    }
div.width25prozent {
    width: 100%;
    max-width:100%;
    }
    div.grischashotThumbnailBox {
        width:100%;
    max-width:100%;
    }
    
    /*
    WP
    */
    div#content img.size-medium,
    div#content img.size-medium.alignright,
    div#content img.size-medium.alignright,
    div#content img.size-medium.alignleft,
    div#content img.size-medium.alignnone {
        width:100%;
        max-width:100%;
        clear: both;
        float:none;
        margin:0;
        margin-bottom:12px;
        }
        
     
div.pagination_wrapper {
    width:100%;
    max-width:100%;
    }   
        
        
div.pagination_tab_links,
div.pagination_tab_rechts,
div.pagination_tab_aktiv,
div.pagination_tab_inaktiv {
    font-size:80%;
}
        img.GrischashotMembersThumb, img.LVentryThumb {
        width:100%;
        max-width:100%;
        clear: both;
        float:none;
        margin:0;
        margin-bottom:12px;
        }
        div#ui-datepicker-div {
            position: absolute;
        }
div#blognav a.button, div.blognav a.button {
    display: block;
    margin-bottom:2px;
    clear:both;
    width:100%;
    max-width:100%;
    }
    }
    







/* 21. Media Queries, small Mobile Sizes
================================================== */

@media only screen and (max-width: 560px) {
    /* Wordpress */
    div#content ul.newsliste li img.wp-caption, img.grischashotThumb4 { width: 100%; max-width: 100%; height: auto; clear: both; }
    }