/* CSS Document */





body {
	background-image:  url('../img/background_karo2.jpg');
	background-attachment:scroll;
    background-position:50% 0px;
    background-repeat:repeat-y;
}


A:link {text-decoration:none; color: black;}
A:active {text-decoration:none; color: black;}
A:visited {text-decoration:none; color: black;}
A:hover {text-decoration:underline; color: black;}



a.navstart{
    display:inline-block;
    width:113px;
    height:60px;
    background-image:url('../img/buttons/nav_small.png');
    background-position:top;
    vertical-align:top;
    
}
a.navstart:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}


a.navabout {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navabout:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}


a.navphil {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navphil:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}


a.navteam {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navteam:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}


a.navoffer{
    display:inline-block;
    width:113px;
    height:60px;
    background-image:url('../img/buttons/nav_small.png');
    background-position:top;
    vertical-align:top;
    
}
a.navoffer:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}


a.navref {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navref:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}

a.navrefspm {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navrefspm:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}

a.navrefcrypt {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navrefcrypt:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}


a.navrefpos {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navrefpos:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}


a.navreftime {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navreftime:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}

a.navrefdist {
    display:inline-block;
    width:217px;
    height:60px;
    background-image:url('../img/buttons/nav_large.png');
    background-position:top;
    vertical-align:top;
}
a.navrefdist:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}

a.navrefdisten {
    display:inline-block;
    width:370px;
    height:60px;
    background-image:url('../img/buttons/nav_larger.png');
    background-position:top;
    vertical-align:top;
}
a.navrefdisten:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}


a.navcontact{
    display:inline-block;
    width:113px;
    height:60px;
    background-image:url('../img/buttons/nav_small.png');
    background-position:top;
    vertical-align:top;
    
}
a.navcontact:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}



a.navjobs{
    display:inline-block;
    width:113px;
    height:60px;
    background-image:url('../img/buttons/nav_small.png');
    background-position:top;
    vertical-align:top;
    
}
a.navjobs:hover {
    display:inline-block;
    text-decoration:none;
    background-position:bottom;
}



#home-de .navstart, #company-phil-de .navabout, #company-phil-de .navphil, #company-team-de .navteam, #company-team-de .navabout,
#ref-spm-de .navref, #ref-spm-de .navrefspm, #ref-crypt-de .navref, #ref-crypt-de .navrefcrypt, #ref-pos-de .navref, #ref-pos-de .navrefpos,
#ref-time-de .navref, #ref-time-de .navreftime, #contact-de .navcontact, #ref-dist-de .navrefdist, #jobs-de .navjobs,
#home-en .navstart, #company-phil-en .navabout, #company-phil-en .navphil, #company-team-en .navteam, #company-team-en .navabout,
#ref-spm-en .navref, #ref-spm-en .navrefspm, #ref-crypt-en .navref, #ref-crypt-en .navrefcrypt, #ref-pos-en .navref, #ref-pos-en .navrefpos,
#ref-time-en .navref, #ref-time-en .navreftime, #contact-en .navcontact, #ref-dist-en .navrefdist, #ref-dist-en .navrefdisten, #jobs-en .navjobs
{
    background-position:bottom;
}







.textlayer
{
    position:absolute;
    margin-left:420px;
    margin-top:200px;
    width:400px;
    height: 550px;
}


.textlayerbig
{
    position:absolute;
    margin-left:20px;
    margin-top:200px;
    width:800px;
}


.textbackground
{
    position:absolute;
    top:0;
    left:0;
}


.textlayeraux
{
    position:absolute;
    margin-left:420px;
    margin-top:200px;
    width:400px;
    height: 550px;
}


.textbackgroundaux
{
    position:absolute;
    top:0;
    left:0;
}

.textcontent
{
    padding: 30px;
	z-index: 3;
	color: black;
    font-family: 'Architects Daughter';
    font-size: 12pt;
    letter-spacing:1px;
	position: absolute;
}


#LayerBack {
	width: 1024px;
	z-index: 1;
	padding: 10px;
	position: static;
	text-align: left;
}


#LayerLogo {
	width: 800px;
	height: 44px;
	z-index: 2;
	font-family: 'Arial',Arial,sans-serif;
	font-size: 10pt;
    margin-left: 100px;
    margin-top:0px;
    position:absolute;
}


