/*=====================================================================
 *
 * Filename: style.css
 * Website: www.mopay.com
 * Author: Markus Bäck
 * Author URI: http://www.just4freaks.de
 * Media: Screen, Projection
 * Dependencies: none
 * Usage Example: none
 * Version: 1.0, 28/04/2010
 *
 * Description: -
 *
 *=====================================================================*/

/* TYPO3 */
@import url("typo3/extension.css");

@media screen, projection {
	
	.npb {padding-bottom:0!important}
	
	/* HR */
	.hr hr {display:none}
	.hr {background: url('../images/hr.jpg') repeat-x;height:1px;overflow:hidden;margin:10px 0 15px}
	
	div.trenner {background: url('../images/hr.jpg') repeat-x;height:1px;overflow:hidden;margin:10px 0 15px}
	
	/*.boxes-inner h4 {padding:0}*/
	/*.large .boxes-inner,.large .boxes-inner p {line-height:16px}*/
	
	.teaser_highlight {display:none}
	.csc-textpic-text p {padding-bottom:0!important}
	#accordion p  {padding-bottom:0}
	
	/* CONTACT FORM */
	form {display:inline}
  form label {cursor:pointer}
  fieldset {border:none;margin:0;padding:0}
  input,select,textarea,button {font-size:100%;font-family:inherit;color:#4f4a4a}
  textarea {line-height:1.25}
  button {cursor:pointer;width:auto;overflow:visible}	
	
		/* CLASS FORM */
		.form ol,.form ul {list-style-type:none;margin:0;padding:0} /* reset */
		.form ol li,.form ul li {margin:0 0 4px 0;padding:0;background:none;list-style-position:outside} /* reset */			
		.form label{float:left;width:120px}	
		.form select{width:206px}
		.form .wauto {width:auto}		
		.form input{width:200px;padding:2px;background:#fff;border:1px solid #ccc}
		.form textarea{width:320px;height:120px;background:#fff;border:1px solid #ccc;padding:2px}
		.form input.checkbox {width:auto;margin:0;padding:0;border:none}
		.form input.radio {width:auto;margin:0;padding:0;border:none}
		.form input.submit {width:auto;margin:0 0 0 120px;padding:2px 8px;overflow:visible/*ie6*/}
		.form button {background:#fff;border:1px solid #ccc;padding:2px 8px;margin:0;line-height:normal/*ie6*/}	
		.form em {color:red}
		.form .ml {margin-left:120px}
		.error {color:red}
		.form table td {padding:0;margin:0;vertical-align:top;line-height:1.1}
		.form table td label {color:#000}
		
		.tx-thmailformplus-pi1 textarea {width:398px}
		
	#lang {padding-top:16px;height:30px!important}
	#lang li img {width:21px;height:12px;border:1px solid #D0D0D0}
	
	/* MAINNAVI */
	ul#naviTop {float:left;height:48px;width:820px;margin:9px 0 0 1px;padding:0;background:url('../images/bg-mainnavi-part2.png') no-repeat right top}
	ul#naviTop li {display:block;float:left;background-repeat:no-repeat;padding:0;margin:0}
	ul#naviTop li a {position:relative;display:block;height:48px;overflow:hidden;text-indent:-9999px;outline:none;background:url('../images/bg-mainnavi-en.png')}
	ul#naviTop li.menuid-6 a{width:115px;background-position:0 0}
	ul#naviTop li.menuid-6 a:hover,ul#naviTop li.menuid-6 a.active{background-position:0 -48px}
	ul#naviTop li.menuid-37 a{width:140px;background-position:-115px 0}		
	ul#naviTop li.menuid-37 a:hover,ul#naviTop li.menuid-37 a.active{background-position:-115px -48px}
	ul#naviTop li.menuid-38 a{width:125px;background-position:-255px 0}		 
	ul#naviTop li.menuid-38 a:hover,ul#naviTop li.menuid-38 a.active{background-position:-255px -48px}
	ul#naviTop li.menuid-39 a{width:170px;background-position:-380px 0}		 
	ul#naviTop li.menuid-39 a:hover,ul#naviTop li.menuid-39 a.active{background-position:-380px -48px}
	ul#naviTop li.menuid-39 {margin-right:140px}
	ul#naviTop li.menuid-116 a{width:100px;background-position:-690px 0}		 
	ul#naviTop li.menuid-116 a:hover,ul#naviTop li.menuid-116 a.active{background-position:-690px -48px}
	
	/* LANGUAGE MENU */
	ul#lang{position:relative;float:left;width:120px;height:31px;background:url('../images/blue/bg-language.png') no-repeat;list-style:none;list-style-type:none;margin:9px 0 0;padding:17px 0 0 5px}
	ul#lang li {position:relative;float:left;display:inline;padding-right:4px}
	
	/* MODULE */
	ul#modules{list-style-type:none;text-align:center;margin:0;padding:15px 0 0 5px}
	ul#modules li{float:left;margin:0;padding:0}		
	* html ul#modules li {margin: -7px 0 -7px 0}
	*+html ul#modules li {margin: -7px 0 -7px 0}		
	ul#modules li a span{display:none}
	ul#modules li a.module1{display:block;width:52px;height:53px;background:url(../images/module/icon1.jpg) left top no-repeat}
	ul#modules li a.module2{display:block;width:53px;height:53px;background:url(../images/module/icon2.jpg) left top no-repeat}
	ul#modules li a.module3{display:block;width:53px;height:53px;background:url(../images/module/icon3.jpg) left top no-repeat}
	ul#modules li a.module4{display:block;width:52px;height:54px;background:url(../images/module/icon4.jpg) left top no-repeat}
	ul#modules li a.module5{display:block;width:53px;height:54px;background:url(../images/module/icon5.jpg) left top no-repeat}
	ul#modules li a.module6{display:block;width:53px;height:54px;background:url(../images/module/icon6.jpg) left top no-repeat}
	ul#modules li a.module7{display:block;width:52px;height:54px;background:url(../images/module/icon7.jpg) left top no-repeat}
	ul#modules li a.module8{display:block;width:53px;height:54px;background:url(../images/module/icon8.jpg) left top no-repeat}
	ul#modules li a.module9{display:block;width:53px;height:54px;background:url(../images/module/icon9.jpg) left top no-repeat}
	ul#modules li a.module10{display:block;width:53px;height:54px;background:url(../images/module/icon10.jpg) left top no-repeat}
	ul#modules li a.module11{display:block;width:53px;height:54px;background:url(../images/module/icon11.jpg) left top no-repeat}
	ul#modules li a.module1:hover{background:url(../images/module/icon1.jpg) left bottom no-repeat}
	ul#modules li a.module2:hover{background:url(../images/module/icon2.jpg) left bottom no-repeat}
	ul#modules li a.module3:hover{background:url(../images/module/icon3.jpg) left bottom no-repeat}
	ul#modules li a.module4:hover{background:url(../images/module/icon4.jpg) left bottom no-repeat}
	ul#modules li a.module5:hover{background:url(../images/module/icon5.jpg) left bottom no-repeat}
	ul#modules li a.module6:hover{background:url(../images/module/icon6.jpg) left bottom no-repeat}
	ul#modules li a.module7:hover{background:url(../images/module/icon7.jpg) left bottom no-repeat}
	ul#modules li a.module8:hover{background:url(../images/module/icon8.jpg) left bottom no-repeat}
	ul#modules li a.module9:hover{background:url(../images/module/icon9.jpg) left bottom no-repeat}
	ul#modules li a.module10:hover{background:url(../images/module/icon10.jpg) left bottom no-repeat}
	ul#modules li a.module11:hover{background:url(../images/module/icon11.jpg) left bottom no-repeat}
	
	
	ul.joinus {padding:0;!importantmargin:0!important}
	ul.joinus img {border:none}
	ul.joinus li {float:left;display:inline}
	
	/* FOOTER */
	
		/* FOOTER NAVI */
		.container-footernavi {float:left}
		
		#company, #payment, #service {
			float:left;
			width: 150px;
			height: 156px;
			padding: 15px 0 0 5px;
			margin: 0;
		}
		* html #service {
		 	margin-right: 0 !important;
			margin-right: -3px;
		}
		
	#footer_info h5 a,#footer_info h5 a:visited {color:#b2b2b2}
	#footer_info h5 a:hover {color:#02578F}	
	
	h3.leveltitle a,h3.leveltitle a:visited {color:#02578F;text-decoration:none}
	
}