/*
Title:    Master styles for screen media

*/

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444;
  font-size: 62.5%
  background: #fff;

  }
  
  
#home {
    background-image: url(http://www.mobile4business.ch/themes/mobile4business/images/bodyback.png);
    background-repeat: repeat-x;
	margin: 0;
	padding: 0;
  	}
  	
#homemove{
 	  background-image: url(http://www.mobile4business.ch/themes/mobile4business/images/bodyback_admin.png);
 	  background-repeat:repeat-x;
}
#nothome {
     background-image:  url(http://www.mobile4business.ch/themes/mobile4business/images/bodybacknothome.png);
background-repeat:repeat-x;
	margin: 0;
	padding: 0;
  	}
  	
#nothomemove{
 	   background-image:  url(http://www.mobile4business.ch/themes/mobile4business/images/bodybacknothome_admin.png);
 	   background-repeat:repeat-x;
}

/* links */

a:link, a:visited {
	color: #112f60;
  outline: none;
  }
a:hover {
 	color: #112f60;
  }

/* page structure
--------------------------------------------- */
#outerwrap {
	padding: 0;
	margin: 0;
	width: 100%;

	
  }
#wrap {
	padding: 0;
	margin: 0;
	margin: 0 auto;
  }
#content {
	z-index: 10;
	margin: 0 auto;
	min-height: 300px;
	padding-bottom: 30px;
		margin-top: -7px;
	}
#fullwidth {
	padding: 30px;
	
	}
	
#showcase {
	width: 100%;
	}
	
#mainimage{
	margin-top: -8px;
	}
#mainimagemove{
	margin-top: 08x;
	}
#main{
	margin-top: 60px;

}

#footer {
	background: #f8f8f8;
	border-top: 1px #eeeeee solid;
	min-height: 64px;
	margin-bottom: 40px;
	margin-top: 0px;
 }

#leftsidebarpage {
	padding-top: 50px;}
#leftsidebarpage {
	background: url(http://www.mobile4business.ch/themes/mobile4business/images/leftcontent.png) repeat-y;
	}
#rightsidebarpage {
	background: url(http://www.mobile4business.ch/themes/mobile4business/images/rightcontent.png) repeat-y;
	}
	
#leftmain .inner {
padding-top: 0px;
	}
#rightsidebar {
	margin-left: 10px;
	}
#leftsidebar {
	margin-right: 10px;
	}
.inner {
	padding: 30px;
	
	}
/* header
--------------------------------------------- */
#contentright{
	margin-top: -5px;
	}
#header {
  height: 146px;

 }
#logo {
	padding-top: 15px;
	padding-left: 0px;
	float: left;
	clear: both;
	}
/* nav */

#nav {
	height: 43px;

 }
 
#nav li  {
	margin-top: -7px;
		}
 .clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	height:47px;
	list-style:none;
	margin:0;
	padding:0;
	}
.menu li{
		float:left;
		padding:0px;
		}
