/* RESPONSIVE GRID SYSTEM =============================================================================  */

@charset 'UTF-8';

@font-face {
    font-family: 'fomonlgt-webfont';
    src: url('../../webfont/fomonlgt.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fomonexb-webfont';
    src: url('../../webfont/fomonexb.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fomonreg-webfont';
    src: url('../../webfont/fomonreg.otf') format("opentype");
    font-weight:300;
    font-style: normal;
}



			

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
* {margin:0;}


/* BASIC PAGE SETUP ============================================================================= */



body 
{
    margin: 0;
    padding: 0;
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #000000;
    text-align: left;
    text-shadow: none;
    background-color: #ffffff;

}

.bgimg 
{
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
}

.claim
{
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: x-small;
}
.ddl
{
    padding: 3px;
    background-image: url('../../img/icons/igdd_DropDownButtonPressed.png');
    background-position: right center;
    background-repeat: no-repeat;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    
}

.label
{
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 7pt;
    letter-spacing: 0em;
    color: #FFFFFF;
    
}    
.impressum
{
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 7pt;
    color: #ffffff;
    letter-spacing: 0.5em;
}



/*  HEADINGS  ============================================================================= */


h1
{
    font-family: 'WebFont' , fomonreb-webfont, sans-serif;
    color: #000000;
    font-size: 2em;
    line-height: 1.4;
    text-shadow: none;
}


h2 {
font-family: 'WebFont', fomonlgt-webfont, sans-serif;
color: #0098a7;
margin-top : 0em;
font-size : 18pt;
line-height : 1.2;
text-shadow: none;
}

h3  
{
font-family: 'WebFont', fomonreg-webfont, sans-serif;
color: #000000;
margin-bottom : 0em;
letter-spacing: 0px;
font-size : large;
line-height : 1.3; 
}


h4  
{
font-family: 'WebFont', fomonlgt-webfont, sans-serif;
color: #000;
margin-bottom : 0em;
font-size : 1.50em;
font-weight: 100;
line-height : 1.50; 
}

footer h4 {
font-family: 'WebFont', fomonreg-webfont, sans-serif;font-size: 11pt; line-height: 1.4em;  
color: #ccc;
	}

h5
{
    font-family: WebFont, fomonlgt-webfont, sans-serif;
    color: #000;
    font-size: 2em; /* 20 / 16 */
    line-height : 1.2;
    font-weight: 100;
}


h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }

radio
	{
		font-family: 'WebFont', fomonreg-webfont, sans-serif; font-size:14px; 
		line-height: 1.4em;
	}

.textbox 
	{
		font-family: 'WebFont', fomonreg-webfont, sans-serif; font-size:16px; 
		line-height: 1.4em;
		height: 40px;
	}
	
.button
{
    padding: 20px;
    background-color: #04b3c7;
    transition: background-color 1.5s;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    display: inline-block;
    color: #ffffff;
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;

    text-decoration: none;
    text-align: center;
    text-shadow: 0px 0px 0px #0099aa;
}
.button:hover 
{
    background-color:#8ddee4;
	transition: background-color 1.5s;
	color:#ffffff;
	
}.button:active {
	position:relative;
	top:0px;
}

/*	--------------------------------------------------
	SHORTCUT BUTTONS
	-------------------------------------------------- */
.shortcut_dms
{
    background-color: #33CCCC;
    transition: background-color 1.5s;
    text-indent: 0;
    display: block;
    color: #ffffff;
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 20px;
    height: 80px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 50px;
}
.shortcut_dms:hover 
{
    background-color:#8ddee4;
	transition: background-color 1.5s;
	color:#000000;
}	


.shortcut_mailmanagement
{
    background-color: #ff9e40;
    transition: background-color 1.5s;
    text-indent: 0;
    display: block;
    color: #ffffff;
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 18px;
    height: 100px;
    text-decoration: none;
    height:100%;
	line-height:60px;
	text-align: center;
}
.shortcut_mailmanagement:hover 
{
    background-color:#ffddbb;
	transition: background-color 1.5s;
	color:#000000;
}	

.shortcut_archiving
{
    background-color: #d20560;
    transition: background-color 1.5s;
    text-indent: 0;
    display: block;
    color: #ffffff;
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 18px;
    height: 100px;
    text-decoration: none;
    height:100%;
	line-height:60px;
	text-align: center;
}
.shortcut_archiving:hover 
{
    background-color:#f58fbc;
	transition: background-color 1.5s;
	color:#000000;
}	

/*	--------------------------------------------------
	Reveal Modals - DIALOG BOX
	
		
	.reveal-modal-bg
{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0px;
}
	
	.reveal-modal
{
    visibility: hidden;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    background: #eee url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
-------------------------------------------------- */
	
/*!
 * WittySparks - (c) Sravan Kumar, freely distributable, can modify as per your needs.
 * WittySparks.com.com
 */

/* webkit */

::-webkit-input-placeholder {
   color: #009999;
}

:-moz-placeholder { /* Firefox 18- */
   color: #009999;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #009999;  
}

:-ms-input-placeholder {  
   color: #009999;
} 

input[type='radio'], input[type='checkbox']{opacity:0;position:absolute;filter:alpha(opacity=0);margin:0px 0 0 0px}
input[type='radio']:focus+label, input[type="checkbox"]:focus+label{color:#000}
input[type="checkbox"]+label, input[type="radio"]+label{background:url('../../img/icons/wittysparks_checkbox_radio.png') left top no-repeat;position: relative;margin:0;padding:0 0 0 50px;cursor:pointer;line-height:23px;min-height:23px;display:inline-block;z-index:0;font-size:16px;font-weight:normal}
input[type="checkbox"]+label{background-position:0 0}
input[type="radio"]+label{background-position:0 -210px}
input[type='checkbox']:checked+label{background-position:0 -110px}
input[type='radio']:checked+label{background-position:0 -310px}
input[type='checkbox']:disabled+label{background-position:0 -410px;color:#000}
input[type='radio']:disabled+label{background-position:0 -610px;color:#000} 
input[type='checkbox']:disabled:checked+label{background-position:0 -510px;color:#000}
input[type='radio']:disabled:checked+label{background-position:0 -710px;color:#000}
input[type='dropdownlist']:disabled:checked+label{background-position:0 -210;color:#000}


.textbox
{
    border: solid 0px #009999;
    outline: none;
    padding: 5px 5px 5px 10px;
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 14px;
    background-color: WhiteSmoke;
} 


.hs_border
{
    border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
    border: 1px solid #000000;
    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
}

.hs_box
{

    font-family: 'WebFont' , fomonreg-webfont, sans-serif;
    font-size: 14px;
    line-height: 1.8em;
}


/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 0em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;   }





/* LINKS =============================================================================  */


a  
{
font-family: 'WebFont', fomonlgt-webfont, sans-serif;font-size: 11pt; line-height: 1.4em; 	
letter-spacing: 0.0em;
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
outline : none; 
}

a:visited { 
color : #ffffff; 
outline : none; }

a:focus { 
color :#ffffff;
outline : none; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0;
color : #ffffff;}



    

footer a  
{
font-family: 'WebFont', fomonreg-webfont, sans-serif;font-size: 10pt; line-height: 1.6em; 
color : #b1b3b4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
letter-spacing: 0.0em;
}

footer a:visited { 
color : #b1b3b4; }

footer a:hover, 
footer a:active { 
outline : 0;
color : #0098a7;
}

header a { 
color : #636363;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


header a:visited { 
color : #fff; }

header a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

header a:hover, 
header a:active { 
outline : 0;
color : #009595;
}


/* TOOLTIP =============================================================================  */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-160px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#333 repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #dfdfdf;
    /*opacity: 0.8;*/
}

/*  Responsive YouTUBE Videos einbetten */

.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}
.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*  MAIN LAYOUT	============================================================================= */



#wrapper
{
    width: 100%;
    position: relative;
    text-align: left;
    background-color: #ffffff;
    top: 0px;
}


    #menucontainer
{
    width: 100%;
    background-color: #ffffff;
    
}
   
        
	menuframe
{
    clear: both;
    width: 1280px; /* 1000px / 1250px */
    font-size: 0.8125em; /* 13 / 16 */
    max-width: 100%; /* 1200px / 13 */
    
    position: relative;
    color: #000;
    text-align: left;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    }
	
	
	#headcontainer {
		width: 100%;
		background-color:#ffffff;
		
		
	}

	head
{
    clear: both;
    width: 100%; /* 1000px / 1250px */
    font-size: 0.8125em; /* 13 / 16 */
    max-width: 100%; /* 1200px / 13 */
    margin-top: n: relative;
    co0px 0px 0px 0px;
    position: relative;
    color: #000;
    text-align: center;

    
}
 
   

#maincontentcontainer
{
    width: 100%;
    position: relative;
    background-color: #ffffff;
}

		.standardcontainer {
			
		}
		
		.darkcontainer {
			background: green;
		}

		.lightcontainer {
			background: green;
		}
		
#maincontent
{
    clear: both;
    width: 100%; /* 1000px / 1250px */
    font-size: 1em; /* 13 / 16 */
    max-width: 1280px; /* 1200px / 13 */
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    color: black;
    line-height: 1.5em;
    position: relative;
    text-align: center;

}
			

			
			

	#footercontainer {
		width: 100%;	
		border-top: 0px solid #000;
		background: #222 url(/images/footerback.png) left top;
	}
	
		footer {
			clear: both;
			width: 100%; /* 1000px / 1250px */
			font-size: 14px; /* 13 / 16 */
			max-width: 1280px; /* 1200px / 13 */
			margin: 0px auto;
			padding: 0px 0px 0px 0px;
			color: #000000;
		}
		
		

		footer strong {
			font-size: 1.05em; /* 14 / 13 */
			color: #aaa;
		}	
		
		
	#impressumcontainer
{
    width: 100%;
    border-top: 0px solid;
    background: black;

}