@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:100,200,300,400,500,600,700);

body { 
	background-color:#a7b3bf; 
	font-family:"PT Sans"; color: #3a3b3b; font-size: 18px; 
	background-image: url(../k/global/new2014/menuBackVerlauf.jpg); background-repeat: repeat-x; background-position: 0 top; 
	width:100%; height:100%; 
	-webkit-backface-visibility: hidden; 	/* makes font smoother on chrome in older win os versions */
	-webkit-font-smoothing: antialiased; 	/* same */
}

.mainTableBack { background-image: url(../i/all/klemmFinale2000x460.png); background-repeat:repeat-x; background-position:center top; }
.klemmLogo { margin-left:20px; margin-top:30px; }

p {}
td {}
.bulletBlue { position:absolute; margin-left:-40px; margin-top:3px; width:15px; height:15px; background-color:#4184d0; display:block; }
.bulletBlueS { position:absolute; margin-left:-10px; margin-top:3px; width:5px; height:15px; background-color:#4184d0; display:block; }

/********************************************/
/**********  TEXTS **************************/
/********************************************/

.pts13 { font-size:13px; }
.pts14 { font-size:14px; }
.pts15 { font-size:15px; }
.pts16 { font-size:16px; }
.pts17 { font-size:17px; line-height:23px; }
.osw36 { font-family:'Oswald'; font-size:36px; margin-left:18px; margin-top:0px; margin-bottom:0px; }
.oswSmall { font-family:'Oswald'; font-size:18px; }

/********************************************/
/**********  LINKS **************************/
/********************************************/

a:link { color:#30747d; text-decoration:none; }
a:visited { color:#30747d; text-decoration:none; }
a:hover { color:#005676; text-decoration:underline; }
a:active { color:#30747d; text-decoration:none; }

a.white:link { color:#fff; text-decoration:none; }
a.white:visited { color:#fff; text-decoration:none; }
a.white:hover { color:#f0f; text-decoration:underline; }
a.white:active { color:#fff; text-decoration:none; }

a.underline:link { color:#258da3; text-decoration:underline; }
a.underline:visited { color:#258da3; text-decoration:underline; }
a.underline:hover { color:#005676; text-decoration:underline; }
a.underline:active { color:#258da3; text-decoration:underline; }

a.dark:link { color:#3a3b3b; text-decoration:none; }
a.dark:visited { color:#3a3b3b; text-decoration:none; }
a.dark:hover { color:#f0f; text-decoration:underline; }
a.dark:active { color:#3a3b3b; text-decoration:none; }

a.pswdl:link { color:#4f90a6; text-decoration:none; font-weight:bold; }
a.pswdl:visited { color:#4f90a6; text-decoration:none; font-weight:bold; }
a.pswdl:hover { color:#cf4f44; text-decoration:underline; font-weight:bold; }
a.pswdl:active { color:#4f90a6; text-decoration:none; font-weight:bold; }

/********************************************/
/**********  BOXES & BORDERS ****************/
/********************************************/

.borderR { border-right:1px solid #a7b3bf; }
.borderRU { border-right:1px solid #a7b3bf; border-bottom:1px solid #a7b3bf; }
.borderRL { border-right:1px solid #a7b3bf; border-left:1px solid #a7b3bf; }
.borderRLU { border-right:1px solid #a7b3bf; border-left:1px solid #a7b3bf; border-bottom:1px solid #a7b3bf; }
.borderU { border-bottom:1px solid #a7b3bf; }

.headerBlueBox { width:368px; height:50px; line-height:50px; font-size:16px; font-weight:bold; background-image: url(../motu/iMotu/btnBackBlue.png); text-indent:20px; }
.headerTransBox { width:368px; background-image: url(../motu/iMotu/headerLayerBack.png); border:1px solid #6e7378; }
.headerGreenBox { width:368px; height:50px; line-height:50px; font-size:16px; font-weight:bold; background-image: url(../motu/iMotu/btnBackGreen.png); text-indent:20px; }

/********************************************/
/**********  BUTTONS ************************/
/********************************************/

/* Define width and margins inline **********/

a.btnDark:link { font-family:Oswald; color:#a9a9a9; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackDark.png); display:block; }
a.btnDark:visited { color:#a9a9a9; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackDark.png); display:block; }
a.btnDark:hover { color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackGreen.png); display:block; }
a.btnDark:active { color:#a9a9a9; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackDark.png); display:block; }

a.btnLite:link { font-family:'Oswald'; color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackLite.png); display:block; }
a.btnLite:visited { color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackLite.png); display:block; }
a.btnLite:hover { color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackGreen.png); display:block; }
a.btnLite:active { color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackLite.png); display:block; }

a.btnActive:link { font-family:'Oswald'; color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackBlue.png); display:block; }
a.btnActive:visited { color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; display:block; }
a.btnActive:hover { color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; display:block; }
a.btnActive:active { color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; display:block; }

a.btnGreen:link { font-family:'Oswald'; color:#fff; text-decoration:none; font-size:18px; text-align:right; height:38px; line-height:38px; padding-right:10px; background-image: url(../motu/iMotu/btnBackGreen.png); display:block; }
a.btnGreen:visited { color:#fff; text-decoration:none; font-size:18px; text-align:center; text-align:right; height:38px; line-height:38px; padding-right:10px; background-image: url(../motu/iMotu/btnBackGreen.png); display:block; }
a.btnGreen:hover { color:#fff; text-decoration:none; font-size:18px; text-align:center; text-align:right; height:38px; line-height:38px; padding-right:10px; background-image: url(../motu/iMotu/btnBackBlue.png); display:block; }
a.btnGreen:active { color:#fff; text-decoration:none; font-size:18px; text-align:center; text-align:right; height:38px; line-height:38px; padding-right:10px; background-image: url(../motu/iMotu/btnBackGreen.png); display:block; }

a.btnColor:link { font-family:'Oswald'; color:#fff; text-decoration:none; font-size:18px; text-align:right; height:38px; line-height:38px; padding-right:10px; display:block; }
a.btnColor:visited { color:#fff; text-decoration:none; font-size:18px; text-align:center; text-align:right; height:38px; line-height:38px; padding-right:10px; display:block; }
a.btnColor:hover { color:#fff; text-decoration:none; font-size:18px; text-align:center; text-align:right; height:38px; line-height:38px; padding-right:10px; background-image: url(../motu/iMotu/btnBackDark.png); display:block; }
a.btnColor:active { color:#fff; text-decoration:none; font-size:18px; text-align:center; text-align:right; height:38px; line-height:38px; padding-right:10px; display:block; }

.noBtnActive { font-family:'Oswald'; color:#fff; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackBlue.png);}
.noBtnDark { font-family:'Oswald'; color:#a9a9a9; text-decoration:none; font-size:15px; text-align:center; height:38px; line-height:38px; background-image: url(../motu/iMotu/btnBackDark.png);}


/********************************************/
/**********  KLEMM MAIN POPUP MENU **********/
/********************************************/

.klemmMenuBack { 
	background-image: -webkit-linear-gradient(#909090 0%, #343434 100%); 
	background-image: -moz-linear-gradient(#909090 0%, #343434 100%); 
	background-image: -o-linear-gradient(#909090 0%, #343434 100%); 
	background-image: linear-gradient(#909090 0%, #343434 100%);
	background-color: none;
}

a.klemmNav:link { 
	font-family:Arial;
	color:#e2e2e2;
	font-size:12px;
	line-height:40px;
	height:40px;
	float:left;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	border-right:1px solid #606060;
	background-image: -webkit-linear-gradient(#909090 0%, #343434 100%); 
	background-image: -moz-linear-gradient(#909090 0%, #343434 100%); 
	background-image: -o-linear-gradient(#909090 0%, #343434 100%); 
	background-image: linear-gradient(#909090 0%, #343434 100%);
	background-color: none;
	display:block;	
}
a.klemmNav:visited {
	font-family:Arial;
	color:#e2e2e2;
	font-size:12px;
	line-height:40px;
	height:40px;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	border-right:1px solid #606060;
	background-image: -webkit-linear-gradient(#909090 0%, #343434 100%); 
	background-image: -moz-linear-gradient(#909090 0%, #343434 100%); 
	background-image: -o-linear-gradient(#909090 0%, #343434 100%); 
	background-image: linear-gradient(#909090 0%, #343434 100%);
	background-color: none;
	float:left;
	display:block;	
}
a.klemmNav:hover {
	font-family:Arial;
	color:#fff;
	font-size:12px;
	line-height:40px;
	height:40px;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	border-right:1px solid #606060;
	background-image:none; 
	background-color: #fec11d;
	float:left;
	display:block;	
}
a.klemmNav:active {
	font-family:Arial;
	color:#e2e2e2;
	font-size:12px;
	line-height:40px;
	height:40px;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	border-right:1px solid #606060;
	background-image: -webkit-linear-gradient(#909090 0%, #343434 100%); 
	background-image: -moz-linear-gradient(#909090 0%, #343434 100%); 
	background-image: -o-linear-gradient(#909090 0%, #343434 100%); 
	background-image: linear-gradient(#909090 0%, #343434 100%);
	background-color: none;
	float:left;
	display:block;		
}

a.klemmNavPA:link { 
	font-family:Arial;
	color:#fff;
	font-size:12px;
	line-height:40px;
	height:40px;
	float:left;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	border-right:1px solid #606060;
	background-image: -webkit-linear-gradient(#ad1021 0%, #c81528 100%);  
	background-image: -moz-linear-gradient(#ad1021 0%, #c81528 100%); 
	background-image: -o-linear-gradient(#ad1021 0%, #c81528 100%); 
	background-image: linear-gradient(#ad1021 0%, #c81528 100%); 
	background-color: none;
	display:block;	
}
a.klemmNavPA:visited {
	font-family:Arial;
	color:#fff;
	font-size:12px;
	line-height:40px;
	height:40px;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	border-right:1px solid #606060;
	background-image: -webkit-linear-gradient(#ad1021 0%, #c81528 100%);  
	background-image: -moz-linear-gradient(#ad1021 0%, #c81528 100%); 
	background-image: -o-linear-gradient(#ad1021 0%, #c81528 100%); 
	background-image: linear-gradient(#ad1021 0%, #c81528 100%); 
	background-color: none;
	float:left;
	display:block;	
}
a.klemmNavPA:hover {
	font-family:Arial;
	color:#fff;
	font-size:12px;
	line-height:40px;
	height:40px;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	border-right:1px solid #606060;
	background-image:none; 
	background-color: #fec11d;
	float:left;
	display:block;	
}
a.klemmNavPA:active {
	font-family:Arial;
	color:#fff;
	font-size:12px;
	line-height:40px;
	height:40px;

	text-decoration:none;
	padding:0px 20px 0px 20px;
	border-right:1px solid #606060;
	background-image: -webkit-linear-gradient(#ad1021 0%, #c81528 100%);  
	background-image: -moz-linear-gradient(#ad1021 0%, #c81528 100%); 
	background-image: -o-linear-gradient(#ad1021 0%, #c81528 100%); 
	background-image: linear-gradient(#ad1021 0%, #c81528 100%); 
	background-color: none;
	float:left;
	display:block;		
}

a.klemmMenu:link { 
	color:#fff; 
	font-size:13px;
	text-decoration:none; 
	width:179px;
	height:16px;
	line-height:16px;
	text-indent:14px;
	border-left:2px solid #4fa3c7;
	border-bottom:1px solid #666;
	margin-bottom:6px;
	display:block;
}
a.klemmMenu:visited { 
	color:#fff; 
	border-left:2px solid #4fa3c7;	
	border-bottom:1px solid #666;	
	text-decoration:none; }
a.klemmMenu:hover { 
	color:#fec11d;
	border-left:2px solid #fec11d;	
	border-bottom:1px solid #666;	
	text-decoration:none;
}
a.klemmMenu:active { 
	color:#fff; 
	border-left:2px solid #4fa3c7;	
	border-bottom:1px solid #666;	
	text-decoration:none; 
}



a.klemmMenuBtn:link { 
	font-family:'Oswald';
	color:#e2e2e2; 
	font-size:13px;
	text-decoration:none; 
	width:127px;
	height:35px;
	line-height:36px;
	margin-top:5px;
	margin-left:1px;
	background-color:#404040;
	text-align:center;
	display:block;
}
a.klemmMenuBtn:visited {
	background-color:#404040;
}
a.klemmMenuBtn:hover { 
	background-color:#4fa3c7;
}
a.klemmMenuBtn:active { 
	background-color:#404040;
}	

.klemmMenuTitle { 
	font-family:'Oswald';
	color:#e2e2e2; 
	font-size:13px;
	width:179px;
	height:25px;
	line-height:25px;
	text-indent:5px;
	background-color:#3a3b3b;
	border-bottom:0px solid #666;
	margin-bottom:10px;
	display:block;
}