/* 
    Document   : style
    Created on : 12.01.2014, 11:48:57
    Author     : René Kubitzek
*/

root { 
    margin: 0px;
    padding: 0px;
    display: block;
    font-family: Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
}

body {
    padding: 10px;
    background: rgba(148,148,148,1);
    background: -moz-linear-gradient(top, rgba(148,148,148,1) 0%, rgba(135,135,135,1) 0%, rgba(166,166,166,1) 34%, rgba(130,130,130,1) 77%, rgba(133,133,133,1) 85%, rgba(133,133,133,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(148,148,148,1)), color-stop(0%, rgba(135,135,135,1)), color-stop(34%, rgba(166,166,166,1)), color-stop(77%, rgba(130,130,130,1)), color-stop(85%, rgba(133,133,133,1)), color-stop(100%, rgba(133,133,133,1)));
    background: -webkit-linear-gradient(top, rgba(148,148,148,1) 0%, rgba(135,135,135,1) 0%, rgba(166,166,166,1) 34%, rgba(130,130,130,1) 77%, rgba(133,133,133,1) 85%, rgba(133,133,133,1) 100%);
    background: -o-linear-gradient(top, rgba(148,148,148,1) 0%, rgba(135,135,135,1) 0%, rgba(166,166,166,1) 34%, rgba(130,130,130,1) 77%, rgba(133,133,133,1) 85%, rgba(133,133,133,1) 100%);
    background: -ms-linear-gradient(top, rgba(148,148,148,1) 0%, rgba(135,135,135,1) 0%, rgba(166,166,166,1) 34%, rgba(130,130,130,1) 77%, rgba(133,133,133,1) 85%, rgba(133,133,133,1) 100%);
    background: linear-gradient(to bottom, rgba(148,148,148,1) 0%, rgba(135,135,135,1) 0%, rgba(166,166,166,1) 34%, rgba(130,130,130,1) 77%, rgba(133,133,133,1) 85%, rgba(133,133,133,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#858585', GradientType=0 );
}

input {
    border-radius: 4px;
    border: 1px solid #cfcfcf;
    box-shadow: 2px 2px 2px #CCC;
    height:25px;
}

textarea {
    border-radius: 4px;
    border: 1px solid #cfcfcf;
    box-shadow: 2px 2px #CCC;
    box-shadow: 2px 2px 2px #CCC;
}

nav button {
    box-shadow: 3px 3px 3px #333 !important;
    width:115px;
    margin-top:10px !important;
}

nav {
    float:left;
    width:120px;
}

header {
    border-radius: 3px;
    width: 930px;
    height: 150px;
    box-shadow: 0px 0px 3px 3px #FFF;
    background-color: #FFF;
}

#logoHeader {
    float:right;
    height:149px;
    width:130px;
    margin: 1px 30px 0 0;
}

#logoSchrift {
    height:149px;
    width:300px;
    margin-left:30px;
}

#headline {
    float:left;
    color: rgba(32,41,153,1);
    font-size:300%;
    margin: 20px 0 0 30px;
    font-weight: bolder;
    text-shadow:5px 5px 5px rgba(0,0,0,0.2);
}

.bigHeadline {
    color: rgba(32,41,153,1);
    font-weight: bolder;
    font-size: 250%;
    text-shadow:5px 5px 5px rgba(0,0,0,0.2);
}

.smallHeadline {
    color: rgba(32,41,153,1);
    font-weight: bold;
    font-size: 150%;
    text-shadow:5px 5px 5px rgba(0,0,0,0.2);

}
.mediumHeadline {
    color: rgba(32,41,153,1);
    font-weight: bolder;
    font-size: 200%;
    text-shadow:5px 5px 5px rgba(0,0,0,0.2);
}

.smallBlueFont {
    color: rgba(32,41,153,1);
    font-weight: bold;
    font-size: 120%;
    text-shadow:5px 5px 5px rgba(0,0,0,0.2);
}

#container {
    width: 960px;
    height: 858px;
    background-color: #556981;
    margin: auto;
    padding:15px;
    border-radius: 3px;
    box-shadow:0px 0px 4px 4px #666;
}

.service {
    color: rgba(32,41,153,1);
    font-size:190%;
    font-weight: bolder;
    width:200px;
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    text-shadow:5px 5px 5px rgba(0,0,0,0.2);
    float:left;
}

#service1 {
    margin:30px 0 0 60px;
}

#service2 {
    margin: -40px 0 0 135px;
}

#service3 {
    margin: -40px 0 0 210px;
}

