@charset "UTF-8";

/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | Ulrich Selke
##                                                                          
##        SCHEME:      __selke__scheme__                                                
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }


@font-face { font-family: 'SourceSans';
	     src: url('../fonts/source-sans-pro/SourceSansPro-Light.eot');
	     src: url('../fonts/source-sans-pro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/source-sans-pro/SourceSansPro-Light.ttf.woff') format('woff'),
	          url('../fonts/source-sans-pro/SourceSansPro-Light.ttf') format('truetype');

	     /*     url('../fonts/source-sans-pro/SourceSansPro-Light.svg#webfont') format('svg'); */
           }

@font-face { font-family: 'SourceSansRegular';
	     src: url('../fonts/source-sans-pro/SourceSansPro-Regular.eot');
	     src: url('../fonts/source-sans-pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/source-sans-pro/SourceSansPro-Regular.ttf.woff') format('woff'),
	          url('../fonts/source-sans-pro/SourceSansPro-Regular.ttf') format('truetype');

	     /*     url('../xfonts/source-sans-pro/SourceSansPro-Regular.svg#webfont') format('svg'); */
           }


html       { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; 
             background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
             background-size: cover;
           }

body       { text-align: center; font-family: SourceSans; font-size: 17px; color: #666; margin: auto; }

img        { border:0px; max-width:100%; } 

.scrollup 
{ 
	background: #1d3668 url('../icons/arr_up.png') no-repeat;
	background-size: 35px 35px;
	background-position: 3px 2px;
	bottom: 20px;
	display: none;
	height: 41px;
	position: fixed;
	right: 20px;
	text-indent: -9999px;
	width: 41px;
	z-index: 999;
        border-radius:4px;
}


/*
## -----------------------------------------------------------------------------
##
##  GENERAL ELEMENT/FORM CLASSES
##                                             
*/


form         { height:100%; }
input        { font-size:0.938em; border: 1px solid #ddd; padding:5px; color:#555; margin-top:5px; }
textarea     { font-size:0.938em; border: 1px solid #ddd; padding:3px; color:#555; margin-top:5px; }
.noborder    { border:0px; }
.sndbutton   { font-size:0.938em; border:0px; background: #076633; color: #fff; width:120px; height:46px; font-weight:bold; }
.formspacer  { clear:both; padding:1%; }

.osndButton  { display:block; font-size:0.938em; border:0px; background: #076633; color: #fff; height:26px; padding: 14px 10px 6px 10px; font-weight:bold; }
a.osndButton { text-decoration:none; color:#fff; }

#emailError  { background: #aa0000; padding:2%; color:#fff; }
#emailOk     { background: #2fac66; padding:2%; color:#fff; }



/*
## -----------------------------------------------------------------------------
##
##  NORMAL SITE STYLES
##
##
*/


#horizon     { clear:both; width:100%; margin:0 auto; }
#headline    { width:100%; height:177px; margin:0 auto; background: #fff;}
#headarea    { width:984px; height:110px; padding:0 0 22px 0; margin:0 auto; background: #fff; text-align:right; }

#logo        { float: left; padding-top: 30px; }
#logoxy      { width: 194px; height:87px; }

#menuarea       { float:left; width: 626px; }
#menuarea:after { clear:both; }

.tshadow     { position:relative; z-index:5; top:-253px; display:block; width:100%; height:49px; background: url('../icons/tshadow.png') no-repeat; background-position:center;} 


/*
## -----------------------------------------------------------------------------
##
##  SITE MENU STYLES
##
##
*/


nav        { display:block; float:left; position:relative; z-index:15; right:0px; top:28px; width:626px; height:48px; }

#infonav   { float:left; display:block; padding: 0; margin: 0 0 0 368px;  width: 422px; height:31px; text-align:left; font-size:19px; color: #fff; background: transparent url('../icons/infobar.png') 74px 0 no-repeat; }
#infonav a { color:#fff; font-size:15px; }

.deimg     { position:relative; top:6px; left:0px; }
.ukimg     { position:relative; top:6px; left:2px; }

.coimg     { position:relative; top:2px; left:50px; }
.colink    { position:relative; top:0px; left:50px; }
.ioimg     { position:relative; top:2px; left:60px; }
.iolink    { position:relative; top:0px; left:60px; }

#menuNav > ul{	width: 626px; /* Increase when adding more menu items */
	        margin:0 auto;
          }
 
#menuNav > ul > li{ /* will style only the top level li */
	list-style: none;

	display: inline-block;
	line-height: 1;
	margin: 1px 15px 1px 5px;
	border-radius: 3px;
	position:relative;


        
}

#menuNav > ul > li:before {
    font-size:38px;
    position:relative;
    top:8px;
    left:2px;
    content: '';
    color: #c9d7f0; /* or whatever color you prefer */
}

#menuNav > ul > li:hover:before {
    font-size:38px;
    position:relative;
    /*top:8px;
    left:2px; */
    content: "";

    /*background:#c39220;*/

border-bottom: 5px solid #340033;

    color: #49bdc7; /* or whatever color you prefer */
}


#menuNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:22px;
	padding: 0 5px 0 5px;
        font-family: SourceSans;
        font-weight:normal;
        color: #555;
}

#menuNav > ul > li > a.active {
	color:inherit;
	text-decoration:none !important;
	font-size:22px;
	padding: 0 5px 10px 5px;
        font-family: SourceSans;
        font-weight:normal;
        color: #008e5b;
        border-bottom: 4px solid #008e5b;
}


