﻿/*Allgemein */
html,body{
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    /*font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;*/
    font-size:14px;
    color:#666666;
}
body{
    background-color:#222222;
    background-image:url(Pics/bg.png);
    background-repeat:repeat-x;
}

h1,h2,h3,h4{
    margin:0px;
    padding:5px;
}
p,ul{
    margin-top:0px;
    margin-bottom:0px;
    padding-top:5px;
    padding-bottom:5px;
}

DIV.links{
    width:100%;
    text-align:left;
}
DIV.rechts{
    width:100%;
    text-align:right;
}
DIV.mitte{
    width:100%;
    text-align:center;
}

DIV.imgfloatleft{
    float:left;
    margin-right:10px;
}
DIV.imgfloatright{
    float:right;
    margin-left:10px;
}

#clearer{
    clear:both;
}
#clearerR{
    clear:right;
}
#clearerL{
    clear:left;
}

img{
    border:none;
}
img.panorama{
    margin-top:10px;
    margin-bottom:10px;
}

a{
    text-decoration:none;
}

li{
    font-weight:bold;
}




/*Template */

#maincontainer
{
    width:1154px;
    /*margin-left:auto;
	margin-right:auto;*/
    min-height: 100%;
    height: 100%;
}	

#leftcontainer{
    height:300px;
    width:270px;
    background-repeat:no-repeat;
    float:left;
    color:#999;
}


#rightcontainer{
    width:884px;
    background-color:#FFFFFF;
    float:left;
    min-height:100%;
    height:auto !important;
    height:100%;
}

#header{
    width:100%;
}
#footer{
    width:879px;
}
#header{
    background-image:url(Pics/bg.png);
    background-repeat:repeat-x;
}

#logobox{
    height:70px;
    background-image:url(Pics/gartenbau-landschaftsbau-sportplatzbau-fleischhacker-logo.png);
    background-repeat:no-repeat;
    background-position:center;
    background-position:top;
    margin-left:20px;
    margin-right:20px;
    margin-top:15px;
}

#adressbox{
    /*border: 1px solid #999;*/
    padding: 10px;
    margin: 5px;
    margin-left:20px;
    margin-bottom:45px;
    margin-right:20px;
    text-align:center;

}

#infobox{
    border: 1px solid #999;
    padding: 10px;
    margin: 5px;
    margin-left:20px;
    margin-right:20px;
    font-weight:bold;
    text-align:center;
    color:#FFF;
}
#KosmosForm,#KosmosLogin,#KosmosPassword{
    font-size:9px;
}
#KosmosForm{
    margin-bottom:10px;
}

/* Navigation ###############################################################################*/
.navL1BoxActive, .navL1BoxPassive, .navVerbandsLogo{
    margin: 5px;
    margin-left:20px;
    margin-right:20px;
    display:block;
}

.navL1BoxActive, .navL1BoxPassive{
    border: 1px solid #999;
}

.navVerbandsLogo{
    height:73px;
    background-repeat:no-repeat;
    background-image:url(Pics/Garten-Landschafts-Sportplatzbau-Bayern-Verbandslogo.png);
}

.navL1BoxActive{
    min-height:90px;
}

.navL1Active, .navL1Passive{
    padding: 5px;
    font-weight:bold;
    display:block;
}
.navL1Active{
    background-color:#525252;
    color:#FFF;
}

.navL1Passive{
    color:#999;
}

.navL1Passive:hover{
    background-color:#5B5B5B;
}
.navL2Active,.navL2Passive{
    font-size:11px;
    font-weight:bold;
    padding:2px;
    padding-left:20px;
    display:block;
}
.navL2Active{
    color:#FFF;
}

.navL2Passive{
    color:#999;
}
.navL2Passive:hover{
    background-color:#5B5B5B;
}


#navL3{
    height:auto;
    width: auto;
}
.navL3Active,.navL3Passive{
    font-size:11px;
    font-weight:bold;
    padding-left:30px;
    display:block;
}
.navL3Active{
    color:#FFF;

}
.navL3Passive{
    color:#999;

}
.navL3Passive:hover{
    color:#888;
    background-color:#5B5B5B;
}



#footer{
    height:20px;
    background-color:#222222;
    font-size:x-small;
    font-weight:bold;
    text-align:right;
    position:absolute;
    bottom:0px;
}

#logoBar{
    width:100%;
    height:152px;
    background-image:url(Pics/LogoPic.png);
}

#maincontentbox,
#maincontentboxstart{
    width:880px;
    border:2px solid white;
    background-repeat:no-repeat;
    min-height:420px;
}

