@charset "utf-8";
/*
Theme Name:  link-verzeichnis.ch (Customized)
Theme URI: http://www.link-verzeichnis.ch
Author: Roman Schurte
Author URI: http://www.kunden-service.ch
Description: Template/Frontend CSS, Custom CMS
Tags: Valides Responsive Webdesign
Version: 1.0
*/

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

1. Reset, Basic, Hacks, Box Model
2. Layout Definition
3. Layout Styles
4. .page_item Layout/Style Definition
5. Tags Definition, General
6. Tags Definition, Lists UL, OL, LI, .link-list
7. Tags Styles, Classes
8. Hyperlinks
9. Typography, Tags / Layout
10. Images



11. Navigation
12. Forms, Buttons
13. Misc
14. Modul Suchen
15. Modul Verzeichnis / Jobs
16. Modul Linkverzeichnis
17. Wordpress Core CSS
18. Wordpress Custom CSS
19. Responsive Navigation, Responsive Elements
20. Media Queries, All Mobile Sizes (devices and browser) 




* 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:90%;
    max-width:100%;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:40px;
    padding:0;
    }
header#header {
    height:108px;
    margin-bottom: 2px;
    } 
div#logobild {
    float:left;
    }  
div#logotext {
    float:left;
    }
div#slogan {
    }  
div#content-wrapper {
    clear:both;
    } 
div#infotext {
    clear: both;
    padding:4px;
    text-align: right;
    margin-bottom: 32px;
    }
div#content {
    float:left;
    width: 76%;
    max-width:100%;
    padding:4px;
    }
footer#footer {
    float:none;
    clear:both;
    padding:4px;
    }
div#nav {
    width: 100%;  
    max-width:100%;  
    padding:4px; 
    }
div#sidebar1 {
    float:left;
    padding: 4px 4px 32px 4px;
    margin-left:12px;
    width: 20%;
    }   
div#sidebar2 {
    width: 200px;
    float:right;
    }
#breadcumb {  
    }
section#suche {
    }    
div.width200px {
    width: 200px;
    max-width:100%;
    }
div.width400px {
    width: 400px;
    max-width:100%;
    }
div.width600px {
    width: 600px;
    max-width:100%;
    }
div.width50prozent {
    width: 49%;
    max-width:100%;
    } 
div.width45prozent {
    width: 44%;
    max-width:100%;
    float:left;
    }
div.width40prozent {
    width: 39%;
    max-width:100%;
    float:left;
    }
div.width20prozent {
    width: 20%;
    float:left;
    }
div.width10prozent {
    width: 10%;
    float:left;
    }
div.width33prozent {
    width: 32%;
    max-width:100%;
    }   
div#google_translate_element {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
    } 
div.google_adsense1 {
    }        
div#socialmedia {
    margin-top:-40px;
    position:absolute;
    text-align:right;
    }
span.social_share_button_twitter {
    }  
div.social_share_buttons {
    padding:6px;
    }
div.linkmenu {
    width:50%; 
    float:left;
    max-width:100%;
    } 
#profilcontent {
    padding: 4px;
    }
#backlink_container {
    text-align: right;
    padding: 0;
    margin-top:2px;
    margin-bottom:20px;
    }  
.markiert {
    padding: 0 1px;
    }
.message, .style1, .style2, .style3, .style4, .style5, .style6, .style3D, .TRstyle1, .TRstyle2, .rahmen, .fehlermeldung, td {
    padding: 2px;
    }
header#header, div#wrapper, div#content-wrapper, div#socialmedia, footer#footer,
div#nav, div#breadcumb {
    clear: both;
    }
.mitRand {
    border:1px solid #aaa;
    padding:0;
}
/* 3. Layout Styles
================================================== */
body {
	background-color: #ffffff;
	background-image: url(/includes/templates/001/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
    }
div#wrapper {
    border-radius: 8px;
    box-shadow: 4px 4px 4px 2px #010122;
	background-color: #ffffff;
    } 
header#header {
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background-color: 	#224488;    
    } 
div#slogan {
    } 
div#nav {
    }   
div#infotext {
    }
footer#footer {
    border-top: 1px solid #ccc;
    }    