#menuNav > ul > li > a:hover{
	color:inherit;
        font-family: SourceSans;
	text-decoration:none !important;
	font-size:22px;
	padding: 0 5px 10px 5px;
        font-family: SourceSans;
        font-weight:normal;
        color: #008e5b;
        border-bottom: 4px solid #008e5b;
}






#menuNav li ul{ position:absolute; list-style:none; text-align:left; width:240px; left:50%; margin-left:-90px; top:64px; font-family: SourceSansRegular; font-size:16px; border-radius:5px; box-shadow: 0px 0px 22px rgba(106,106,106,0.5);



	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;

}

#menuNav li ul:before { content: ""; }



#menuNav li ul li{
	/*background-color:#313131;*/

        background-color: #fff;
        border-bottom:1px solid #e4e4ea;

}

#menuNav li ul li:last-child {

        border-bottom: none; /*1px solid #fff;*/
}


#menuNav li ul li a{
        margin:0 20px;
	padding:14px 0 14px 0;
	color:#314179 !important;
	text-decoration:none !important;
	display:block;
}



#menuNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#fff;
        border-bottom:1px solid #e4e4ea;
}

#menuNav li ul li:hover{ background-color: #49bdc7; }

#menuNav li ul li:first-child{
	border-radius:5px 5px 0 0;
	margin-top:0px;
	position:relative;
}

#menuNav li ul li:first-child:before{ /* the pointer tip */

	content:'';

/*
position:absolute;
width:10px;
heigth:10px;
background:#ccc;*/

        /*
         position:absolute;
         top:-10px;
         z-index:999;
	 width:9px;
	 height:15px;
	 border:15px solid #333; 
	 border-bottom-color:#333;
         left:25px;
	 top:-25px; 
         margin-left:-5px; 
        */

        /*display:none; */
}

#menuNav li ul li:last-child{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#menuNav .tip { background:#ccc; }

/* This will trigger the CSS */
/* transition animation on hover */

#menuNav li:hover ul{ max-height:300px; } /* Increase when adding more dropdown items */


/*
## -----------------------------------------------------------------------------
##
##  MAIN NAVIGATION MOBILE MENU
##                                             
*/