#maincontentbox{
    padding-top:207px;
}



#maincontent,
#maincontentstart{
    width: auto;
    margin-left:20px;
    margin-right:20px;
    padding:10px;
    padding-top:0px;
    background-color:#FFF;
}

#maincontentstart{
    position: relative;
    margin-top:-396px;
    min-height:300px;
    padding-top:100px;
}

#SolusContentBox{
    padding:3px;
    padding-top:0px;

}

#SolusContentBoxWhite{
    background-color:#FFF;
    margin-left:3px;
    margin-right:3px;
    padding:3px;
    height:auto;
}



/* Solus Special*/ 
/*Solus - Zwischenheadline */
#solusHeadline {
    color:#006;
    font-family:arial, helvetica, verdana, sans-serif;
    width: 100%;
    font-size:1.4em;
    font-weight:bold;
    line-height:1.4em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #cccccc;
    margin-top:10px;
    margin-bottom:5px;
}


/* Kunde ################################################################*/
#KundeBox{
    height:auto;
    margin-bottom:15px;
}

#KundeTitle{
    float:left;
    width:100%;
    font-size:14px;
    font-weight:bold;
}

#KundeLogo{
    float:left;
    margin-top:10px;
    margin-right:20px;
    text-align:center;
}
#KundeText{
    float:left;
    margin-left:10px;
    margin-top:10px;
    width:500px;
}

#KundeProjektTitle
{
    margin-top:10px;
    width:160px;
    height:21px;
    text-align:left;
    font-size:10px;
}
#KundeProjektLink
{
    width:160px;
    height:16px;
    background-repeat:no-repeat;
    padding-left:20px;
    margin-left:20px;
    margin-top:3px;
    padding-top:1px;
    background-image:url(Pics/Nav2PlikAktiv.png);
    text-align:left;
    font-size:10px;
    color:#333;

}

a.kundeurl{
    font-size:10px;
    color:#666666;
}


/* Referenzen*/
#boldHeadline {
    color:#000000;
    font-weight: bold;
    font-size:1.3em;
}


#SolusContentContainer{
    margin-bottom:20px;
    margin-left:10px;
    margin-right:10px;
    height:auto;
}
#SolusContentBodx{
    background-color:#FFF;
}

#SolusContentTitle{

    padding:3px;
    font-size:14px;
    font-weight:bold;
    color:#666;
    min-height:16px;
    border-bottom:1px solid #666;

}
#SolusContentTitleSub{
    font-size:11px;
    color:#666;
    padding-left:3px;
    padding-bottom:2px;
}



#SolusRefProjPic{
    margin-left:10px;
    width:150px;
    height:100px;
    background-color:#0FF;
}


#SolusRefSingPicR{
    float:right;
    margin-left:10px;
    margin-top:3px;
}
#SolusProjSubTitle{
    font-size:10px;
    font-weight:bold;
}
#SolusProjDesc{
    margin-left:10px;
    margin-bottom:10px;
}



table.ref{
    background-color:#FFF;
    width:100%;
    margin-top:2px;
    margin-bottom:10px;
    /*border-top:dotted;
	border-top-width:1px;
	border-top-color:#999;	*/
}
td.refpics{
    vertical-align:top;
    text-align:center;
    border-right:dotted;
    border-right-width:1px;
    border-right-color:#999;
    width:250px;
}
td.refcontent{
    vertical-align:top;
    padding-left:10px;
}

/*Panoramapic*/
#panoramfliesstext{
    margin-top:10px;
}



/* Formular */
/*******************************************************************************/
#form-module * {
    padding:0px;
    margin:0px;
}

#form-module {
    margin:0px;
    padding:0px;
    width:520px;
    background-color:#f7f7f7;
    color:#666;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:1.2em;
}

#form-module fieldset {
    border:0px solid #fff;
}

#form-module legend {
    display:none;
}


#form-module p {
    margin:0;
    padding:5px;
    font-size:1em;
    font-weight:bold;
}

#form-module .element {
    display:block;
    clear:both;
    background-color:#f7f7f7;
    border-top:2px solid #fff;
}

#form-module label {
    display:block;
    float:left;
    padding:5px;
    width:120px;
    border-right:2px solid #fff;
}

#form-module label.checkbox {
    width:372px;
    border-left:2px solid #fff;
    border-right:none;
}

#form-module input,
#form-module select,
#form-module textarea {
    float:left;
    margin:5px;
    width:295px;
    border:1px solid #333;
}

#form-module input.text {
    height:20px;
}

