﻿/*___=header-Elemente________________________________________*/
#header{
background:#fff;
}
#header .container_12
{
background:#fff url(../site/header-swirl.jpg) no-repeat 20px 0px;
height: 180px;
}
#language{
color: #e0e0e0;
height:18px;
font-size:0.8em;
margin:18px 0px 36px;
position:relative;
}
.slide{
display: none;
position:relative;
}
.langtrigger{
display:none;
border:1px solid #494A4C;
background:#494A4C ;
position:absolute;
background:white;
top:18px;
width:218px;
left:0px;
z-index:0;

}

a.opentrigger{
display:block;
color:#777;
border: 1px solid #e0e0e0;
width:218px;
height:16px;
line-height:18px;
text-indent:10px;
text-transform:uppercase;
text-decoration:none;
background:white url(../site/langtrigger.gif) no-repeat 165px 0px;
}
a.active{
background:#494A4C url(../site/langtrigger.gif) no-repeat 165px -18px;
border:1px solid black;
color:white;
text-transform:uppercase;
}
.langtrigger a:link,.langtrigger a:visited{
line-height:18px;
text-decoration:none;
color:#e0e0e0;
}
.langtrigger a:hover{
color:#777;
}
ul.language{
margin:0px;
}

ul.language li a:link,ul.language li a:visited{
line-height:18px;
width:206px;
display:block;
height:18px;
padding:3px 5px;
color:#666;
border-right:1px solid white;
border-left:1px solid white;
border-bottom:1px solid #e6e6e6;
}
ul.language li a:hover{
padding:3px 5px;
color:black;
}
ul.language li a.lang-de:hover{
background:#EAF0F6  url(../site/de.gif) no-repeat 192px 5px;
}
ul.language li a.lang-cz:hover{
background:#EAF0F6  url(../site/cz.gif) no-repeat 192px 5px;
}
ul li a.lang-de{
background: url(../site/de.gif) no-repeat 192px 5px;
}
ul li a.lang-cz{
background: url(../site/cz.gif) no-repeat 192px 5px;
}
.closeslide{
height:24px;
width:100%;
background:#494A4C ;
}
a.closetrigger {
float:right;
background:#EAF0F6;
height:16px;
width:54px;
margin: 5px 10px 0px;
padding-left: 5px;
background:url(../site/cross-trans.png) no-repeat 42px 1px;
text-transform: uppercase;
}

#logo a{
margin-top:5px;
width:380px;
height:70px;
display:block;
background:transparent url(../site/helologo.gif) no-repeat 20px 0px;
}
/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 24px; width: 280px;
    padding: 2px 2px;  margin:49px 0px 0px 0px;
	overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		line-height:24px;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url(../site/lava.gif) no-repeat right -24px;
            width: 10px; height: 24px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url(../site/lava.gif) no-repeat top left;
                height: 24px;
                margin-right: 8px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            font: 18px arial;
            color: #777; outline: none;
            text-align: center;
            height: 24px; top: 1px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 11px;
        }

#smallheader,.box{
background:#c60000;
height: 54px;
}
.box li{
margin: 0px 21px;
}
.box li:first-child{
border-top:1px solid white;
}
.mabox{
height:330px !important;
margin-bottom:1em;}
.mabox h3 i{
font-weight:normal;}
.mabox p.tel{background:transparent url(../site/nope.png) no-repeat 0px 0px;margin-bottom:0px;}
.mabox p.mail{background:transparent url(../site/nope.png) no-repeat 0px 0px;}
.bigbutton{
width:258px;
height:54px;
margin-left:21px;
font-weight:bold;
font-size:1.2em;
text-align:center;
margin-top:36px;
}
/*___=Content-Elemente________________________________________*/
#secondary, #tertiary{
margin-top:18px;
}
#main{
color:white;
background:#494a4c url(../site/main-bg.gif) top repeat-x;
line-height:1.5em;
padding-top:1em;
}
#content{
margin-top:1em;
}
#main h2{
margin-bottom:1em;
}
.sidebar{
position:relative;
height:240px;
}
.adresse, .bigimage{margin-top:2em;}
#content p img {margin:0 10px;}
#content p a:link, #content p a:visited {background-color:#5b5d5f;border-bottom:1px solid #95979b;}