#LayerNav {
	width: 900px;
	height: 150px;
	z-index: 3;
	padding: 5px;
	color:black;
	font-family: 'Arial',Arial,sans-serif;
	font-size: 10pt;
	position: absolute;
	margin-top: 100px;
    margin-left: 0px;
}

#LayerNavSub {
	width: 900px;
	height: 150px;
	z-index: 3;
	padding: 5px;
	color:black;
	font-family: 'Arial',Arial,sans-serif;
	font-size: 10pt;
	position: absolute;
	margin-top: 160px;
    margin-left: 0px;
}

#LayerNavSubSub {
	width: 900px;
	height: 150px;
	z-index: 3;
	padding: 5px;
	color:black;
	font-family: 'Arial',Arial,sans-serif;
	font-size: 10pt;
	position: absolute;
	margin-top: 220px;
  margin-left: 200px;
}


.navtext {
    color:#000;
    font-family: 'Architects Daughter';
    font-size: 14pt;
    letter-spacing:1px;
    text-align:center;
    position:relative;
    top:30%;
}




.framedimgbackground {
    display:inline-block;
    background-image:url('../img/box_img.png');
    width: 350px;
  	height: 255px;
  	z-index:2;
  	position:absolute;
}


.framedimgbackgroundsecondary {
    display:inline-block;
    background-image:url('../img/box_img.png');
    width: 350px;
	height: 255px;
	z-index:2;
	position:absolute;
}

.framedimg {
    margin-left:30px;
    margin-top:20px;
    width:300px;
}

.deco {
    display:inline-block;
    position:absolute;
}






#home-de .textlayer .textbackground
{
    width:400px;
    height:600px;
}

#home-de .textlayer
{
    margin-left:420px;
    margin-top:200px;
}

#home-de .framedimgbackground
{
    margin-top:200px;
    margin-left:60px;
}

#home-en .textlayer .textbackground
{
    width:400px;
    height:600px;
}

#home-en .textlayer
{
    margin-left:420px;
    margin-top:200px;
}

#home-en .framedimgbackground
{
    margin-top:200px;
    margin-left:60px;
}








#company-phil-de .textlayer .textbackground
{
    width:400px;
    height:500px;
}

#company-phil-de .textlayer
{
    margin-left:80px;
    margin-top:250px;
}

#company-phil-de .framedimgbackground
{
    margin-top:200px;
    margin-left:60px;
}

#company-phil-de .textlayeraux .textbackgroundaux
{
    width:350px;
    height:330px;
}

#company-phil-de .textlayeraux
{
    width:350px;
    margin-left:590px;
    margin-top:220px;
}

#company-phil-en .textlayer .textbackground
{
    width:400px;
    height:600px;
}

#company-phil-en .textlayer
{
    margin-left:80px;
    margin-top:250px;
}

#company-phil-en .framedimgbackground
{
    margin-top:200px;
    margin-left:60px;
}

#company-phil-en .textlayeraux .textbackgroundaux
{
    width:350px;
    height:300px;
}

#company-phil-en .textlayeraux
{
    width:350px;
    margin-left:590px;
    margin-top:220px;
}




#company-team-de .textlayer .textbackground
{
    width:400px;
    height:400px;
}

#company-team-de .textlayer
{
    margin-left:460px;
    margin-top:270px;
}

#company-team-de .framedimgbackground
{
    margin-top:300px;
    margin-left:20px;
}

#company-team-en .textlayer .textbackground
{
    width:400px;
    height:400px;
}

#company-team-en .textlayer
{
    margin-left:460px;
    margin-top:270px;
}

#company-team-en .framedimgbackground
{
    margin-top:300px;
    margin-left:20px;
}





#ref-spm-de .textlayer .textbackground
{
    width:400px;
    height:1040px;
}

#ref-spm-de .textlayer
{
    margin-left:500px;
    margin-top:250px;
}

#ref-spm-de .framedimgbackground
{
    margin-top:300px;
    margin-left:60px;
}

#ref-spm-en .textlayer .textbackground
{
    width:400px;
    height:980px;
}

#ref-spm-en .textlayer
{
    margin-left:500px;
    margin-top:250px;
}

#ref-spm-en .framedimgbackground
{
    margin-top:300px;
    margin-left:60px;
}