div#breadcumb {
    border-bottom: 1px solid #ccc;
    }    
div#content-wrapper {
    }    
div#content {
    }    
div#sidebar1 {
    background-color: #224488;
    border-radius: 4px;
    box-shadow: 4px 4px 4px 2px #010122;
    }    
div#sidebar2 {
    }    
div#breadcumb {
    } 
div.message {
    border: 1px solid #c0c0c0;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(left,  #e4e4e4 0%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e4e4e4), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #e4e4e4 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #e4e4e4 0%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #e4e4e4 0%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to right,  #e4e4e4 0%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
    }
.markiert {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    }
.style1 {
    background-color: #d2d2c2;
    border: 1px solid #ccccaa;
    }
.style2 {
    background-color: #eee0ee;
    border: 1px solid #ccccaa;
    }
.style3 {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #e8e8de 0%, #fcfff4 100%) repeat scroll 0 0;
    border: 1px solid #aaaaff;
}
.style4 {
    background-color: #e8e8d8;
    border: 1px solid #ccccbb;
    }
.style5 {
    background-color: #ccd0e0;
    border: 1px solid #ccccaa;
    }
.style6 {
    background-color: #e0e0d0;
    border: 1px solid #cccccc;
    }
.style3D {
    background-color: #cccccc;
    border: 1px solid #888;
    }
.TRstyle1 {
    background-color: #e2e2e2;
    border: 1px solid #cccccc;
    }
.TRstyle2 {
    background-color: #efefef;
    border: 1px solid #cccccc;
    }
.TRstyle1:hover, .TRstyle2:hover {
    background-color:  #d4d4d4;
    }
.rahmen {
    border: 1px solid #aaaaaa;
    }
.fehlermeldung {
    border: 2px outset #000000;
    background-color: #ffcccc;
    }     
/* 4. .page_item Layout/Style Definition (Navigation CMS/Wordpress)
================================================== */
div.page_item {
    padding: 6px 20px;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    }
div.page_item_top, div.page_item_top_content_header, div.page_item_top_big, div.page_item_top_big_start, h2.widgettitle {
    text-align:center;
    padding: 4px 8px;
    margin:0;
    border-radius: 4px 4px 0 0; 
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #3c8dde;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}
div.page_item_top {
    padding: 8px 24px;
}
div.page_item_top_content_header {
    text-align:left;
    padding-left:4px;
    }
div.page_item_top_content_header a, div.page_item_top a {
    color: #ddd;
    }
div.page_item_top_content {
    border:1px solid #aaa;
    padding:2px;
    color:#666;
    margin-bottom:18px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
div.page_item_top_content_header a.sublink {
    font-size:100%;
    color:#ff0;
    font-style:normal;
    }
div.page_item_top_big, div.page_item_top_big_start, h2.widgettitle {
    padding: 14px 24px;     
    font-size:120%;
    color:#fff;
    width:100%;
    max-width:100%;
    }
div.page_item_top_big_start {
    border-radius: 0 0 0 0; 
    }
div.page_item_top_big a, div.page_item_top_big_start a {
    color:#fff;
    }
div.page_item_top_content_header a.entrytitel {
    font-size:130%;
    color:#fff;
    }
/* 5. 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 */
    }
    
/* 6. Tags Definition, Lists UL, OL, LI
================================================== */
ul, ol {
    margin-left: 24px;
    margin-top: 8px;
    margin-bottom: 18px;
    }
ul li, ol li {
    margin-bottom: 12px;
    }
ul.nobottom li, ol.nobottom li {
    margin-bottom: 4px;
    }
ol {
    list-style-type: numeric;
    }
ul {
    list-style-type: disc;
    }
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;
    }
div#content ul {
    padding-left:42px;
    padding-top:12px;
    padding-bottom:12px;
    }       
    
/* 7. Tags Styles, Classes
================================================== */
pre.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+ */
    }   
/* 8. Hyperlinks
================================================== */
/* unvisited link */
a, a:link {    
    font-weight:bold;
    text-decoration: none;
    color: #44a;
    }
/* visited link */
a:visited {
    color: #000044;
    }
/* mouse over link */
a:hover {
    color: #000;
    text-decoration: underline;
    }
