/*
Website: wwww.maroxx.at 
Author: Plinius Consulting
URL: http://wwww.plinius-consulting.at
*/

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 10, 2012 */

@font-face {
    font-family: 'maro-lightitalicregular';
    src: url('../fonts/maro-lightitalic-webfont.eot');
    src: url('../fonts/maro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/maro-lightitalic-webfont.woff') format('woff'),
         url('../fonts/maro-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/maro-lightitalic-webfont.svg#maro-lightitalicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'maro-mediumitalicregular';
    src: url('../fonts/maro-mediumitalic-webfont.eot');
    src: url('../fonts/maro-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/maro-mediumitalic-webfont.woff') format('woff'),
         url('../fonts/maro-mediumitalic-webfont.ttf') format('truetype'),
         url('../fonts/maro-mediumitalic-webfont.svg#maro-mediumitalicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*--------------------------------------------------------------*/
/*** GLOBAL  ***/
body {
	font-family: Arial, Helvetica, Helvetica Neue, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	color: #555555;
	line-height: 20px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #ffffff 25%, #adb4c9 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(50%,#adb4c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 25%,#adb4c9 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 25%,#adb4c9 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 25%,#adb4c9 50%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 25%,#adb4c9 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adb4c9',GradientType=0 ); /* IE6-8 */
	background-attachment: fixed;
}

* {
	margin: 0;
	padding: 0;
}
form{
	margin: 0;
	padding: 0;
}

/* #Clearing */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*** END OF GLOBAL  ***/

/*--------------------------------------------------------------*/
/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3 {margin-bottom:20px; }
h4, h5, h6 {margin-bottom:10px; }
h1 {font-size: 22px; line-height:24px; }
h2 {font-size:18px; line-height:20px; }
h3 {font-size:16px; line-height:18px; }
h4 {font-size:15px; line-height:18px; }
h5 {font-size:14px; line-height:16px; }
h6 {font-size:13px; line-height:15px; }
h1, h2, h3, h4, h5, h6 {
	font-weight: normal; 
	font-family: 'maro-mediumitalicregular', Arial, Helvetica, Helvetica Neue, sans-serif;
	}
.valignmiddle {
	line-height: 42px; 
	margin-bottom: 0px;
}
.valignmiddle-services {
	line-height: 42px; 
	margin-bottom: 0px;
}
.uppercase {
	text-transform: uppercase;
}
.title_pattern { 
	background: url(../images/pattern_title.gif) repeat-x left center; 
	text-align: center;
}
.title_pattern span {
	background: #FFF; 
	padding: 0 20px;
}
/* links */
a, a:visited {
	text-decoration: none; 
	font-weight: normal; 
	color: #2A2D30
}
a:hover {
	text-decoration: none;
	color: #004B93;

}
a img {
	border: none 
}

/* float align */
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 0px;
}
.alignleft-32 {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignnone, img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}
img.alignleft, img.alignright, img.aligncenter, img.alignnone {
	margin-bottom: 12px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*--------------------------------------------------------------*/
/*** CONTAINER ***/
#outer-container {
}
#container {
	width: 960px;
	margin: 10px auto;
	background: #FFF; /* must use for IE */
	-webkit-box-shadow: 0px 0px 6px #757575;
	-moz-box-shadow: 0px 0px 6px #757575;
	box-shadow: 0px 0px 6px #757575;
	-moz-border-radius: 2px; /* Firefox */
	-webkit-border-radius: 2px; /* Safari, Chrome */
	border-radius: 2px; /* CSS3 */
	border-color: #EBEBAE;
}

/*--------------------------------------------------------------*/
/*** TOP ***/
#top {
	height: 110px;
	background-image: url(./images/logo.jpg);
}