#content iframe {margin-top:18px;}
.truck{
background:transparent url(../site/laster-trans.png) no-repeat 30px 0px;
position:absolute;
height:240px;
width:380px;
margin-top:-18px;
margin-left:80px;
}
.truck h2{
margin-top:180px;
background: url(../site/telefon-badge2.jpg) no-repeat;
width:303px;
height:54px;
display:block;
text-indent:65px;
letter-spacing: 0.5pt;
}
.box{
height:252px;
}
.box p,.box h3{
padding:0px 21px;
}
.box h3{
line-height:24px;
padding:1em 1em 0px;
}
#testimonial{
padding:72px 0pt 18px;
color:#aeaeae;
letter-spacing: 0pt;
}
#testimonial p{
padding:0px 140px 1em;
font-size: 1.5em;
}
#isomessage h3 {font-weight:bold;
line-height:2.5em;margin:0; color:#333;}
#isomessage p{
padding:0px 0 1em;
font-size: 1.2em;
color:#999;
}
#isomessage p a:link,#isomessage p a:visited {color:#333; background-color:#dae5ef; border-bottom:1px solid #99bcdf;} 
#testimonial p b,#testimonial p strong{
font-size: 13px;
font-style: normal;
color:#777;
}
#content p a:hover, #content p a:focus,#isomessage p a:hover,#isomessage p a:focus {border:none; text-decoration:underline;}
.imageframe{
background: transparent url(../site/box-image-bg.gif);
padding:8px 10px;
margin-bottom:18px;
}
.imageframe img{
border:1px solid white;
}
#tertiary{
position:relative;
}
#tertiary ul{
margin:0px;
}
a:link.outer{
position:absolute;
width:941px;
font-size:1.5em;
}
.outer{
border-bottom: solid 4px #494a4c;
background: #2f2f31;
height:50px;
position:absolute;
width:941px;
font-size:1.5em;
margin:0pt 20px 0pt 20px;
line-height:50px;
text-indent:20px; 
}
#tertiary h2{
margin-bottom:0px;
padding-top:0px;
}
#tertiary h2{
line-height:50px;
height:50px;
border-bottom: solid 4px #494a4c;
background: #2f2f31;
padding-left:21px;
width:920px;
margin:0pt 20px 0pt 20px;

}

#tertiary li{
font-size:1.5em;
margin: 0px;
line-height:50px;
background:#37383a url(../site/bigredbullet.gif) no-repeat left;
border-bottom: solid 4px #494a4c;
padding-left:21px;
width:920px;
height:50px;
margin:0pt 20px;
}

/*___=Footer-Elemente________________________________________*/
#footer
{
height:162px;
color:#414b4a;
background:white;
font-size: 0.9em;
line-height:1.5em;
display:table;
}
#footer p{
font-size: 0.9em;
}
ul.footlink{
margin: 18px 0px 18px 0px;
} 

ul.footlink li{
float:left;
color:#333;
margin-right:20px;
}
p.ft-text{
margin-top:18px;
position:relative;
}
p.copy{
margin-top:36px;
position:relative;
}
ul.footlink li a:link, ul.footlink li a:visited{
font-weight:bold;
line-height:18px;
}
#footer a:link, #footer a:visited{
color:#333333;
}

#footer a:hover{
text-decoration:underline;
}
.egtrigger{
height:21px;
padding-top:18px;
background:white url(../site/futylogo.gif) 0px 8px  no-repeat;
text-indent: 70px;
}
a.mutfooter{
width:220px;height:80px;
display:block;
}
a.mutfooter img{margin-top:18px;}
#easteregg{
position:absolute;
margin: -72px 0px 0px -112px;
width:260px;
height:36px;
line-height:36px;
padding: 0px 12px;
border: 1px solid fuchsia;
display:none;
background: white;
}
/*___=Formular-Elemente________________________________________*/
.errors,  .notice,  .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
 .errors {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
 .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
 .errors a {color:#8a1f11; background:none; padding:0; margin:0; }
 .notice a {color:#514721; background:none; padding:0; margin:0; }


#mailform input, #mailform textarea {
background:white none repeat scroll 0% 50%;
border-color:#f4f4f4;
border-style:none solid solid;
border-width:0pt 1px 2px;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
font-style:italic;
font-weight:200;
line-height:1.5em;
margin-bottom:1em;
padding:5px 0pt;
width:220px;
}
#mailform input:focus, #mailform textarea:focus {
background:#EAF0F6 none repeat scroll 0% 0%;
border-color:white;
color:#333;
}

#mailform p.send input{
width: 130px;
}

#mailform textarea {
width:540px;
}
#mailform label, .codelabel {
color:#EAF0F6;
font-size:9px;
font-weight:700;
margin-bottom:-10px;
padding:2px 3px;
position:relative;
text-transform:uppercase;
}

#form_fehler p:first-child {
background:transparent url(../img/icons/alert-trans.png) no-repeat scroll 10px 10px;
text-indent:25px;
color:black;
font-weight:bold;
}
#form_fehler{
margin:1em;
border: 1px solid #E52B38;
background:#F0868D;
padding:0.5em;
}
#form_fehler p{
background-color:white;
padding:1em 2em;
}
p#succes {
background:#E6EFC2  url(../img/icons/succes-trans.png) no-repeat scroll 13px 17px;
border:3px solid #C6D880;
margin-bottom:2em;
color:#264409;
padding:1em 1em 1em 66px;
}
p#succes b{
color: #4ACA22; 
}
.mailview{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
line-height:1.5em;
font-style:italic;
border:2px solid #FFD324;
color: #514721;
padding: 0.5em 0 0.5em 0.5em;
margin-bottom:1em;
background-color:#FFF6BF;

}
.mailvalue{
color:#92633B;
text-align:right;
font-size:9px;
text-transform:uppercase;
float: left;
width: 138px;
padding:1.5em 0.5em;
}
/*___=Default-Elemente________________________________________*/
body {
	background: #eaf0f6;
	color: #333;
}


a {
	color: #fff;
	text-decoration: none;
}

#main a:hover {
	text-decoration: underline;
}

h1 {
	line-height:2.5em;
	color:#fff;
	font-weight: normal;
	text-align: left;
}

h2 {
	padding: 20px 0 0;
	text-align: left;
}

p {
	font-size: 1.1em;
	overflow: hidden;
	text-align: left;
}