#mobilebox { position:absolute; z-index:99; top:0px; right:0px; width:100%; text-align:right; margin:37px 0 0 0; padding-right:2%; /*background:#c3acf4;*/ }
.mobilebutton   { background: #1d3668; padding:10px; border-radius:4px; }
.mobileimg    { position:relative; top:10px; }

#mobilemenu      { display:none; font-size:18px; position:relative; z-index:10; width:100%; height:auto; background:#1d3668; left:0px; top:-2px; color:#fff;  }
#mobilemenu a    { width:90%; padding:4%; display:block; color: #fff; text-align:center; border-bottom:1px solid #fff; }
#mobilemenu .sep { display:block; background:#0c1d3f; color:#fff; padding:4%; }



/*
## -----------------------------------------------------------------------------
##
##  BUTTONS / GLOBAL LINKS
##                                             
*/

a            { color: #0573b9; font-family: SourceSans; text-decoration:none; }
.abutton     { height: 51px; font-family: SourceSansRegular; font-size: 20px; text-align: left; background: linear-gradient(0deg, #ffcc00, #ffe371); color: #5e4d03; padding: 12px 14px 12px 15px; border-radius: 3px; box-shadow: 0px 0px 5px 1px #aaa; text-decoration: none; }
.abuttonspan { display:inline; position:relative; width: 37px; height: 2001px; z-index:205; top: -12px; left: 15px; border-radius: 0 5px 5px 0; line-height: 51px; padding: 0px 0px 24px 37px; background: #ffc111 url('icons/arr_button_right.png') 0px 2px no-repeat; }


a.std { color: #1d3668; font-family: SourceSans; text-decoration:none; }
a.std:after { content: ""; }



/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/


#imgContainer { display:block; width:100%; height:248px; background: #2b623c url('../icons/imgConBG.jpg') no-repeat; background-position:center; margin:0 auto; text-align:center; border-bottom: 5px solid #b2b2b2; }

section      { }

.full      { width:100%; display:block; margin-top:-49px; }
.fullbo    { width:98%; border:3px solid #4265ae; display:block; }

.contentgrey     { clear:both; width:984px; display:block; margin:0 auto; text-align:left; padding:30px 0px 30px 0px; background: #f3f3f3; color:#666; }
.content         { clear:both; width:984px; display:block; margin:0 auto; text-align:left; padding:30px 0px 80px 0px; background: transparent; color:#666; }


.contentFull     { clear:both; width:980px; display:block; margin:0 auto; text-align:left; background: rgba(255,255,255,.94); color:#555; }
.contentHome     { clear:both; width:900px; display:block; margin:200px auto 0 auto; text-align:left; padding:40px; background: rgba(255,255,255,.94); }


.contentGold21   { float:left; width:580px; padding: 0 0 0 0; }
.contentGold12   { float:left; width:354px; margin-left:50px; height:auto; padding: 30px 0 0 0; text-align:center; }

.contentGoldRev12 { float:left; width:260px; margin-right:40px; text-align:center;}
.contentGoldRev21 { float:left; padding-top:80px; width:560px; text-align:center; }

.imgDesc p       { display:block; font-family: SourceSans; font-size: 0.875em; line-height:1.500em; margin-top:25px; text-align:center; }
.imgDesc strong  { font-family: SourceSansRegular; font-size:1.125em; line-height:1.500em; font-weight: normal; }

.imgBar          { margin: 25px 0 25px 0; }

#bread           { width:100%; font-size:15px; font-family: SourceSans; color: #888; text-align:center; }
#breadcon        { width:964px; background:url('../icons/icon_home.jpg') 0 9px no-repeat; padding:7px 0 0 20px; border-top: 1px solid #d9dfe2; margin:9px auto 9px auto; text-align:left; }
.breadarr        { width:16px; height:14px; display:inline-block; background:url('../icons/icon_arr.jpg') -4px 1px no-repeat; }

section ul       { padding:0 0 25px 15px; line-height:1.4em; list-style-type:none; margin: 25px 0 0 0; }
section li       { padding-left:44px; margin:0 0 20px 0px; font-size:1.000em; background-image: url('../icons/favicon.png'); background-repeat:no-repeat; background-position: 0 6px; }
section .infobar { position:absolute; z-index:999; top:350px; left:50%; margin-left:-654px;  padding:8px 10px 8px 15px; width:267px; height:20px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); background: #4265ae; color: #fff; }
.services        { background-image: url('../icons/large_arrow.png'); }


#infoblock       { float:right; width:34.26530612244898%; padding: 5% 4% 4% 0%; }

.blueBox         { width:298px; font-size:18px; background: #1d3668; border-right:16px solid #2b623c; padding:20px; text-align:left; color:#fff; }
.blueBox h3      { font-family: SourceSans; font-size: 1.250em; color: #ffffff;  margin-top:0px; font-weight:normal; }
.blueBox a       { color:#fff; }



article { }

h1 { font-family: SourceSans;
     font-size: 1.500em;
     font-weight:normal;
     color: #142649;
     margin-bottom:25px;
   }

h2 { font-family: SourceSans;
     font-size: 1.500em;
     color: #142649;
     font-weight:normal;
     margin:40px 0 25px 0;
   }

h3 { font-family: SourceSans;
     font-size: 1.250em;
     color: #142649;
     font-weight:normal;
     margin-top:35px;
   }

h4 { font-family: SourceSans;
     font-weight:bold;
     margin-top:15px;
   }



/*
p  { font-family: SourceSans; font-size: 1.000em; line-height:1.4em; margin-top:25px; text-align:justify;
   }
*/

p  { text-align:left; letter-spacing: 0px; margin-top:10px; line-height:1.4em; }

/*
## -----------------------------------------------------------------------------
##
##  IMAGE HOVER FX
##                                             
*/


.imghover { position: relative; padding: 0; width:100%; display:block; cursor:default;  }
.imgtext  { position: absolute; 
            display:table-cell; 
            width: 100%;
            height: 100%;
         
            color:#fff; 
            background-color:rgba(29,54,104,0.75);
    
            text-align: center; 

            z-index: 10;
	    opacity: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }

.imgtext:hover { opacity:1; }
.hovertext     { display:flex; align-items: center; justify-content: center; width:100%; height:100%; line-height:1.4em; vertical-align:middle; }
img            { z-index:1;  }


/*
## -----------------------------------------------------------------------------
##
##  COLS
##                                             
*/


.col100 { }
.col50  { float:left; margin:40px 0 40px 0; display:block; width:48%; }
.col33  { float:left; margin:5px 0 25px 0; display:block; width:31.33333333333%; }


.space50 { float:left; display:block; margin-right:4%; }
.space33 { float:left; display:block; margin-right:3%; }

.colShadow { box-shadow: 0px 0px 22px rgba(77,77,77,0.5); }


/******************************************************************************/
/*                                                                            */
/* MODULE STYLES                                                              */
/*                                                                            */
/******************************************************************************/


.module    { display:block; padding: 14px 14px 14px 14px; background: #f5f5f5; /*#2fac66;*/ /*#f5f5f5;*/ /*#f5f5f5;*/  color:#444; margin:-17px 0px 0px 0px; text-align:center; }
.module h3 { margin:4px 0 0 64px; text-align:left; color: #666; /*#666;*/ }
.module p  { margin-top:16px; text-align:center; color: #666;}


/*
## -----------------------------------------------------------------------------
##
##  Footer - Styles
##                                             
*/


footer    { width:100%; position:relative;  background:#ededed; font-size:1.0em; }

footer h3 { font-family: SourceSansRegular; font-size: 1.125em; color: #1d3668; margin:0 0 20px 0; padding: 0; background: url('../icons/favicon.png') 76px 8px no-repeat; }

#footbar { position:relative; z-index:1; width:984px; margin:0 auto; padding:40px 0 20px 0; text-align:left; color: #555555; }

.block01 { float:left; width:290px; }
.block02 { float:left; width:290px; margin-right:50px;}
.block03 { float:left; width:177px; }
.block04 { float:left; width:177px; }

.imXing     { position:relative; top:32px; }
.imLinkedIn { position:relative; top:48px; }

.infoline2   { width:100%; background: transparent; color: #c9d7f0; }
.infoInner2  { margin:0 auto; width:984px; padding:0 0 0 0; height:14px; font-size: 0.875em; text-align:left; color: #555; }

#footbar a { color: #1d3668; }

.bshadow     { position:relative; z-index:5; top:-203px; display:block; width:100%; height:49px; background: url('../icons/bshadow.png') no-repeat; background-position:center;} 


footer ul  { float:right; margin-top:0px; padding-left:15px; list-style-type:none; line-height:1.4em; display:inline;  }
footer li  { display:inline; padding-left:20px; font-size:1.000em; color:#444; background: url('icons/listFoot.png') 3px 5px no-repeat; }

footer a   { text-decoration:none; color: #1d3668; }



/*
## -----------------------------------------------------------------------------
##
##  Special Footers Styles Startseite
##                                             
*/


/*
#startfooter   { width:980px; padding:20px 0 15px 0; text-align:left; margin:0 auto; }
#startfooter a { text-decoration:none; color: #076633; }

.stlogo { float:left; width:150px; }
.stlogo img { width:120px; }
.stcon  { float:left; width:600px; padding-top:18px; }
.stimp  { float:left; width:230px; text-align:right; margin-top:36px; }

#slimfooter { display:block; width:100%; height:5px; background: #046ab3; } 
*/


/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
    .clear        { clear:both; }
    .group:after  { content: ""; display: table; clear: both; }