/* selected link */
a:active {
    color: #000000;
    }      
#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;
    }     
    
/* 9. Typography, Tags / Layout
================================================== */
    
/* Reset Typo, set defaults */
body {
    font-size: small;
    }
* {    
    color: #000;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    } 
div#sidebar1, div#sidebar2, div#sidebar1 ul li, div#sidebar2 ul li {    
    color: #fff;
    }  
h2, h3, h3 a.kategorienlinkh3, div#sidebar1 h4, div#sidebar2 h4 {
    color: #4444cc;
    font-family: "Bubblegum Sans";
    text-shadow: 1px 1px 2px #222288;
}
div#sidebar1 h4, div#sidebar2 h4 {
    font-size: 180%;
    
}

h4 {
    font-size: 140%;
    text-shadow: 1px 1px 2px #aaa;
    font-weight: 600;
    color: #6666cc;
}


h2.ueberschrift a, h2.ueberschrift,
h3.ueberschrift a, h3.ueberschrift                 
    { 
    color: #444; 
    font-family: 'Lato'; 
    } 
h2#hauptueberschrift{
    margin-top:0;
    }
div#content h2, div#content h3 {
    font-family: "Bubblegum Sans";
    text-shadow: 1px 1px 2px #222288;
}
div#content h2 {
    font-size:240%;
    color: #444466;
}   
  
div#content h3,
div#content h3.storytitle {
    font-size:200%;
    color: #4444cc;
}   
div#content h3.storytitle a {
    font-size:90%;
    color: #000;
}
      
div#sidebar1 h4, div#sidebar1 h4 {
    color: #ffb500;
    margin: 0;
    font-size: 140%;
}
    
div#sidebar1 h3, div#sidebar2 h3 {
    margin-top:0;
    }    
header#header, div#slogan, span#slogan1 {
    color: #ffffff;
    }
span#slogan1 {
    font-size: 110%;
    line-height: 110%;
    font-weight: normal;
    }
div#content {
    font-size: 110%;
    }
    
  
header#header h1 a {
	font-family: 'Happy Monkey';
	text-shadow: 2px 2px 2px #000000;
     color: #ddddff;
	font-size:140%;
         }  
header#header h1#h1logo {
    padding-top:0;
    margin-top:4px;
    margin-bottom:4px;
         }  
 
#logostring {
	color: #ddddff;
         } 
    
footer#footer {
    font-size:small;
    }
#backlink_container {
    font-size: 80%;
    font-style: italic;
    }
.message {
    color: #000000;
    }
.TRstyle1:hover, .TRstyle2:hover {
    color: #000;
    }
.klein, small { font-size: 90%; }
.klein2 { font-size: 80%; }
.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: #00aa00; }
.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: #21759b; }    
.ueberschrift { color: #21ab55; } 
.orange { color: #ffb500; }   

/* 10. Images
================================================== */
img.galerie {
    margin-bottom: 40px;
    width: 100%;
    max-width: 100%;
    height: auto;
    }
/* Members */
img#profilbild {
    max-width:100%;
    margin-bottom:12px;
    }
/* Members */
.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; }    
    

/* Logo-Bereich */
img#logografik {
    float: left;
    margin:0;
    padding:0;
    margin-left:8px;
}

.includepic_right {
	padding:		10px;
	margin-left:		30px;
         background-color:#cccccc;
         border:1px solid #888888;	}















/* 11. Navigation
================================================== */    

div#nav {
    }