#form-module input.checkbox {
    width:120px;
    padding:0;
    border:none;
}

#form-module input.submit {
    margin:5px 5px 5px 137px;
    padding:2px 5px;
    border:1px solid #333;
    background-color:#fff;
    color:#666;
    font-family:verdana, arial, helvetica, sans-serif;
    text-align:center;
    cursor:pointer;
}

#form-module input.submit:hover {
    background-color:#f7f7f7;
    color:#000;
}

#form-module label.textarea,
#form-module textarea.textarea {
    height:96px;
}

#form-module-thanks {
    display:block;
    color:#666;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:1.2em;
}



/*###################################################################################################################################################################*/
/*Content-Bereich Allgemein */

/* Download und Info-Box*/
.IKRContainer {
    background-image:url(Pics/IKRshadbr.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    /*width:819px;*/
    padding-right:9px;
    padding-bottom:11px;
    margin-top:15px;
}

.IKRInnerContainer {
    background-image:url(Pics/shadtl.jpg);
    background-repeat:no-repeat;
    padding-top:10px;
    padding-left:10px;
}

.IKRBox{
    background-color:#AEAEAE;
}

.IKRTable{
    width:100%;	´
    background-color:#666;
}

.IKRTable td{
    vertical-align:top;
    width:33%;
}

.IKRinfobox, .IKRrefbox, .IKRkontaktbox{
    width:195px;
}
.IKRinfobox{
    background-image:url(Pics/IKRinfobg.jpg);
}

.IKRinfotop{
    height:26px;
    background-image:url(Pics/IKRinfotop.jpg);
}

.IKRinfoanfrage, .IKRinfoslice{
    margin-bottom:3px;
}
.IKRinfoslice{
    display:block;
    min-height:14px;
    background-repeat:no-repeat;
    width:140px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:9px;
    padding-left:30px;
    padding-top:12px;
}
.IKRinfocontent{
    padding-left:10px;

}

.IKRrefbox{
    background-image:url(Pics/IKRrefbg.jpg);
}
.IKRreftop{
    background-image:url(Pics/IKRreftop.jpg);
    height:26px;
}

.IKRrefSlice{
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    display:block;
    background-image:url(Pics/IKRprojektlink.jpg);
    background-repeat:no-repeat;
    min-height:23px;
    width:160px;
    text-align:left;
    padding-left:32px;
    padding-top:18px;
}

.IKRkontaktbox{
    background-image:url(Pics/IKRkontaktbg.jpg);
}
.IKRkontakttop{
    background-image:url(Pics/IKRkontakttop.jpg);
    height:26px;
}

.IKRKontaktPic{
    padding-left:5px;
}
.IKRKontaktName{
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    width:150px;
}

.IKRKontaktFon{
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    background-image:url(Pics/IKRkontaktfon.jpg);
    background-repeat:no-repeat;
    height:16px;
    padding-left:40px;
    padding-top:17px;
    width:170px;

}
.IKRKontaktMail{
    background-image:url(Pics/IKRkontaktmail.jpg);
    background-repeat:no-repeat;
    height:36px;
}



span.blocked {
    height:auto;
    display:inline-block;
    vertical-align:top;
}


#FHSeitenTitel{
    width:100%;
    text-align:right;
    color:#999999;
    font-size:24px;
    font-weight:bold;
}

/*SliceBox*/
#FHLeistungBox{
    height:auto;
    padding-top:10px;
    /*vertical-align:top;*/
}






.SubTitelRight{
    /*float:right;*/
    text-align:right;
    padding-right:5px;
}
.SubTitelLeft{
    /*float:left;*/
    text-align:left;
    padding-left:5px;
}
.SubTitelRight, .SubTitelLeft{
    width:100%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    padding-top:55px;
    padding-bottom:2px;
    color:#333;
    border-bottom-color:grey;
    border-bottom-width:1px;
    border-bottom-style:solid;
}

/*#FHLeistungSinglePic{*/
div.SPicBoxLeft, div.SPicBoxRight{
    /*width:320px;*/
}
div.SPicDescBoxLeft, div.SPicDescBoxRight{
    width: 485px;
}
div.SPicBoxLeft{
    float:left;
    margin-right:10px;
}
div.SPicBoxRight{
    float:left;
    margin-left:10px;
}
div.SPicDescBoxLeft{
    float:left;

}
div.SPicDescBoxRight{
    float:right;

}
img.SPic{
    padding:5px;
}