#serviceDiv{
    color: rgba(32,41,153,1);
    text-shadow:5px 5px 5px rgba(0,0,0,0.2);
    width:300px;
    font-size:190%;
    font-weight: bolder;
    position:relative;
    top: -40px;
    left:420px;
}

#homeBtn {
    margin-top:18px !important;
}

#content {
    margin-top:22px;
    padding: 10px;
    float:right;
    border-radius: 3px;
    width: 795px;
    height: 655px;
    box-shadow: 0px 0px 3px 3px #FFF;
    overflow: auto;
    background-color: #FFF;
}

#contentService {
    overflow: auto;
    height:603px;
}

.span240 {
    width:240px;
}

.span300 {
    width:300px;
}

.span350 {
    width:350px;
}

.span380 {
    width:380px;
}

.span400 {
    width:400px;
}

.span450 {
    width:450px;
}

.span600 {
    width:600px;
}

#logoHome {
    float: right;
    width: 240px;
    margin-right:60px !important;
}

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

.marginAuto{
    margin:Auto;
}

#pipePictureHome {
    width:235px;
    margin: 35px 0 0 50px;
    box-shadow: 0px 0px 3px 3px #AAA;
    border-radius: 3px;
}

#headline2Home {
    margin-top:20px
}

#googleMap {
    box-shadow: 0px 0px 3px 3px #AAA; 
    border-radius: 3px;
    float:right;
    margin: 30px 30px 0 0;
}

#textBlock3Home {
    margin:auto;
    margin-top:10px;
}

.secondary {
    margin:0px 5px 0px 0 !important;
    padding:5px !important;
    font-size:12px !important;
    height:30px !important;
    box-shadow: 3px 3px 3px #333 !important;
    width:120px;
}            

#pictureVehicle2 {
    width:325px;
    margin:65px 30px 0 0;
    float:right;
    box-shadow: 0px 0px 3px 3px #AAA;
    border-radius: 3px;
}

#pictureZertifikat {
    width:225px;
    margin:65px 50px 0 0;
    float:right;
    box-shadow: 0px 0px 3px 3px #AAA;
    border-radius: 3px;
}

#pictureZertifikat2 {
    width:225px;
    margin:10px 50px 0 0;
    float:right;
    box-shadow: 0px 0px 3px 3px #AAA;
    border-radius: 3px;
}

#textBlock4Leistungen {
    margin-top:20px;
}

#picturePipe2 {
    width:260px;
    margin:65px 50px 60px 0;
    float:right;
    box-shadow: 0px 0px 3px 3px #AAA;
    border-radius: 3px;
}

#picturePipe3 {
    width:260px;
    margin:30px 0 0 40px;
    float:left;
    box-shadow: 0px 0px 3px 3px #AAA;
    border-radius: 3px;
}

#dialogMessage {
    visibility:hidden;
}

#dialogMessageMail {
    visibility:hidden;
}

#dialogMessageMailSucces {
    visibility:hidden;
}

.liner {
    width:287px;
    margin:5px 20px 0 20px;
    float:right;
    box-shadow: 0px 0px 3px 3px #AAA;
    border-radius: 3px;
}

.textBlock2Help {
    margin: 30px 0 30px 10px;
}

#telephonePicture {
    margin: 0 90px 0 20px;
    width:160px;
}

.contactForm {
    float:left;
    width:300px !important;
    margin-bottom:2px;
    
}

.contactFormLabel {
    float:left;
    width:300px !important;
    margin-bottom:0px !important;
    margin-top:3px !important;
}

#nachricht {
    margin-right:380px;
}

#submit {
    box-shadow: 3px 3px 3px #CCC !important;
    height:30px;
    margin-left:20px;
}

#addressDiv {
    margin-top:55px;
}

.marginLeft50 {
    margin-left:50px;
}

.marginLeft20 {
    margin-left:20px;
}

.marginLeft30 {
    margin-left:30px;
}

.marginLeft80 {
    margin-left:80px;
}

.marginRight50 {
    margin-right:50px;
}

.marginRight400 {
    margin-right:400px;
}

.top15 {
    margin-top:15px;
}

.vorher {
    margin:172px 10px 0 0;
}

.nachher {
    margin:178px 10px 0 0 ;
}

.padding50 {
	padding:70px;
}

.marginBottom500 {
    margin-bottom:500px;
}

marginUrin {
margin: 0 250px 0 250px;
}

#lizenzAngabe {
    font-size: 12px;
}

#dialogMessageMailSending {
    display: none;
}