/*--------------------------------------------------------------*/
/*** TOP MENU ***/
#nav {
	position: relative;
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 28px;
}
#topnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: visible;
	position: relative;
	float: left;
	font-size: 14px;
	font-family: 'maro-mediumitalicregular', Arial, Helvetica, Helvetica Neue, sans-serif;
}
/.deutsch {
	cursor: pointer;
	background: url(../images/de-light.gif) no-repeat center;
	float: left;
	height: 14px;
}
/.deutsch:hover {
	cursor: pointer;
	background: url(../images/de.gif) no-repeat center;
}
/.english {
	cursor: pointer;
	background: url(../images/gb-light.gif) no-repeat center;
	float: left;
	height: 14px;
}   
/.english:hover {
	cursor: pointer;
	background: url(../images/gb.gif) no-repeat center;
}   
.sf-menu a {
	text-decoration: none !important;
	display: block;
	position: relative;
	padding: 0 12px 0 12px !important;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	color: #AAA;
}
.sf-menu a:visited {
	color: #AAA; 
}
.sf-menu a:hover, .sf-menu li a.current {
	color: #FFF;
	font-family: maro-mediumitalicregular, Arial, Helvetica, "Helvetica Neue", sans-serif;
}
.sf-menu li.sfHover a:hover {
	color: #FFF;
}


/* Drop down menu */
.sf-menu ul a:hover {
}
.sf-menu li li {
	text-align: left;
	line-height: 12px;
	margin: 0;
}
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
	font-size: 13px;
}
.sf-menu {
	line-height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	float: left;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 27em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
	margin:0;
}
.sf-menu li li {
	margin:0px 0px;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: -2px;
	top: 2.6em; /* match top ul list item height */
	z-index: 99;

}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: -1px;
	margin-left: 0px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
	
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: -1px;
	
}
.sf-menu ul li a{
	padding: 8px 0px 8px 20px!important;
	text-transform: capitalize;
}
.sf-menu ul li a:hover {
}
.sf-menu li ul {
	padding: 0px;
}
.sf-menu a.sf-with-ul {
	padding-right: 0px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}
.sf-menu li li, .sf-menu li li:hover, .sf-menu li li.sfHover {
	background: #2A2D30;
	text-transform: capitalize
}
.sf-menu li li:hover {
	background: #585C60
}
li.sfHover ul li:first-child a {
	background-image: url(../images/arrow_menu.png);
	background-repeat: no-repeat;
	background-position: 30px 0px;
	margin-top: -8px;
	padding-top: 16px !important
}
.sf-menu ul {
	border: solid 1px #000;
}
.sf-with-ul { }
.sf-menu li li {
	border-bottom: solid 1px #000;
}
.sf-menu li li:last-child {
	border-bottom: 0
}

/*--------------------------------------------------------------*/
/*** HEADER ***/

#header{
	height: 350px;
}
#header.navigation {
	background: #2A2D30;
	clear: both;
	padding: 0px 0;
	position: relative;
	height: 30px;
	
}
#header.navigation .shadow {
	background: url(../images/glow-header-inner.png) repeat-x;
	width: 100%; 
	height: 5px; 
	position: absolute; 
	top: 0;
}
#slider-container {
	position: relative; 
	clear:both
}
/*#shadow-img-slider {
	height: 5px; 
	width: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background: url(../images/shadow-img-slider.png) repeat-x; 
	z-index: 30;
}*/
.box_skitter_large {
	width: 960px; 
	height:350px; 
	background:#000
}
/*.label_skitter {
	bottom: 35px !important;
	left: 40px !important;
	padding: 20px;
	background: url(../images/opacity-slider-text.png) repeat;
}
.label_skitter h3 {
	margin-bottom: 10px;
}*/

/*--------------------------------------------------------------*/
/*** AFTER HEADER ***/

#after-header {
	background-color: #004B93;
	height: 50px;
	width: 960px;
	clear: both;
	position: relative;
}
#after-header h1{ 
	font-family: 'maro-mediumitalicregular', Arial, Helvetica, Helvetica Neue, sans-serif;
	font-size: 28px; 
	line-height: 26px; 
	text-transform:uppercase; 
	text-align:center; 
	color:#FFF;
}
#after-header .shadow {
	background: url(../images/glow-header-inner.png) repeat-x;
	width: 100%;
	position: relative;
	height: 12px;
}

/*--------------------------------------------------------------*/
/*** BEFORE CONTENT ***/

#before-content {
	position: relative;
	margin-bottom: 0px;
}
#before-content .shadow {
	background: url(../images/glow.png) repeat-x;
	width: 100%;
	height: 12px;
	position: absolute;
	top: 0;
}

/*--------------------------------------------------------------*/
/*** CONTENT ***/

#content {
}
#content.withsidebar {
	background:url(../images/bg-content-inner.gif) repeat-y;
}
#main {
	padding: 40px 40px 0;
}