div#nav  a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b3bead 0%, #dfe5d7 60%, #fcfff4 100%) repeat scroll 0 0;
    border-left: 1px solid #a4a4a4;
    border-radius: 3px 3px 0 0;
    border-right: 1px solid #a4a4a4;
    border-top: 1px solid #a4a4a4;
    color: #000000;
    font-size: 120%;
    font-weight: normal;
    margin-right: 4px;
    padding: 2px 8px;
    text-shadow: 1px 1px 3px #0f0f0f;
}
div#nav span {
    padding: 4px 0;
}
div#sidebar1 ul, div#sidebar2 ul {
    list-style-type: disc;
    padding-left:8px;
    color: #fff;
}
div#sidebar1 ul li, div#sidebar2 ul li {
    margin-top:2px;
    margin-bottom:2px;
}
div#sidebar1, div#sidebar2 {
    color: #fff;
}
div#sidebar1 ul li a, div#sidebar2 ul li a {
    color: #ffffff;
    font-size:110%;
    font-weight: normal;
    text-decoration:none;
}
div#sidebar1 ul li a:hover, div#sidebar2 ul li a:hover {
    color: #ffff00;
}
    
    
/* 12. Forms, Buttons
================================================== */   
.formstyle {
    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: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 2px 2px #C9C9C9;
    box-shadow: 2px 2px 2px 2px #C9C9C9;
    }
.formstyle:focus {
    -webkit-box-shadow: 2px 2px 2px 2px #191919;
    box-shadow: 2px 2px 2px 2px #191919;
    }
#suchenformular {
    margin-bottom: 0;
    padding-bottom: 0;
    }
textarea {
    font-size:100%;
    width: 100%;
    max-width: 100%;        
    }
select { 
    font-size:100%;
    padding: 2px 0; 
    }
option { 
    font-size:100%;
    background-color: #ffffff;
    }
