/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center, ul, li,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
@media only screen and (min-width: 600px) {
/* For tablets: */
.col-s-1 {width: 8.33%;}
.col-s-2 {width: 16.66%;}
.col-s-3 {width: 25%;}
.col-s-4 {width: 33.33%;}
.col-s-5 {width: 41.66%;}
.col-s-6 {width: 50%;}
.col-s-7 {width: 58.33%;}
.col-s-8 {width: 66.66%;}
.col-s-9 {width: 75%;}
.col-s-10 {width: 83.33%;}
.col-s-11 {width: 91.66%;}
.col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
/*BODY*/
body {
background-image: url(../bilder/body_bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
margin:0;
}
#container {
position: absolute;
top:50%;
left:50%;
width:1000px;
height:600px;
margin-left:-500px;
margin-top:-300px;
background-image:url(../bilder/bg.png);
background-repeat:no-repeat;
}
/*NAVI*/
#navi{
position: absolute;
top:140px;
left:12px;
width:652px;
height:50px;
}
/*__________________________*/
#menuebox {
position:absolute;
top:140px;
left:663px;
height:50px;
width:163px;
z-index:10;
}
#menue {
position:absolute;
top:0px;
left:0px;
height:50px;
width:163px;
z-index:10;
}
#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 163px;
height: 50px;
}
#menue .aussen:hover {
height: auto;
}
a.innen {
display: block;
width: 163px;
}
span.menutag {
display: block;
cursor: default;
}
/*__________________________*/
#sub_nav {
position: absolute;
top:574px;
left:300px;
width:420px;
height:20px;
text-align:center;
color:#FFF;
}
#kon {
position: absolute;
top:140px;
left:826px;
width:162px;
height:50px;
}
/*LANG*/
#lang {
position: absolute;
top:567px;
left:174px;
width:44px;
height:28px;
}
/*TEXT*/
#headline {
position: absolute;
top:50px;
left:320px;
width:380px;
height:60px;
color:#1E90FF;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14pt;
}
#logo {
position: absolute;
top:16px;
left:35px;
width:166px;
height:103px;
}
#txt_schnell {
position: absolute;
top:299px;
left:11px;
width:163px;
height:138px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:9pt;
line-height:11pt;
text-align:center;
color:#e32c33;
}
#h1 {
position: absolute;
top:213px;
left:189px;
width:300px;
height:30px;
}
#txt_main {
position: absolute;
top:246px;
left:189px;
width:510px;
height:196px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11pt;
text-align:justify;
overflow:auto;
padding-right:10px;
z-index:3;
}
#txt_kat {
position: absolute;
top:246px;
left:721px;
width:252px;
height:196px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11pt;
text-align:justify;
color:#e32c33;
z-index:1;
}
#txt_home {
position: absolute;
top:213px;
left:190px;
width:762px;
height:212px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11pt;
text-align:center;
overflow:auto;
padding-right:10px;
padding-top:20px;
}
#txt_kon {
position: absolute;
top:212px;
left:189px;
width:320px;
height:230px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11pt;
text-align:justify;
overflow:auto;
padding-right:10px;
}
#head {
position: absolute;
top:212px;
left:189px;
width:520px;
height:25px;
}
/*KONTAKT*/
#send_txt{
position: absolute;
top:210px;
left:548px;
width:385px;
height:40px;
font-family: Verdana, sans-serif;
font-size: 10pt;
}
#form {
position: absolute;
top:258px;
left:549px;
width:381px;
height:186px;
z-index:5;
}
input {
font-family: Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #000000;
width:120px;
}
#kontakt_firma {
position:absolute;
left:0px;
top:0px;
height:22px;
width:120px;
float:left;
}
#kontakt_strasse {
position:absolute;
left:125px;
top:0px;
height:22px;
width:120px;
float:left;
}
#kontakt_plz {
position:absolute;
left:250px;
top:0px;
height:22px;
width:120px;
float:left;
}
#kontakt_name {
position:absolute;
left:0px;
top:25px;
height:22px;
width:120px;
float:left;
}
#kontakt_mail {
position:absolute;
left:125px;
top:25px;
height:22px;
width:120px;
float:left;
}
#kontakt_tel {
position:absolute;
left:250px;
top:25px;
height:22px;
width:120px;
float:left;
}
#kontakt_nachricht {
position:absolute;
left:0px;
top:51px;
height:58px;
width:371px;
float:none;
clear:both;
}
textarea {
width:370px;
font-family: Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #000000;
}
#kontakt_senden {
position:absolute;
left:0px;
top:123px;
height:22px;
width:50px;
float:left;
}
#kontakt_checkbox {
position:absolute;
left:130px;
top:107px;
text-align:right;
height:22px;
width:20px;
float:left;
}
#kontakt_checkboxtxt {
position:absolute;
left:157px;
top:109px;
text-align:left;
height:20px;
width:210px;
float:left;
font-family:Arial, sans-serif;
font-size:10pt;
}
#kontakt_feedback {
position:absolute;
left:0px;
top:157px;
font-family: Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
height:25px;
width:300px;
float:left;
}
#plan1 {
position: absolute;
top:466px;
left:337px;
width:149px;
height:81px;
}
#plan2 {
position: absolute;
top:466px;
left:502px;
width:149px;
height:81px;
}
#klick {
position: absolute;
top:466px;
left:666px;
width:312px;
height:81px;
background-image:url(../bilder/bg_klick.jpg);
background-repeat:no-repeat;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:10pt;
padding-left:7px;
padding-top:7px;
}
/*NEWS*/
#news {
position: absolute;
top:240px;
left:189px;
width:770px;
height:205px;
}
/*BILDER*/
#img1 {
position: absolute;
top:466px;
left:174px;
width:804px;
height:81px;
background-image:url(../bilder/img_home.jpg);
}
#img2 {
position: absolute;
top:466px;
left:174px;
width:804px;
height:81px;
background-image:url(../bilder/img_unter.jpg);
}
#img3 {
position: absolute;
top:466px;
left:174px;
width:804px;
height:81px;
background-image:url(../bilder/img_pro.jpg);
}
#img4 {
position: absolute;
top:466px;
left:174px;
width:804px;
height:81px;
background-image:url(../bilder/img_new.jpg);
}
#img5 {
position: absolute;
top:466px;
left:174px;
width:804px;
height:81px;
background-image:url(../bilder/img_kat1.jpg);
}
#img6 {
position: absolute;
top:466px;
left:174px;
width:804px;
height:81px;
background-image:url(../bilder/img_kat2.jpg);
}
#img7 {
position: absolute;
top:466px;
left:174px;
width:804px;
height:81px;
background-image:url(../bilder/img_kat3.jpg);
}
#img8 {
position: absolute;
top:466px;
left:174px;
width:804px;
height:81px;
background-image:url(../bilder/img_kat4.jpg);
}
#img9 {
position: absolute;
top:466px;
left:174px;
width:149px;
height:81px;
background-image:url(../bilder/img_kon.jpg);
}
#img_rechts {
position: absolute;
top:203px;
left:661px;
width:317px;
height:249px;
background-image:url(../bilder/img_unter2.jpg)
}
#img_rechts2{
position: absolute;
top:203px;
left:661px;
width:317px;
height:249px;
background-image:url(../bilder/img_kat_r.gif)
}
#img_rechts3{
position: absolute;
top:203px;
left:744px;
width:233px;
height:249px;
background-image:url(../bilder/logos.gif)
}
/*CLASS*/
.visit {
font-family:Verdana, sans-serif;
font-size: 10pt;
color: #e60020;
letter-spacing:1px;
}
.txt {
font-family:Arial, sans-serif;
font-size:9pt;
}
h1 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 16pt;
color: #e32c33;
text-decoration:;
}
ul {
list-style-image:url(../bilder/point.gif);
padding-left:18px;
}
a:link, a:active, a:visited {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11pt;
color: #fff;
text-decoration: none;
}
a:hover {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11pt;
color: #e32c33;
text-decoration: none;
}
a.a:link{
color:#e32c33;
font-size: 12pt;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a.a:visited{
color:#e32c33;
font-size: 10pt;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a.a:hover{
color:#999;
font-size: 10pt;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}