#maincontent {
	float: left; 
	width: 610px; 
	padding-right: 25px;
}

/*--------------------------------------------------------------*/
/*** CONTENT ELEMENT ***/

.container940 {
	width: 880px;
	margin: 0 auto;
}
.colortext, .colortext a, .colortext a:visited {
	color: #0087E8 !important;
}
.patternbox {
	background: url(../images/pattern_box.gif) repeat;
	border: solid 1px #dcdcdc;
	border-width: 1px 0;
	padding: 20px 0 0
}
/* Separator */
.separator {
	clear: both;
	display: block;
	height: 20px;
	padding: 10px 0
}
.separator.small {
	clear: both;
	display: block;
	height: 10px;
	padding: 0 0
}
.separator.line {
	clear: both;
	display: block;
	height: 30px;
	padding: 10px 0;
	margin-bottom: 20px;
	background: url(../images/hr.gif) repeat-x left center
}
/* Custom List */
.customlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.customlist li {
	width: 260px;
	float: left;
	padding: 10px 20px 10px 0;
	margin: 0 20px 0 0;
	border-right: solid 1px #DCD
}
.customlist li.last {
	border: 0;
	margin: 0;
	padding: 10px 0
}

.customlist2 {
	list-style-type:none;
	margin:0; 
	padding:0
}
.customlist2 li {
	width: 220px;
	float: left;
	margin-right: 20px;
}
.customlist2 li.last {
	margin: 0;
}
/* Map */
#map {
}

iframe {  
	border: solid 1px #ADB4C9; 
	height: 230px; 
	margin: 0;
}
/* Frame Image */
.frame {
	padding: 4px; 
	border: solid 1px #ececec; 
	display: block; 
	text-align: left; 
	color: #555;
	width: 600px;
}
/* customer-login */
#login {

}
#login label {
	width: 70px; 
	float: left; 
	padding: 5px 0 0 0
}
#login input[type="text"] {
	width:180px
}
#login .lost {
	float: right;
	width: 50%;
	text-align: right
	
}
/* Button */
input[type="text"], textarea {
	border: solid 1px #ECECEC;
	font-size: 11px;
	padding: 8px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;		
	-webkit-border-radius: 4px;
}
select {
	font-size: 11px;
	padding: 4px 5px;
}
.button, .button:visited, input[type="submit"], input[type="reset"], button, .meta-nav {
	color: #555555;
	outline: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, Helvetica Neue, sans-serif;
	text-transform: capitalize;
	display: block;
	display: inline-block;
	border: solid 1px #eaeaea;
	border-bottom: solid 1px #bfbfbf;
	border-right: solid 1px #bfbfbf;
	border-radius: 4px;
	-moz-border-radius: 4px;		
	-webkit-border-radius: 4px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background: #FFF;
}
input[type="submit"], input[type="reset"], button {
	height: 32px;
}
.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
	text-decoration: none;
	color: #005189;
	border: solid 1px #eaeaea;
	background: #E9EDF7;
	border-bottom: solid 1px #bfbfbf;
	border-right: solid 1px #bfbfbf;
	cursor: pointer
}
.button.teamviewer {
	text-transform: uppercase;
	height: 30px;
	text-decoration: none;
	border-bottom: solid 1px #005189;
	border-right: solid 1px #005189;
	background: #4eadef; /* Old browsers */
	background: -moz-linear-gradient(top, #4eadef 45%, #0087e8 55%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#4eadef), color-stop(55%,#0087e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4eadef 45%,#0087e8 55%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4eadef 45%,#0087e8 55%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4eadef 45%,#0087e8 55%); /* IE10+ */
	background: linear-gradient(to bottom, #4eadef 45%,#0087e8 55%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eadef', endColorstr='#0087e8',GradientType=0 ); /* IE6-8 */
	border-top: solid 1px #CBE7FA;
	border-left: solid 1px #CBE7FA;
	width: 100%;
	text-align: center;
	color: #FFF;
	font: 22px/30px 'maro-mediumitalicregular', Arial, Helvetica, Helvetica;
	padding-right: 0;
	padding-left: 0;
}
.tel-mail {
	font: 17px/5px 'maro-mediumitalicregular', Arial, Helvetica, Helvetica Neue, sans-serif;
	
}
.services-list {
	margin-left: 10px;
	overflow: hidden;
}
/* Pullquotes */
.pullquote-right,.pullquote-left{
	padding:0px 0px 0px 35px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
	float:right;
	font-family:'maro-lightitalicregular', Arial, Helvetica, Helvetica Neue, sans-serif;
	font-style:;
	font-size:18px;
	letter-spacing:0px;
	line-height:22px;
	margin:19px 2px 10px 10px;
	width:51%;
	}
.pullquote-left{float:left;margin-left:2px;margin-right:20px;}

/* Highlight */
.highlight1 {
	padding: 2px 5px;
	background-color: #f7f7f7;
	border: solid 1px #ebebeb
}	
.highlight2 {
	padding: 2px 5px;
	background-color: #ebebeb;
	border: solid 1px #f7f7f7
}
.highlight3 {
	padding: 2px 5px;
	background-color: #ADB4C9; 
	border: solid 1px #;
	color: #00267C;
	text-decoration: none !important;
}
.highlight3:hover {
	background-color: #004B93;
	border: solid 1px #;
	color: #FFF;
	text-decoration: none !important;
}
/* Column */
.one_half, .one_third, .two_third, 
.three_fourth, .one_fourth, .one_fifth, 
.two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .five_sixth { 
	margin-right: 4%; 
	margin-left: 0; 
	position: relative; 
	float: left;
}

.one_half			{ width: 48%; }
.one_third			{ width: 30.6666%; }
.one_fourth			{ width: 22%; }
.one_fifth			{ width: 16.8%; }
.one_sixth 			{ width: 13.3333%; }

.two_third			{ width: 65.3332%; }
.two_fourth 		{ width: 48%;}
.two_fifth 			{ width: 37.6%;}
.two_sixth 			{ width: 30.6666%; }

.three_fourth		{ width: 74%;}
.three_fifth 		{ width: 58.4%;}
.three_sixth 		{ width: 47.9998%; }

.four_fifth 		{ width: 79.2%;}
.four_sixth 		{ width: 65.3332%; }

.five_sixth 		{ width: 82.6665%; }
.firstcols			{ margin-left: 0px !important; }
.last, .lastcols	{ margin-right: 0px !important; clear: right; }

/*--------------------------------------------------------------*/
/*** AFTER CONTENT ***/
#after-content {
	position: relative;
	margin: 20px 0 60px 0; 
	clear: both
}
#after-content h2 {
	font-size: 20px; 
	margin: 10px 0 0 20px; 
	float: left 
}
#after-content.patternbox { padding: 20px 0;
}
#after-content .button { 
	float: right;
	margin-right: 60px
}