input {
    font-size:100%;
}
.buttonsubmit, .buttonreset, .buttonstyle {
color: #000000;
border: 1px solid #c0c0c0;
padding: 1px 6px;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;  
-webkit-box-shadow: 1px 1px 2px 1px #888;
box-shadow: 1px 1px 2px 1px #888;
}
.buttonsubmit:hover, .buttonreset:hover, .buttonstyle:hover {
-webkit-box-shadow: 2px 2px 6px 2px #444;
box-shadow: 2px 2px 6px 2px #444;
}
.buttonsubmit {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eafef1+0,35f171+100 */
background: rgb(234,254,241); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(234,254,241,1) 0%, rgba(53,241,113,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,254,241,1)), color-stop(100%,rgba(53,241,113,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(234,254,241,1) 0%,rgba(53,241,113,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(234,254,241,1) 0%,rgba(53,241,113,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(234,254,241,1) 0%,rgba(53,241,113,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(234,254,241,1) 0%,rgba(53,241,113,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eafef1', endColorstr='#35f171',GradientType=1 ); /* IE6-9 */
  
}
.buttonreset {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff3f4+0,fb8b94+100 */
background: rgb(255,243,244); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,243,244,1) 0%, rgba(251,139,148,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,243,244,1)), color-stop(100%,rgba(251,139,148,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,243,244,1) 0%,rgba(251,139,148,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,243,244,1) 0%,rgba(251,139,148,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,243,244,1) 0%,rgba(251,139,148,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,243,244,1) 0%,rgba(251,139,148,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3f4', endColorstr='#fb8b94',GradientType=1 ); /* IE6-9 */
 
}
.buttonstyle {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaf5fe+0,35a0f1+100 */
background: rgb(234,245,254); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(234,245,254,1) 0%, rgba(53,160,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,245,254,1)), color-stop(100%,rgba(53,160,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(234,245,254,1) 0%,rgba(53,160,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(234,245,254,1) 0%,rgba(53,160,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(234,245,254,1) 0%,rgba(53,160,241,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(234,245,254,1) 0%,rgba(53,160,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf5fe', endColorstr='#35a0f1',GradientType=1 ); /* IE6-9 */
    }    
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
    	border: 0;
    	padding: 0;
	}
       
        
    
/* 13. Misc
================================================== */ 
.box {
    float: left;
    width: 46%;
    max-width:100%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 40px;
    margin-bottom: 40px;    
    padding:2px;
    }
.clear {
    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 {
    -webkit-box-shadow: 2px 2px 2px 2px #666666;
    box-shadow: 2px 2px 2px 2px #666666;
    }
.negativ {
    background-color: #ffbbcc;
}
.positiv {
    background-color: #bbffcc;
}
    
/* 14. 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;
    }
    
    
/* 15. Modul Verzeichnis / Jobs
================================================== */
.eintrag{
    border-radius: 8px 8px 0 0;
	-webkit-box-shadow: 2px 2px 2px 2px #666666;
	box-shadow: 2px 2px 2px 2px #666666;
    padding-bottom: 0;
    padding: 0;
    margin: 0 0 40px 0;
    clear: both;
	}
   
#kontaktbox {  
    width: 528px;
    max-width: 100%;
    padding: 4px 2px;
    margin: 0;
	border: 1px solid #aaaaaa;
	-webkit-box-shadow: 2px 2px 2px 2px #666666;
	box-shadow: 2px 2px 2px 2px #666666;
    line-height: 120%;
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
    background: linear-gradient(135deg,  #fcfff4 0%,#e9e9ce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
#kontaktbox h3, #text1box h3 {  
    padding: 0;
    margin: 0;
    padding-bottom: 4px;
    }
#text1box h3 {  
    padding-bottom: 18px;
    padding-top: 5px;
    margin-right: 20px;
    }


img.kontaktbox_social {
    width: 24px;
    height: 24px;
    background: #ccc; /* Old browsers */
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius:  4px 4px 4px 4px;
    margin-top:4px;
    }
#socialmedia_container {

    margin: 0 auto;
    padding: 6px;
    padding-left:0;
    }
.eintrag_content ul li {
    margin-left: 42px;
    list-style-type: disc;
    }
.eintrag_content blockquote {
    margin-bottom: 20px;
    }

.jobeintrag_tab {
    width: 33%;  
    max-width:100%;  
    border: 1px solid #ccc;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    float: left;
    text-align: center;
    border-bottom: 0;
    margin-bottom: 24px;
    background: #e7ebe5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7ebe5 0%, #f5f7f3 30%, #fefffb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ebe5), color-stop(30%,#f5f7f3), color-stop(100%,#fefffb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7ebe5 0%,#f5f7f3 30%,#fefffb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7ebe5 0%,#f5f7f3 30%,#fefffb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7ebe5 0%,#f5f7f3 30%,#fefffb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7ebe5 0%,#f5f7f3 30%,#fefffb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebe5', endColorstr='#fefffb',GradientType=0 ); /* IE6-9 */
    }
.jobeintrag_tab:hover {
    background: -moz-linear-gradient(top,  rgba(214,219,191,1) 0%, rgba(254,255,232,0.44) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,219,191,1)), color-stop(100%,rgba(254,255,232,0.44))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(214,219,191,1) 0%,rgba(254,255,232,0.44) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(214,219,191,1) 0%,rgba(254,255,232,0.44) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(214,219,191,1) 0%,rgba(254,255,232,0.44) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(214,219,191,1) 0%,rgba(254,255,232,0.44) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dbbf', endColorstr='#70feffe8',GradientType=0 ); /* IE6-9 */
    }
.tab_aktiv {
    background: rgb(174,191,118); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(174,191,118,1) 0%, rgba(220,227,196,1) 58%, rgba(254,254,253,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,191,118,1)), color-stop(58%,rgba(220,227,196,1)), color-stop(100%,rgba(254,254,253,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(174,191,118,1) 0%,rgba(220,227,196,1) 58%,rgba(254,254,253,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(174,191,118,1) 0%,rgba(220,227,196,1) 58%,rgba(254,254,253,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(174,191,118,1) 0%,rgba(220,227,196,1) 58%,rgba(254,254,253,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(174,191,118,1) 0%,rgba(220,227,196,1) 58%,rgba(254,254,253,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebf76', endColorstr='#fefefd',GradientType=0 ); /* IE6-9 */
    }
    .orttab {
	padding:0 1px;
	margin:0;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    text-align: center;
    border-bottom: 0;
    margin-bottom: 24px;
    background: #e7ebe5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7ebe5 0%, #f5f7f3 30%, #fefffb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ebe5), color-stop(30%,#f5f7f3), color-stop(100%,#fefffb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7ebe5 0%,#f5f7f3 30%,#fefffb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7ebe5 0%,#f5f7f3 30%,#fefffb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7ebe5 0%,#f5f7f3 30%,#fefffb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7ebe5 0%,#f5f7f3 30%,#fefffb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebe5', endColorstr='#fefffb',GradientType=0 ); /* IE6-9 */
        
    }
    
    
/* 16. Modul Linkverzeichnis
================================================== */
div#links_container {
    width:98%;
    max-width:100%;
    padding: 4px 0;
    float:left;
    }
div#links_sidebar {
    width:20%;
    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%;
}
#kontaktbox_text {
    color: #789789;
    }
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;
                } 

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

.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;
}

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: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.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: 90%;
    margin: 0;
    margin-top: 12px;
    padding: 0 4px 5px;
}

div#sidebar1 ul li.cat-item a, div#sidebar2 ul li.cat-item a {
    font-size:160%;
}
/* 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
================================================== */
   
.wp-caption {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 2px #c4c4c4 inset;
    background-color: #f4f4f4;
    padding: 8px;
    margin:12px;
    }
.wp-caption img {
    margin: 0;
    border: 1px solid #bbbbbb;
    }
.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;
 }
                
    
/* 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-block;
    position: relative;
    }
   
    table#memberdata  {
        font-size:90%;
        width:50%;
        }
/* 20. Media Queries, All Mobile Sizes (devices and browser)
================================================== */
@media only screen and (max-width: 1000px) {
    div#content, div#sidebar1, div#sidebar2, div.storycontent {
        font-size: 120%;        
        hyphens: auto;
    }
    header#header {
        height:90px;
    }
    div#logotext  {
        float:none;
    }
    div#logotext h1#h1logo a#logostring {
        font-size:120%;
        margin-bottom:2px;
        padding-bottom:0;
        line-height: 100%;
    }
    div#logobild {
        float:none;
    }
    div#slogan, span#slogan1 {
        padding-top:0;
        margin-top:0;
    }
    footer#footer {
        padding-bottom:40px;
        }
    div#content-wrapper {
        padding-top:40px;
        padding-bottom:40px;
        }
    div#content {
        /* text-align:justify; */
        margin:0;
        padding:18px;
        padding-right:32px;
        width: 100%;
        max-width:100%;
        }

    div.linkmenu {
        width:100%; 
        float:none;
        clear:both;
        max-width:100%;
    }
    div.linkmenu section {
        margin-bottom:32px;
        }
    
    /* 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  {
        margin-left:8px;
        } 
    div#content ul li, div#content ol li {
        margin-left:6px;
        }     
    div#wrapper {
        padding: 0;
        margin-top:0;
        }
        body { padding-top:0;}
    div#links_container {
        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: 140%; 
        }
    h1 {
        } 
div#slogan {
    margin-top:12px;
    }
    h3 {
        line-height: 120%; 
        } 
    div#sidebar1, div#sidebar2, .box, iframe, div.width50prozent, div.width45prozent, div.width40prozent, div.width33prozent {
       clear: both;
       width:100%;
       max-width:100%;
       margin: 0 auto;       
       }   
       div#sidebar1, div#sidebar2  {
           padding: 2px 2px 24px 2px;
       }
    div#sidebar1 {
        width:90%;
        max-width: 90%;  
        clear: both;
        float:none;
        margin:0 auto;
        }  
    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;
        } 
    div.homepagebox {
        width:100%;
        max-width:100%;
        clear:both;
        }
    footer#footer {           
        padding-right:32px;            
        }
    div#nav span a {
        width: 100%;
        clear: both;
        float: none;
        max-width: 100%;
        display: block;
        border: 1px solid #ccc;
        text-align:center;
        
        font-size:160%;        
        padding: 4px 8px;
        margin:0;
        border-radius: 4px; 
        border-color: #3072b3;
        border-bottom-color: #2a65a0;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        color: #fff;
        background-color: #3c8dde;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
        background-image: -moz-linear-gradient(#599bdc, #3072b3);
        background-image: -o-linear-gradient(#599bdc, #3072b3);
        background-image: linear-gradient(#599bdc, #3072b3);
        
        
        
        
        
        }
    }
/* 20. Media Queries, All Mobile Sizes (devices and browser)
================================================== */
@media only screen and (max-width: 600px) {
    
    div#logotext {
    text-align: center;
    }
    div#logotext h1#h1logo a#logostring {
    font-size:100%;
    }  
    div#logobild {
    display: none;
    position: absolute;
    }
    
}