* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { margin: 0; padding: 0; }

/* Header */
#header { width: 960px; margin: 0 auto; padding: 0 0 15px 0; }
#logo, #banner { width: 50%; float: left; min-height: 20px; }
#logo h1 { margin: 0; padding: 0 0 0 10px; text-align: left; color: #52678c; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 34px; text-shadow: 2px 2px 2px #666666; filter: dropshadow(color=#666666, offx=2, offy=2); }
#logo span { font-size: 40px; color: #cc0000; }

/* Main */
#mainContent { width: 960px; margin: 0 auto; }
#mainContent a:link, #mainContent a:visited, #mainContent a:active { color: #173C93; }
#mainContent a:hover { color: #9FB0D3; text-decoration: none; }

/* Date - Time */
#date, #time { font: 400 14px/200% 'Open Sans', sans-serif; color: #173C93; float: left; text-align: left; }
#date { margin: 0 7px 0 10px; }
#time { margin: 0; }

/* diverse Einzelformatierungen */
marquee { margin-right: 5px; margin-left: 5px; }
th { text-align: left; }
input, option, select, textarea, .sbut { font: 400 14px 'Open Sans', sans-serif; color: #52678c; }
#backlink h2 { margin: 0 0 -2.8% 0 !important; }
#backlink p { margin: 3% 0 -2% 0 !important; }
#backlink textarea { width: 100%; }
.highlight { display: none; }
input[type="submit"], input[type="reset"] { color: #173C93; cursor: pointer; padding: 5px 10px; }
input[type="submit"]:hover, input[type="reset"]:hover { color: #52678c; }

#inhalt form[name="menuform"] option:disabled { background: #eee; }

fieldset { margin: 10px; border: 1px solid #52678c; padding: 10px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; }
legend { font: 400 14px 'Open Sans', sans-serif; color: #000; padding: 0 5px; }
label { font: 400 14px 'Open Sans', sans-serif; color: #333; display: block; margin-bottom: 2%; width: 50%; }
fieldset p { font-size: 12px !important; padding: 5px !important; }
pre { white-space: pre-wrap; font: normal 14px Tahoma, Arial, Verdana; text-align: left; margin: 5px 5px 15px 5px; padding: 3px; color: #000; background: #D7DFF0; }
pre span { color: #E10024; }
img, img a:hover { border: 0; background: transparent; text-decoration: none; }
#sf { text-align: center; background-color: #D7DFF0; width: 162px; border-right: 1px solid #9FB0D3; border-left: 1px solid #9FB0D3; }
#sf input, #sf form, #sf label { margin: 0; padding: 0; }
.min { height: 5px; width: 5px; }
.tricker div { text-align: left; margin: 3px 0 10px 5px; }
.roman li { list-style-type: upper-roman; }
.highlight { display: none; }
.clearpixel { clear: both; }
.hvh { font-weight: bold; color: #CC0000; }
.alpha { margin-bottom: 25px; }
.alpha li { list-style-type: lower-alpha; }
.norm { font-size: 13px; }
.mq { color: #fff; border: 3px double #E10024; background: url('http://www.homepage-vorlagen-webdesign.de/images/navi-oben.gif') repeat-x; line-height: 26px; }
.leg { font-weight: bold; color: #003289; }
.leg_start { font-weight: bold; text-transform: uppercase; letter-spacing: 4pt; }
.grafik { color: #FF0000; }
.groesse { color: #008000; }
.link { color: #0000FF; }
.anz { font-family: 'Courier New'; padding: 0 5px; color: #999; font-size: 11px; }
.feld { font: 400 16px/160% 'Open Sans', sans-serif !important; border: 4px double #E10024; padding: 10px !important; margin-bottom: 10px !important; }
.feld_2 { border: 2px dotted #E10024; padding: 10px; color: #000; }
.pruefen { border: none; background: transparent; font-size: 13px; }
.ggf { font-size: 11px; }
.put { font: 400 14px 'Open Sans', sans-serif; color: #003289; }
.bild { border: 1px solid #333; }
.bild2 { border: 1px solid #666; }
.tipp { margin-top: 20px; margin-bottom: 0; }
.tipp:first-letter { font-size: 20px; color: #E10024; }
.akt { font-size: 13px; line-height: 200%; color: #666; font-style: italic; }
.hp_nav { padding: 3% 0; }

.hp_nav a:link, .hp_nav a:active, .hp_nav a:visited, .hp_nav span { margin: 0.5% 0.2%; transition: background-color .25s ease-in; padding: 1% 2.5%; font: 700 18px/175% 'Open Sans Condensed', sans-serif; display: inline-block; color: #52678c; text-decoration: underline; border: 1px solid #E3E3E3; }
.hp_nav span { text-decoration: none !important; }
.hp_nav a:hover { text-decoration: none; transition: background-color 0.01s; color: #ccc; background: #52678c; }


.ext { margin-bottom: 25px; border-bottom: 1px dotted #ccc; padding-bottom: 5px; }
#hg_abs img { margin: 17px; }
.ads { float: left; margin: 5px 10px 3px 5px; }

/* Spalte Content */
#inhalt { width: 72%; min-height: 100px; float: left; -webkit-box-shadow: 0 8px 6px -6px #666666; -moz-box-shadow: 0 8px 6px -6px #666666; box-shadow: 0 8px 6px -6px #666666; }
#inhalt ul, #inhalt ol { margin: 5px 20px 10px 35px; }
#inhalt .awe { margin: 5px 20px 10px 15px; }
#inhalt .awe li { list-style: none; }
#inhalt .awe li i { color: #009900; }
#inhalt li { font: 400 16px/150% 'Open Sans', sans-serif; text-align: left; color: #333; }
#inhalt hr { margin: 2% 0 0 0; border: 0; height: 1px;
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
 background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
 background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
 background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
#inhalt a:link, #inhalt a:active, #inhalt a:visited, #inhalt a:hover { font-weight: 600; }
#inhalt p { font: 400 16px/140% 'Open Sans', sans-serif; margin: 0; padding: 0 5px 15px 5px; text-align: justify; color: #333; }
#inhalt .danke { margin: 1%; text-align: center; }
#inhalt .fett { font-weight: 600; }
#inhalt .thumbs img { border: 1px solid #666; margin: 0.1% 0.2%;}
#inhalt .blau { font-size: 24px; color: #173C93; }
#inhalt .nurblau { color: #173C93; }
#inhalt .first_line { padding-top: 15px; }
#inhalt h1 { font: 700 22px/40px 'Open Sans Condensed', sans-serif; text-align: center; color: #fff; margin: 0; border: 1px solid #52678c; background: rgb(126,214,211); background: -moz-linear-gradient(top,  rgba(126,214,211,1) 0%, rgba(82,103,140,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,214,211,1)), color-stop(100%,rgba(82,103,140,1))); background: -webkit-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: -o-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: -ms-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: linear-gradient(to bottom,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed6d3', endColorstr='#52678c',GradientType=0 ); -khtml-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; }
#inhalt .unt { width: 100%; height: 16px; border: 1px solid #52678c; border-top: none !important; -khtml-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; }
#inhalt h2 { text-align: left; padding: 15px 5px 0 5px; margin: 0; font: 700 22px 'Open Sans Condensed', sans-serif; color: #173C93; }
#inhalt .mitte { text-align: center; padding: 25px 0 0 0; color: #333; }
#inhalt .spots { font-variant: small-caps; }
#inhalt h3 { font: 400 18px/150% 'Open Sans', sans-serif; text-align: justify; color: #444; margin: -50px 0 10px 0; padding: 0 5px; }
#inhalt h4 { font: 700 20px 'Open Sans Condensed', sans-serif; color: #173C93; text-align: center; margin: 3% 1% 1.5% 1%; background: #D7DFF0; padding: 2%; }
#inhalt h5 { font: 400 15px 'Open Sans', sans-serif; text-align: left; color: #333; margin: 3% 1% 0 1%; padding: 1% 1% 0 1%; border-bottom: 1px dotted #9FB0D3; }
#inhalt h5 span { font-weight: 600; padding-left: 3.5%; }
#inhalt h6 { font-size: 13px; color: #173C93; letter-spacing: 1px; margin: 0; }
#inhalt .pr { clear: left; text-align: center; font-size: 10px; color: #173C93; font-weight: normal; margin: 0 30px 10px 30px; padding: 2px; border: 1px dotted #9FB0D3; }
#inhalt_gg { width: 802px; }
.inabs { margin: 0; padding: 10px; width: 100%; border-right: 1px solid #52678c; border-left: 1px solid #52678c; }

#domain { border-right: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; margin-top: 20px; width: 100%; clear: right; }
#domain td, #domain th { border-left: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; padding: 7px; }
#domain th { color: #000; }

/* HPV - Vorschau - Download */
.hp_box { width: 50%; float: left; min-height: 3%; margin: 1% auto 2% auto; }
.hp { background: #D7DFF0; border: 1px solid #52678c; border-bottom: none !important; text-align: center; width: 210px; height: 126px; -khtml-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; }
.hp img { border: 0; margin: 5px auto 0 auto; }
.preis { background: rgb(126,214,211); background: -moz-linear-gradient(top, rgba(126,214,211,1) 0%, rgba(82,103,140,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,214,211,1)), color-stop(100%,rgba(82,103,140,1))); background: -webkit-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: -o-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: -ms-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: linear-gradient(to bottom,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed6d3', endColorstr='#52678c',GradientType=0 );
 color: #000066; -webkit-box-shadow: 0 8px 6px -6px #666666; -moz-box-shadow: 0 8px 6px -6px #666666; box-shadow: 0 8px 6px -6px #666666; border: 1px solid #52678c;
         font: 700 16px/225% 'Open Sans Condensed', sans-serif; letter-spacing: 0; width: 210px; height: 40px; -khtml-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; }
.preis span { margin: 1%; }
.preis a:link, .preis a:active, .preis a:visited { text-decoration: none; color: #fff !important; font-size: 14px !important;}
.preis a:hover { color: #990000 !important; text-decoration: none; }

/* Popup Fenster */
.popup-trigger { display: block; margin: 0 auto; padding: 20px; max-width: 260px; background: #4EBD79; color: #fff; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 24px; cursor: pointer; }
.popup {display: none; position: absolute; top: 100px; left: 50%; width: 700px; margin-left: -350px; padding: 50px 30px; background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 10px solid #150E2D; z-index: 9999; }
.popup-mobile { position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%; }		
.popup-btn-close { position: absolute; top: 8px; right: 14px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer; }

/* Nav-Menu oben */
.slicknav_menu {
 display: none; }
#navi_oben { padding: 2% 0; background: #D7DFF0; }
#menu li { font: 700 16px 'Open Sans Condensed', sans-serif; text-align: center; list-style-type: none; display: inline; }
#menu a:link, #menu a:active, #menu a:visited { font: 700 16px 'Open Sans Condensed', sans-serif; color: #fff; width: 120px; padding: 6px 8px; border: 1px solid #52678c; display: inline; text-decoration: none; background: rgb(126,214,211); background: -moz-linear-gradient(top, rgba(126,214,211,1) 0%, rgba(82,103,140,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,214,211,1)), color-stop(100%,rgba(82,103,140,1))); background: -webkit-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: -o-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: -ms-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: linear-gradient(to bottom,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed6d3', endColorstr='#52678c',GradientType=0 ); -webkit-box-shadow: 0 8px 6px -6px #666666; -moz-box-shadow: 0 8px 6px -6px #666666; 
box-shadow: 0 8px 6px -6px #666666; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; }
#menu a:hover { color: #E8E8E8; text-decoration: none; background: #52678c; }

/* Footer */
.aktualisiert { font: 300 13px/140% 'Open Sans Condensed', sans-serif; text-align: center; margin: 0; color: #333; }
#fuss { margin: 0; min-height: 60px; border-top: 1px solid #173C93; background: #D7DFF0; padding-top: 10px; }
#fuss h6 { font: 300 14px/140% 'Open Sans Condensed', sans-serif; text-align: center; margin: 0; color: #173C93; }
#fuss a:link, #fuss a:active, #fuss a:visited { color: #333; text-decoration: underline; }
#fuss a:hover { color: #173C93; text-decoration: none; }

/* Sidebar */
#sidebar { text-align: left; margin-left: 1%; width: 27%; min-height: 100px; float: left; }
#sidebar .bg p { margin: 0; font: 400 14px/120% 'Open Sans', sans-serif; text-align: justify; padding: 0 0 8px 0; color: #333; }
#sidebar .img { margin: 10px 0; }
#sidebar .ue { margin: 0; border: 1px solid #52678c; background: rgb(126,214,211); background: -moz-linear-gradient(top,  rgba(126,214,211,1) 0%, rgba(82,103,140,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,214,211,1)), color-stop(100%,rgba(82,103,140,1))); background: -webkit-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: -o-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: -ms-linear-gradient(top,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); background: linear-gradient(to bottom,  rgba(126,214,211,1) 0%,rgba(82,103,140,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed6d3', endColorstr='#52678c',GradientType=0 ); -khtml-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; }
#sidebar .ue p { font: 700 20px/40px 'Open Sans Condensed', sans-serif; margin: 0 0 0 5px; color: #fff; }
#sidebar .bg { background: #D7DFF0; border-right: 1px solid #52678c; border-left: 1px solid #52678c; padding: 5px; }
#sidebar .unt { height: 16px; background: #D7DFF0; -khtml-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border: 1px solid #52678c; border-top: none !important; margin-bottom: 15px; -webkit-box-shadow: 0 8px 6px -6px #666666; -moz-box-shadow: 0 8px 6px -6px #666666; box-shadow: 0 8px 6px -6px #666666; }
/* Sidebar Navigation */
#nav_re { padding-top: 5px; }
#nav_re a:link, #nav_re a:active, #nav_re a:visited { transition: background-color .25s ease-in; padding-left: 5px; font: 700 18px/175% 'Open Sans Condensed', sans-serif; display: block; color: #52678c; text-decoration: none; border-bottom: 1px solid #E8E8E8; }
#nav_re a:hover { text-decoration: none; transition: background-color 0.01s; color: #ccc; background: #52678c; }

.anmeld { text-align: left; }
.anmeld a:link, .anmeld a:active, .anmeld a:visited { background: url('http://www.homepage-vorlagen-webdesign.de/images/anmelde-button.gif'); margin: 20px 5px; display: block; width: 181px; height: 40px; }
.anmeld a:hover { background: url('http://www.homepage-vorlagen-webdesign.de/images/anmelde-button-hover.gif'); }

.downl a:link, .downl a:active, .downl a:visited { background: url('http://www.homepage-vorlagen-webdesign.de/images/downl-button.gif'); margin: 20px 0; display: block; width: 181px; height: 40px; }
.downl a:hover { background: url('http://www.homepage-vorlagen-webdesign.de/images/downl-button-hover.gif'); }

.tools { margin-left: 5px; }
.tools a:link, .tools a:active, .tools a:visited { background: url('http://www.homepage-vorlagen-webdesign.de/images/tools-button.jpg') no-repeat; background-position: left center; display: block; width: 140px; height: 24px; padding-left: 25px; text-decoration: none; color: #003289; border: 1px dashed #E8E8E8; }
.tools a:hover { background: url('http://www.homepage-vorlagen-webdesign.de/images/tools-button-hover.jpg') #E8E8E8; text-decoration: none; color: #E10024; border: 1px dashed #E10024; }
.tools td { text-align: left; font-size: 12px; line-height: 24px; padding-bottom: 10px; }

.navi-info { padding-left: 7px; }
.butt p { background: url('http://www.homepage-vorlagen-webdesign.de/images/tools-button.jpg') no-repeat; background-position: left center; line-height: 30px; padding-left: 25px; margin: 4px; }

.inabs_gg { width: 810px; }

.ab { text-align: justify; }
.ab textarea { margin-left: 10px; }
.amframe iframe { margin: 0 18px 15px 18px; }
.nb { margin-bottom: 15px; }
.important, .border { background: #D7DFF0; padding: 3px; color: #E10024; }
.clear { height: 15px; }
.clear25 { height: 25px; }
.trenner { padding-top: 3px; border-top: 1px dotted #ccc; }

#out_s { margin-bottom: 15px; width: 100%; }
#out_s td { width: 50%; text-align: left; }

.read { border: none; background: transparent; }

.top a:link, .top a:visited, .top a:active { font-size: 11px; letter-spacing: -1pt; color: #003289; text-decoration: underline; }
.top a:hover { letter-spacing: -1pt; background: transparent; color: #666; text-decoration: none; }

.both { font-weight: bold; letter-spacing: 1pt; font-family: 'Courier New'; }

.bf { font-weight: bold; letter-spacing: 3pt; color: #E10024; }



.but-rand { border: 1px dashed #9FB0D3; padding: 2%; margin: 3% 2%; min-height: 3%; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; }
.but-bild { width: 35%; min-height: 3%; float: left; text-align: left; }
.but-text { width: 65%; min-height: 3%; float: left; font: 700 14px 'Open Sans Condensed', sans-serif; color: #333; text-align: left; }
.but-text div { margin: 1% 0 !important; }
.but-text h6 { font: 600 18px 'Open Sans', sans-serif !important; color: #173C93; text-align: left; }



.but, .but_sm { font-size: 11px; text-align: justify; border: 1px dashed #9FB0D3; padding: 10px; line-height: 130%; margin: 20px 10px; }
.but_or { font-size: 11px; text-align: justify; padding: 10px; line-height: 130%; margin: 20px 10px; }
.but img, .but_or img { border: 0; margin: 0 15px 0 0; float: left; }
.but_sm img { border: 0; margin: 0 45px 0 25px; float: left; }
.but h6, .but_sm h6, .but_or h6 { text-align: left; margin: 0; line-height: 100%; font-size: 12px; letter-spacing: 2px; color: #173C93; }
.but .txt_ob, .but_sm .txt_ob, .but_or .txt_ob { text-align: justify; margin: 5px 0; }
.but .txt_ob2, .but_sm .txt_ob2, .but_or .txt_ob2 { text-align: justify; line-height: 140%; margin: 5px 0 12px 0; }
.but .txt, .but_sm .txt, .but_or .txt { text-align: justify; font-weight: bold; letter-spacing: 1px; margin: 5px 0 12px 0; }
.but .link, .but_sm .link, .but_or .link { text-align: left; }
.but .link a:link, .but .link a:active, .but .link a:visited, .but_sm .link a:link, .but_sm .link a:active, .but_sm .link a:visited, .but_or .link a:link, .but_or .link a:active, .but_or .link a:visited { padding: 3px; border: 1px solid #ccc; text-decoration: none; }
.but .link a:hover, .but_sm .link a:hover, .but_or .link a:hover { border: 1px solid #003289; text-decoration: none; }

.buttons { width: 100%; padding: 10px; }

.monitor { float: left; border: 1px dashed #9FB0D3; width: 225px; text-align: center; height: 250px; padding: 10px; margin: 6px; }
.monitor p { color: #333; font-size: 11px; }
.monitor a:link, .monitor a:active, .monitor a:visited { display: block; letter-spacing: 1px; font-size: 14px; line-height: 30px; color: #003289; text-decoration: underline; }
.monitor a:hover { color: #333; text-decoration: none; }

.popup-trigger { display: block; margin: 0 auto; padding: 20px; max-width: 260px; background: #4EBD79; color: #fff; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 24px; cursor: pointer; }
.popup { display: none; position: absolute; top: 100px; left: 50%; width: 700px; margin-left: -350px; padding: 50px 30px; background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 10px solid #150E2D; z-index: 9999; }
.popup-mobile { position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%; }		
.popup-btn-close { position: absolute; top: 8px; right: 14px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer; }	

/* +++ Einstellungen für maximale Bildschirmauflösung bis 1024px +++ */
@media only screen and (max-width: 1024px) {
#header { width: 100%; }
#logo, #banner, #mainContent, #inhalt, #sidebar { width: 100%; margin: 0; }
#sidebar .ue, #sidebar .unt, #inhalt h1, #inhalt .unt {-khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; }
#banner { text-align: center; }
#logo { margin-bottom: 25px; }
#logo h1 { text-align: center; font-size: 56px; padding: 0; }
#logo span { font-size: 66px; }
}


@media only screen and (max-width: 768px) {
	
.js #menu, #navi_oben {
 display: none;
 }
	
	
.js .slicknav_menu {
 display: block;
 font: 700 22px 'Open Sans Condensed', sans-serif; }

#logo h1 { font-size: 36px; }
#logo span { font-size: 44px; }
#inhalt p { font: 400 14px/130% 'Open Sans', sans-serif; padding: 0 0 1% 0; }
#inhalt h1 { font: 700 18px/28px 'Open Sans Condensed', sans-serif; }
#inhalt h2 { font: 700 16px 'Open Sans Condensed', sans-serif; padding: 2% 0 0 0; }
#inhalt h4 { font: 700 16px 'Open Sans Condensed', sans-serif; }
#inhalt form[name="menuform"] { width: 100% !important; margin: 0 auto; }
#inhalt form[name="menuform"] select, #inhalt form[name="menuform"] option { width: 99%; font-size: 20px; padding: 1%; }
}

@media only screen and (max-width: 640px) {
	
.but-bild { width: 100%; float: none; text-align: center; }
.but-text { width: 100%; float: none; text-align: center; }
.but-text h6 { text-align: center; }
#inhalt form[name="menuform"] select, #inhalt form[name="menuform"] option { font-size: 16px; }
}

@media only screen and (max-width: 480px) {
	
#logo h1 { font-size: 24px; }
#logo span { font-size: 30px; }
#inhalt form[name="menuform"] select, #inhalt form[name="menuform"] option { font-size: 14px; }

/* HPV - Vorschau - Download */
.hp_box { width: 100%; float: none; }
}

@media only screen and (max-width: 320px) {
	
#logo h1 { font-size: 22px; }
#logo span { font-size: 26px; }
}