#ref-crypt-de .textlayer .textbackground
{
    width:400px;
    height:680px;
}

#ref-crypt-de .textlayer
{
    margin-left:500px;
    margin-top:250px;
}

#ref-crypt-de .framedimgbackground
{
    margin-top:300px;
    margin-left:60px;
}

#ref-crypt-en .textlayer .textbackground
{
    width:400px;
    height:690px;
}

#ref-crypt-en .textlayer
{
    margin-left:500px;
    margin-top:250px;
}

#ref-crypt-en .framedimgbackground
{
    margin-top:300px;
    margin-left:60px;
}




#ref-pos-de .textlayer .textbackground
{
    width:400px;
    height:820px;
}

#ref-pos-de .textlayer
{
    margin-left:500px;
    margin-top:300px;
}

#ref-pos-de .framedimgbackground
{
    margin-top:300px;
    margin-left:60px;
}


#ref-pos-en .textlayer .textbackground
{
    width:400px;
    height:900px;
}

#ref-pos-en .textlayer
{
    margin-left:500px;
    margin-top:300px;
}

#ref-pos-en .framedimgbackground
{
    margin-top:300px;
    margin-left:60px;
}






#ref-dist-de .textlayer .textbackground
{
    width:400px;
    height:720px;
}

#ref-dist-de .textlayer
{
    margin-left:500px;
    margin-top:300px;
}

#ref-dist-de .framedimgbackground
{
    background-image:url('../img/box_higher_img.png');
    margin-top:300px;
    margin-left:60px;
    height: 300px;
}

#ref-dist-de .framedimgbackgroundsecondary
{
    margin-top:650px;
    margin-left:60px;
}


#ref-dist-en .textlayer .textbackground
{
    width:400px;
    height:750px;
}

#ref-dist-en .textlayer
{
    margin-left:500px;
    margin-top:300px;
}

#ref-dist-en .framedimgbackground
{
    background-image:url('../img/box_higher_img.png');
    margin-top:300px;
    margin-left:60px;
    height: 300px;
}

#ref-dist-en .framedimgbackgroundsecondary
{
    margin-top:650px;
    margin-left:60px;
}









#ref-time-de .textlayer .textbackground
{
    width:400px;
    height:400px;
}

#ref-time-de .textlayer
{
    margin-left:500px;
    margin-top:300px;
}

#ref-time-de .framedimgbackground
{
    margin-top:300px;
    margin-left:60px;
}


#ref-time-en .textlayer .textbackground
{
    width:400px;
    height:430px;
}

#ref-time-en .textlayer
{
    margin-left:500px;
    margin-top:300px;
}

#ref-time-en .framedimgbackground
{
    margin-top:300px;
    margin-left:60px;
}








#contact-de .textlayer .textbackground
{
    width:400px;
    height:300px;
}

#contact-de .textlayer
{
    margin-left:100px;
    margin-top:200px;
}


#contact-en .textlayer .textbackground
{
    width:400px;
    height:320px;
}

#contact-en .textlayer
{
    margin-left:100px;
    margin-top:200px;
}




#impressum-de .textlayer .textbackground
{
    width:400px;
    height:650px;
}

#impressum-de .textlayer
{
    margin-left:250px;
    margin-top:200px;
}


#impressum-de .textcontent
{
    font-family:'Arial',Arial,sans-serif;
}


#impressum-en .textlayer .textbackground
{
    width:400px;
    height:650px;
}

#impressum-en .textlayer
{
    margin-left:250px;
    margin-top:200px;
}


#impressum-en .textcontent
{
    font-family:'Arial',Arial,sans-serif;
}




#jobs-de .textlayer .textbackground
{
    width:600px;
    height:250px;
}

#jobs-de .textlayer
{
    width:600px;
    margin-left:100px;
    margin-top:200px;
}


#jobs-en .textlayer .textbackground
{
    width:600px;
    height:250px;
}

#jobs-en .textlayer
{
    width:600px;
    margin-left:100px;
    margin-top:200px;
}



#datenschutz-de .textlayer .textbackground
{
    width:400px;
    height:1150px;
}

#datenschutz-de .textlayer
{
    margin-left:250px;
    margin-top:200px;
}


#datenschutz-de .textcontent
{
    font-family:'Arial',Arial,sans-serif;
}