div.SPicBR{
    background-image:url(Pics/shadbr.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    padding-bottom:7px;
    padding-right:5px;
    /*width:315px;*/
}
div.SPicTL{
    background-image:url(Pics/shadtl.jpg);
    background-repeat:no-repeat;
    padding-left:4px;
    padding-top:4px;
    /*width:auto;*/
}


div.GalBR{
    background-image:url(Pics/GalBR.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    padding-bottom:7px;
    padding-right:5px;
    width:430px;
}
div.GalTL{
    background-image:url(Pics/GalTL.jpg);
    background-repeat:no-repeat;
    padding-left:4px;
    padding-top:4px;
    width:auto;
}
Div.Gal{
    padding:6px;
    padding-top:8px;
}





#FHGalerie, #FHGalerieR, #FHGalerieC{
    /*height:auto;
	margin-bottom:10px;*/
    font-size:12px;
    font-weight:bold;
    color:#666666;/*
	background-image:url(Pics/gallerie.gif);
	padding-top:7px;
	padding-bottom:2px;
	border: solid 1px #CCC;*/
}

#FHGalerie{
    float:right;
    width:450px;
    margin-top:0px;
    text-align:right;
}
#FHGalerieR{
    float:left;
    width:450px;
    margin-top:0px;
    text-align:left;
}
#FHGalerieC{
    padding-top:10px;
    text-align:center;
}

img.FHGaleriePic{
    margin-left:10px;
}
img.FHGaleriePicR{
    margin-right:10px;
}

img.FHGaleriePicHidden{
    margin:0px;
    visibility:hidden;
    padding:0px;
}






#FHPanoramaPic, #FHPanoramaPicTitle, #FHPanoramaGalerie{
    width:740px;
    height:auto;
}

#FHPanoramaPic{
    margin:0px;
    padding:0px;
    text-align:center;
}
#FHPanoramaPicTitle{
    margin:0px;
    padding:0px;
    color:#666666;
    font-size:9px;
    text-align:right;
}
#FHPanoramaGalerie{
    float:left;
    margin-top:10px;
    text-align:center;
    margin-bottom:15px;
}

/* Partner-Eintrag ################################################################*/
#PartnerBox{
    height:auto;
    padding-bottom:10px;
}

#PartnerTitle{
    float:left;
    width:100%;
    padding:3px;
    font-size:14px;
    font-weight:bold;
    color:#666;
    min-height:16px;
    border-bottom:1px solid #666;

}








#PartnerPic{
    float:left;
    margin-top:10px;
    margin-right:20px;
    text-align:center;
}
#PartnerText{
    float:left;
    margin-left:10px;
    margin-top:10px;
    width:500px;
}



a.partnerurl{
    font-size:10px;
    color:#666666;
}


/*Modul Artikellink*/
Div.artikelLinkBox{
    margin:auto;
    text-align:center;
}

li.artikelLink{
    width: 155px;
    min-height: 220px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    zoom: 1;
    *display: inline;
    _height: 220px;
    /*Additional*/
    border: 1px solid #D8D8D8;
    /*background-color:#E4FFD5;*/
    background-color:#EFEFEF;
    padding-left:5px;
    padding-top:5px;
}

li.artikelLinkOld{
    width: 150px;
    min-height: 220px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    zoom: 1;
    *display: inline;
    _height: 220px;
    /*Additional*/
    border: 1px solid #D8D8D8;
    /*background-color:#E4FFD5;*/
    background-color:#F9F9F9;
}

div.artikelLinkTitel{
    width:147px;
    height:27px;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    margin-top:3px;
    padding: 2px;
}
div.artikelLinkBesch{
    margin-top:2px;
    width:150px;
    height:40px;
    font-size:9px;
    padding:2px;
}
div.artikelLinkPic{
    width:150px;
}

/*Modul MaterialBox*/
Div.materialBox{
    margin:auto;
    text-align:center;
}

li.material{
    width: 220px;
    min-height: 230px;
    /*border: 1px solid #000;*/
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    zoom: 1;
    *display: inline;
    _height: 230px;
    text-align:center;
}

div.materialTitel{
    height:27px;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    margin-top:3px;
    padding-bottom: 2px;
}
div.materialBesch{
    margin-top:2px;
    height:65px;
    font-size:9px;
    font-weight:normal;
    padding-bottom:4px;
}
div.materialPic{
    text-align:center;
}