.menu li a{
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:47px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
.menu .nav-selected {
		color: #fff;
		}
.menu li a:hover, .menu ul li:hover a, .nav-selected{
			background: #e2001a;
			color:#FFF;
			text-decoration:none;
			}
.menu li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover ul{
		display:block;
		
		}
.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
.menu li:hover li a{
		background:none;
		
		}
.menu li ul a{
		display:block;
		height:47px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
.menu li ul a:hover, .menu li ul li:hover a{
			background:#676767;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
.menu p{
		clear:left;
		}	

	/* third-and-above-level lists */
.menu li ul ul { margin: -1em 0 0 -1000em; }
.menu li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
.menu li:hover ul{	margin-left: 0; }
.menu li li:hover ul {	margin-left:222px; margin-top:-35px;}

/* extra positioning rules for limited noscript keyboard accessibility */
.menu li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
.menu li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
.menu li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
.menu li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
.menu li:hover a:focus{ margin-left: 0; }
.menu li li:hover a:focus + ul { margin-left: 10em; }

.footermenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}
.footermenu ul{
	height:47px;
	list-style:none;
	margin:0;
	padding:0;
	}
.footermenu li{
		float:left;
		padding:0px;
		}
.footermenu li a{
		color:#5f5f5f;
		display:block;
		font-weight:normal;
		line-height:47px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
		}
.footermenu li a:hover, .footermenu ul li:hover a, .footermenu .nav-selected{
			background: transparent;
			color:#5f5f5f;
			text-decoration:underline;
			}
.footermenu li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
.footermenu li:hover ul{
		display:block;
		
		}
.footermenu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
.footermenu li:hover li a{
		background:none;
		
		}
.footermenu li ul a{
		display:block;
		height:47px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
.footermenu li ul a:hover, .footermenu li ul li:hover a{
			background:#676767;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
.footermenu p{
		clear:left;
		}	

	/* third-and-above-level lists */
.footermenu li ul ul { margin: -1em 0 0 -1000em; }
.footermenu li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
.footermenu li:hover ul{	margin-left: 0; }
.footermenu li li:hover ul {	margin-left:222px; margin-top:-35px;}

/* extra positioning rules for limited noscript keyboard accessibility */
.footermenu li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
.footermenu li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
.footermenu li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
.footermenu li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
.footermenu li:hover a:focus{ margin-left: 0; }
.footermenu li li:hover a:focus + ul { margin-left: 10em; }





/* main styles
--------------------------------------------- */


/* secondary styles
--------------------------------------------- */


/* footer
--------------------------------------------- */

#footer {

 }

/* misc.
--------------------------------------------- */

hr, .hide {
  display: none;
 }
a img {
  border: none;
  }
 p {
 	font-size: 13px;
 	line-height: 16px;
 	}
h3 {
	font-size: 13px;
	
	font-weight: 200;
	 }
	 

		
		
		
/* self-clear floats */

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
  
 #search h3 {
 display: none;
 }
 
#search {
	background: url(http://www.mobile4business.ch/themes/mobile4business/images/search.png) no-repeat;
	height: 36px;
}

#search input {
	color: #fff;
	background-color: transparent;
	border: none;
	}
#search input[name="query"]{
	margin-top: 10px;
	margin-left: 30px;
	}	
#search input[type="submit"]{
	text-indent: -9999px;
	}
	
 #maintext h1 {
 	font-size: 5em;
 	line-height: 10px;
 	margin: 0px;
 	padding: 0px;
 	margin-top: 50px;
 	}
 	
 #maintext h2 {
 	font-size: 30px;
 	font-style: normal;
 	font-weight: 200;
 	line-height: -30px;
 	margin: 0px;
 	padding: 0px;
 	}
 #calltoaction {
	margin: 0 auto;
	margin-top: 40px;
	height: 148px;
 	}
  #calltoaction p{
  	font-size: 11px;
  	font-weight: 200;

  }
#calltoaction h3 {
	font-size: 15px;
	font-weight: 500;
	line-height: 10px;
	}
#calltoaction img {
	float: left;
	margin-right: 10px;
	}
#calltoaction p a{
 	text-decoration: none;
  	color: #fff;
  	font-weight: 300;
  	
  }
.pimage {
	float: left;
	width: 73px;
	}
.ptext  {
	float: right;
	width: 135px;
	margin-left: 2px;
	}
 #leftsidevideo {
 	width: 480px;
 	float: left;
 	}

 #fullhome #leftsidevideo h1,  #fullhome #newsevents h1  {
 	font-size: 16px;
 	line-height: 10px;
 	color: #112f60;
 	}
#fullhome #newsevents h1  {
 	text-align: right;
 	}
#bottomimage{
	width: 222px;
	float: left;
	margin-left: 30px;
	padding-top: 10px;
	}
#bottomtext {
	float: right;
	width: 210px;
	margin-left: 10px;
	}
 #newsevents {
 	width: 470px;
 	float: right;
 	margin-right: 33px;
 	}
.button {
	background: url(http://www.mobile4business.ch/themes/mobile4business/images/buttonbck.png) no-repeat;
	height: 64px;
	width: 274px;
	}
.button a {
	color: #fff;
	margin-left: 35px;
	margin-top: 50px;
	font-size: 1em;
	font-weight: 600;
	text-decoration: none;
	line-height:62px;
	font-stretch: expanded
	
	}
	
.buttons img {
	margin-bottom: 20px;
	}
#text {
	width: 310px;
	}
#leftmain h1 {
	font-size: 25px;
	}
#leftmain h2 {
	font-size: 18px;
	}
#menubar {
	background-color: #efefef;
	float: right;
	width: 200px;
	padding-right: 8px;
	
	}	
	
#photo{
height: 215px;
	/*border: 3px solid #efefef;*/
	}
.menubarinner {
	padding-left: 15px;
	padding-top: 10px;}
.productbutton {
	background: url(http://www.mobile4business.ch/themes/mobile4business/images/productbuttonback.png) no-repeat;
	height: 30px;
	width: 173px;
	margin-left: 5px;
	}
	
.productbutton:hover {
	background: url(http://www.mobile4business.ch/themes/mobile4business/images/productbuttonbackselected.png) no-repeat;
	height: 30px;
	width: 173px;
	margin-left: 5px;
	}
	
	
.productbutton a:hover {
	color: #fff;
	}
	
.productbuttonselected {
	background: url(http://www.mobile4business.ch/themes/mobile4business/images/productbuttonbackselected.png) no-repeat;
	height: 30px;
	width: 173px;
	margin-left: 5px;
	}	
.productbutton a {
	color: #636466;
	margin-left: 15px;
	margin-top: 10px;
	font-size: 1em;
	font-weight: 600;
	text-decoration: none;
	line-height:32px;
	font-stretch: expanded
	
	}
	
.productbuttonselected a {
	color: #fff;
	margin-left: 15px;
	margin-top: 10px;
	font-size: 1em;
	font-weight: 600;
	text-decoration: none;
	line-height:32px;
	font-stretch: expanded
	
	}
	
.gray {
	background: url(http://www.mobile4business.ch/themes/mobile4business/images/graybuttonback.png) no-repeat;
	height: 30px;
	width: 110px;
	padding-top: 4px;
	}
.gray a {
	color: #1d1d1d;
	margin-left: 15px;
	margin-top: 25px;
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
	line-height:24px;
	font-stretch: expanded
	
	}
	
.date {

	}
	
.ccm-news-list li {
	border-bottom: 1px solid #d2d2d2;
	}
	
	
#newsevents .date a {
 	color: #112f60;
 	text-decoration: none;
 	font-style: normal;

	}	

#newsevents a.readmore {
	color: #e68400;
	text-decoration: underline;
	font-style: italic;
	}
		
.block-paypal-donations {
	float: right;
	margin-right: -10px;
	padding-top:5px;
		}
		
#mainbottom h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 0px;
	margin-bottom: -10px;
	padding-bottom: -10px;
	}
	
#mainbottom p {
	font-size: 13px;
	line-height: 22px;
	font-weight: 200;
	padding-right: 5px;
	}
	
#mainbottom {
	margin-top: 20px;
	}
	
#mainbottom h3 {
	font-size: 18px;
	font-weight: 200;
	line-height: 20px;
	margin-bottom: 10px;
	padding-bottom: -10px;
	margin-right: 10px;
	color: #7caebb;
	}
	
#mainbottom li {
	font-size: 13px;
	font-weight: 200;
	line-height: 20px;
	margin-bottom: 10px;
	padding-bottom: -10px;
	margin-right: 10px;
	color: #7caebb;
	text-indent: 0;
	list-style-type: circle
	}
	
#footercopyright{
	margin-top: 20px;
	float: right;
	font-size: 11px;}
	
.formBlockSurveyTable  {
margin:0 0 15px 0px;
}

.formBlockSurveyTable  label {
display:block;
font-weight:700;
margin:0 0 3px;
}

.formBlockSurveyTable input, .formBlockSurveyTable fieldset textarea,textarea {
width:80%;
font-size:1.4em;
border:none;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
background:#e8e8e8;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:5px;
}

.formBlockSurveyTable textarea {
height:100px;
}

.formBlockSurveyTable input:focus,#maininner fieldset textarea:focus {
background:#fff;
}
.question {
	font-size: 13px;
	}
	
	.formBlockSubmitButton{
	font-size: 13px!important;
	width: 200px !important;
	}
	
	.formBlockSubmitButton hover{
	background-color: #cdcdcd !imporant;
	}