/*--------------------------------------------------------------*/
/*** SIDEBAR ***/
#sidebar {
	float: left;
	width: 200px;
	padding-left:35px
}

/*--------------------------------------------------------------*/
/*** FOOTER ***/
#footer {
	font-size: 11px;
	padding: 0px;
	background: #2A2D30;
	background: #101010; /* Old browsers */
	background: -moz-linear-gradient(top, #101010 0.5%, #2a2d30 15%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5%,#101010), color-stop(15%,#2a2d30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #101010 0.5%,#2a2d30 15%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #101010 0.5%,#2a2d30 15%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #101010 0.5%,#2a2d30 15%); /* IE10+ */
	background: linear-gradient(to bottom, #101010 0.5%,#2a2d30 15%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#2a2d30',GradientType=0 ); /* IE6-8 */
	height: 30px;
	width: 960px;
	clear: both;
	position: relative;
}
#footertext-left {
	color: #AAA;
	text-align: left;
	width: 430px;
	float: left;
	position:relative;
	float:left;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 42px;
	position:relative;
	
}
#footertext-right{
	margin-top: 5px;
	margin-right: 34px;
	float: right;
	width: 430px;
}
#footertext-right li{
	color: #AAA;
	overflow: hidden;
	float: right;
	text-align: center;
}
.footer-links a {
	color:#AAA;
	text-decoration:none!important;
	padding: 0 6px 0 6px !important;
	/*text-transform:uppercase;*/

}
.footer-links a:visited {
	color:#AAA;
}
.footer-links a:hover, .footer-links a.current {
	color:#FFF;
}