div.matPicBR{
    background-image:url(Pics/shadbr.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    padding-bottom:7px;
    padding-right:5px;
    width:auto;
}
div.matPicTL{
    background-image:url(Pics/shadtl.jpg);
    background-repeat:no-repeat;
    padding-left:4px;
    padding-top:4px;
    width:auto;
}

div.materialTitel, div.materialBesch,div.materialPic{
    width: 200px;
}
div.matInnerContainer
{
    width: 200px;
    padding-left:5px;
}

/*PanoGaleriVariable*/
Div.VarPanGalBox{
    margin:auto;
    text-align:center;
}

li.VarPanGalEntry{


    /*border: 1px solid #000;*/
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    zoom: 1;
    *display: inline;

}

div.VarPanGalPic{

}
div.VarPanGalTxt{
    font-size:9px;
    font-weight:normal;
    text-align:right;
    padding-right:12px;
}



div.VarPanGalFrameBox{
    margin-left:5px;
    margin-right:5px;
}
div.VarPanGalFrameBR, div.PanPicFrameBR{
    background-image:url(Pics/shadbr.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
    padding-bottom:12px;
    padding-right:4px;
    /*width:315px;*/
}
div.VarPanGalFrameTL, div.PanPicFrameTL{
    background-image:url(Pics/shadtl.jpg);
    background-repeat:no-repeat;
    padding-left:2px;
    padding-top:10px;
    width:auto;
}
div.PanPicFrameTL{
    padding-left:5px;
}

.SPBTLinks{
    border:1px solid grey;
    text-align:center;


}
.SPBTLinks h1{
    font-size:14px;
}
.SPBTLinks img{
    margin:10px;
    margin-top:4px;
}


/*KONTAKTFORM*/
.kontaktBereichBox{
    overflow:hidden;
    background-repeat:no-repeat;
    padding-top:18px;
    padding-left:25px;
    min-height:200px;
    padding-bottom:20px;

}
.formsizer{
    position:relative;
    left:350px;
    height:33px;
}


/*Fehleranzeigen*/
#errormessage{
    font-weight:bold;
    color:#FF0000;
}


div.rexfancy-images img
{
    border:1px solid #EFEFEA;
    background-color:#F5F5F1;
    padding:5px;
    -moz-border-radius:3px;
    margin-right:5px;
    float:left;
}

div.clear-rexfancy
{
    float:none;
    clear:both;
}

div.galleryViewFrameLink{	position: relative; height: 20px; margin-top: -80px;}

.jobs_container			{ margin-left:25px; margin-top: 10px; margin-bottom: 25px; }
.jobs_container	table		{ background-color:#fafafa; }
.jobs_container	td		{ vertical-align: top; padding:7px; }
.jobs_container .jobpic         { width: 170px;}
.jobs_title			{ color:#008200; font-weight:bold; font-size:16px;margin-bottom: 5px;padding-bottom: 3px;}
.jobs_subtitle			{ margin-left:10px; color:#222222; font-weight:bold; font-size:12px;}
.jobs_text, .jobs_text	li	{ margin-left:12px; color:gray; font-weight:normal; font-size:12px;}
.jobs_date                      { margin-left:2px; color:#222222; font-weight:bold; font-size:10px;}
.job_split_line                 { border-bottom: 1px dotted lightgrey;}


.newsfloatcontainer                     { position:absolute; right:-20px; top:13px; height:160px; width:20px; background:url(Pics/newsfloatbg.png)}
.newsfloatcontainer	.newstext       { width:20px; height:135px; float:left; padding-top:25px; cursor: pointer;}
.newsfloatcontainer	.newstext:hover	{ background:url(Pics/newsfloatbg.png);}

.newsfloatcontainer	.newsbox	{ /*width:875px;*/ height:140px; margin-top:6px; margin-left:-800px; border:solid 1px white; padding:3px; visibility:hidden; color:white; background:url(Pics/newsfloatbg.png)}

.newsBlock                  { margin-bottom:3px; }
.newsTitle                  { font-size:12px; font-weight:bold;}
.newsTeaser                 { font-size:10px; margin-left:10px;}


.startPageInfoContainer     { float: right; width: 220px; background-color:#dddddd; font-size:13px; font-weight: bold; color: white; padding-top: 5px; padding-bottom: 5px; margin: 3px; }
.startPageInfoBox           { padding: 7px; margin-top: 2px; margin-bottom: 6px;background-color:#AEAEAE;}
.startPageInfoJobs,
.startPageInfoNews          { padding-left: 5px; color:#3A7C01; }
a.infotitle,
a.infotitle:hover            { font-weight: bold;font-size: 11px;color: whitesmoke; display: block;}
a.infodescription,
a.infodescription:hover      { font-size: 9px; color: #222222; padding-left: 5px;}
