@font-face {
  font-family: "responsivenav";
  src:url("../layout/icons/responsivenav.eot");
  src:url("../layout/icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../layout/icons/responsivenav.ttf") format("truetype"),
    url("../layout/icons/responsivenav.woff") format("woff"),
    url("../layout/icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}


@-webkit-viewport { width: device-width; }

@-moz-viewport { width: device-width; }

@-ms-viewport { width: device-width; }

@-o-viewport { width: device-width; }

@viewport { width: device-width; }


@media all {
body {background:#c0c0c0;text-align:center;}
#totalpage {width:800px;margin-left:auto;margin-right:auto;text-align:left;} 

.header {width:800px;height:100px;position:absolute;top:5px;padding:0px;background:#eeeeee;} 
.logo1 {margin-left:20px;margin-right:5px;margin-top:10px;float:left;width:202px;height:52px} 
.header-pics img {float:right;padding:0;margin-left:1px;margin-right:2px;margin-top:2px;width:90px;height:65px;border-bottom:2px solid #666666;border-right:2px solid #666666;} 
.content {width:800px;position:absolute;top:100px;padding:0px;background:transparent;border:none;} 
.rand {background:#eeeeee;background:white;padding-top:30px; text-align:justify;} 
.navu {padding-bottom:15px;margin-bottom:12px;background:#cccccc;position:relative;top:-10px;font-size:78%;} 
.navu a {text-decoration:none;letter-spacing:0px;font-size:85%;font-weight:bold;} 

#navo {background-color:#dcdcdc;width:799px;padding:0px;position:absolute;top:85px;height:38px;line-height:38px;clear:both;}
#navo ul {padding:0;margin:0px;}
#navo ul li {float:left;list-style:none;width:12.0%;height:38px;line-height:17px;border-right:2px solid #eeeeee;}
#navo ul #liakt {color:#000000;font-weight:normal;background-color:white;height:36px;line-height:17px;}
#navo ul li a {letter-spacing: 1.7px;font-size:12px;padding-top:2px;margin:0;color:#0000FF;text-decoration:none;display:block;text-align:center;overflow:hidden;}
#navo ul li:last-child {border-right: none;width:7.1%;}
#navo ul li:first-child {width:6.8%;}
#navo ul li a:hover {color:#000000;background:#eeeeee;line-height:17px;height:36px;padding-top:2px;}

.pic-r {margin:20px;margin-right:15px;float:right;font-size:0.7em;} 
.pic-l {margin:20px;float:left;font-size:0.7em;} 
p.pic-r, p.pic-l, p.pic-l-m, p.pic-640,p.pic-480  {font-size:0.7em;padding-left:10px;}

p.pic-l-m {margin-left:35px;}
p.pic-640 {margin-left:80px;}
p.pic-480 {margin-left:160px;}
.pic-vid {width:560px;height:315px;text-align:center;margin-left:60px;margin-right:60px;}

.subnavi li {list-style-image:url(../layout/bu_down.gif);}
.inside-nav {text-align:center;font-size:80%;} 
.button {font-size:100%;}
.header-pics img, .rand, .navu, .header {-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-o-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-ms-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);box-shadow: 3px 3px 6px rgba(0,0,0,0.5);} 

.box-navi {width : 30%;clear:both; float:right;}
.box-navi h3 {width : 100%;}
.box-navi ul {padding:0;margin:0px;padding-left:15px;padding-right:15px;}
.box-navi ul li {float:left;list-style:none;width:100%;background-color : #eeeeee;font-size : 1em;padding: 2px;margin:2px; text-align:center;height:30px;line-height:30px;}
.box-navi li {-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-o-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-ms-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);box-shadow: 3px 3px 6px rgba(0,0,0,0.5);} 
.box-navi li a {letter-spacing: .8px;font-size:12px;padding-top:0px;margin:0;color:#0000FF;text-decoration:none;display:block;text-align:center;overflow:hidden;}
.box-navi li a:hover {color : #000000; background-color : #c0c0c0;}

}

@media screen {
body,table,td,tr,p,pre,h1,h2,h3,h4,ul {font-family:"Helvetica Neue", Helvetica,verdana,lucidia,helvetica,"Trebuchet MS",sans-serif;} 
body {
text-align:center;padding : 0; margin : 0;  min-width: 290px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: #444 url("bg.png") repeat;
  color: #000;
 color: #373737; font: normal 100%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.breaker {clear:both;} 
.info {display:none;} 
img {border:0;}
h1 {font-size:2.2em;color:#ff3333;text-align:center;}
h2,h3 {font-weight:bold;padding:0;margin-bottom:8px;margin-top:20pt;} 
h2 {font-size:1.8em;color:#0088ff;} 
h3 {font-size:1.2em;color:black;} 
p {margin-top:8px;}
.rand h1,h2,h3,h4,h5,h6,hr,p,.content li {margin-left:30px;margin-right:30px;}
.content li img {margin-left:10px;margin-right:0px;}
.content li h3,.content li p,.content li li {margin-left:0px;margin-right:0px;}
table {margin-left:30px;}
td {vertical-align:top;}

a {text-decoration:none;} 
a:link {color:#0000ff;} 
a:visited {color:#32597d;} 
a:hover {color:#0000ff;text-decoration:underline;} 
a:active {color:#0000ff;text-decoration:underline;} 

.small {font-size:75%;text-align:justify;} 
.bigger {font-size:20px;color:blue;} 
.mittig {text-align:center;} 
.rechts {text-align:right;} 

.adv-gq-oben  {border:0px solid green;clear:both;width:95%;text-align:center;margin-left:15px;padding-top:20px;padding-bottom:15px;margin-bottom:20px;margin-top:20px;} 
.adv-gm       {border:0px solid blue; clear:both;width:95%;height:100%;text-align:center;margin-left:15px;padding-top:20px;padding-bottom:15px;margin-bottom:20px;margin-top:20px;} 
.adv-gq-unten {border:0px solid green;clear:both;width:95%;text-align:center;} 
.adv-336-l {border:0px solid red;float:left;margin:20px;margin-left:5px;width:338px;height:100%;padding-right:10px;}
.adv-336-r {border:0px solid red;float:right;margin:20px;margin-right:5px;width:338px;height:100%;padding-left:10px;}
.adv-gq {display : none;} 
.adv-gl {clear:both;margin-left:5px;margin-right:5px;text-align:center;padding-top:15px;padding-bottom:15px;width:95%;height: 30px;display:none}

form {width:90%;padding-left:10px;font-size:.8em}
textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 50px;max-width: 650px;}
input[type="text"] {width: 100%;box-sizing: border-box;height: 2em;}

}

@media print {
body {margin:0cm 0cm 3cm 0cm;color:#000000;background-color:#ffffff;font-family:Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;} 
.content {position:relative;top:0;width:auto;text-align:justify;border:none;} 
.rand {position:relative;top:0;text-align:justify;border:0 none;width:auto;background-color:#ffffff;font-size:10pt;} 
.searchbox,.box-s,.noprint,.pic,.pic-r,.pic-l,#navo,.navu,.header,.inside-nav,.adv-gl,.adv-gq {display:none;} 
.info {font-size:6pt;} 
.summary {padding:8px;background-color:#ffffff;border:1px solid #000000;font-size:0.9em;width:auto;text-align:justify;margin-left:0px;} 
.newpage {page-break-after:always}
.rand {-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);-o-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);-ms-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);box-shadow: 0px 0px 0px rgba(0,0,0,0.0);} 
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 1020px) 

{
body {text-align:center;padding : 0; margin : 0;font-family: monospace, serif;  font-size: 0.9em;color:#000 }
#totalpage {background:#eeeeee;width:100%;margin-left : auto; margin-right : auto; text-align : left; margin-bottom : 0px;} 
.header {width:100%;height:100px;position:absolute;top:0px;text-align : center;background-color:white}
.header .header-pics {display : none; } 
.logo1 {margin-left:60px;margin-top:18px;} 

#navo {background-color:white;width:100%;padding:0px;position:absolute;top:90px;height:165px;clear:both;border-style:solid;border-width:0px 0px 0px 0px;border-color: #eeeeee;}
#navo ul li {background-color:#eeeeee;float:left;width:31%;height:43px;border:1px solid #dcdcdc;padding:0px;margin:2px;line-height:20px;}
#navo ul li a {font-size:1.0em;padding:4px;padding-top:4px;margin:0;color:#0000FF;border:0px solid #eeeeee;text-decoration:none;display:block;text-align:center;}
#navo ul li a:hover {color:#000000;background:#eeeeee;height:39px;padding-top:4px;} 
#navo ul li:last-child {border-right: 1px solid #dcdcdc;width:31%;}
#navo ul #liakt {color:#000000;background-color:#ffffff;height:35px;} 
#navo ul li:first-child {width:31%;}

.navu {background-color:#eeeeee;font-size:78%;width:100%;line-height:25px;padding:0px;margin:0px;padding-bottom:5px;position:relative;top:30px;}
.navu p {margin:8px;font-size:1em;padding-bottom:2px;}

.box-navi {width : 100%;clear:both; }
.box-navi ul {padding:0;margin:0px;padding-left:2px}
.box-navi ul li {width:46%;height:40px;line-height:20px;font-size : 1.2em;border:1px solid #dcdcdc;padding:0px;margin:4px;}
.box-navi li a {font-size:0.9em;padding-top:1px;}

.adv-gl {display : none; } 
.adv-336-l,.adv-336-r,.mittig img {width : 98%;}
.adv-gm,.adv-gq-unten {clear:both;width:95%;height:80%;margin:0; margin-left : auto; margin-right : auto; text-align : left;padding-bottom:10px;padding-top:10px;}
.adv-gq-oben {clear:both;width:95%;height:95px;margin:0; margin-left : auto; margin-right : auto; text-align : left;padding-bottom:10px;padding-top:10px;}

ol {clear:both;padding-bottom:10px;padding-top:10px;margin-top:20px} 
.content {width:100%;position:absolute;top:235px;background:white;padding:0px;margin:0px;} 
.rand {padding:0px;margin: 0px;position:relative;top:0px;background:white;padding-top:10px;text-align:left;}
.rand p, .rand h3 {font-weight:normal;font-size:1.2em;}
.rand ul, .rand ol {margin-left : 5px;}

.rand h1,h2,h3,h4,h5,h6,hr,p,.content li {margin-left:10px;margin-right:15px;}
.content li img {margin-left:2px;margin-right:0px;}
.content li h3,.content li p,.content li li {margin-left:0px;margin-right:0px;}

img {margin: 0px;padding: 0px;border: none;relative; top : 0px;}
p.pic-r, p.pic-l, p.pic-480, p.pic-640 {font-size:0.5em;} 
p.pic-l-m {font-size:0.5em;margin-left:30px;}
p.pic-r img, p.pic-l img, p.pic-640 img, p.pic-480 img {width : 95%;padding:0;margin:0;}
.rand {-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);-o-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);-ms-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);box-shadow: 0px 0px 0px rgba(0,0,0,0.0);} 
.pic-vid {width:90%;height:100%;text-align:center;margin:10px;}

form {width:90%;padding-left:10px;font-size:.8em}
textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 60px;max-width: 300px;}
input[type="text"] {width: 100%;box-sizing: border-box;}

}

.adslot_1 { width: 320px; height: 60px;margin-left:0px;}
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }