div.layout { 
	width: 100%;
  max-width: 640px;
	margin: 0px auto;
}

div.row {
	height: 1%;
}

div.row-end {
	clear: both;
	font: 1px/1px sans-serif;
	height: 1px;
	overflow: hidden;
}

div.col1s, div.col2s, div.col3s, div.col4s, div.col5s,
div.col6s, div.col7s, div.col8s, div.colMaxs, div.colMax {
	float: left; 
	margin-left: 0px;
}

div.col1s:first-child, div.col2s:first-child, div.col3s:first-child,
div.col4s:first-child, div.col5s:first-child, div.col6s:first-child,
div.col7s:first-child, div.col8s:first-child, 
div.colMaxs:first-child, div.colMax:first-child {
	margin-left: 0px;
}

div.col1s { width: 12.5%; }
div.col2s { width: 25%; }
div.col3s { width: 37.5%; }
div.col4s { width: 50%; }
div.col5s { width: 62.5%; }
div.col6s { width: 75%; }
div.col7s { width: 87.5%; }
div.col8s { width: 100%; }

div.colMaxs { width: 100%; }
div.colMax  { width: 100%; }


/* =============== */
/* MENU
/* =============== */

ul.sm-a{width:100% !important;}
ul.sm-a ul{display:none;
position:static !important;
top:0px !important;
margin: 0px;
padding:0px;
left:auto !important;
margin-left:0 !important;
margin-top:0 !important;
width:auto !important;
min-width:0 !important;max-width:none !important;}
ul.sm-a>li{float:none;}
ul.sm-a>li>a,ul.sm-a ul.sm-nowrap>li>a{white-space:normal;}
ul.sm-a iframe{display:none;}

/* Uncomment this rule to disable completely the sub menus for small screen devices */
/*.sm-a ul, .sm-a span.sub-arrow, .sm-a iframe {
	display:none !important;
}*/


/* Menu box */

.sm-a {
	background:transparent;
}
.sm-a ul {
	border:0;
	padding:0;
	background:#ffffff;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
   /* top, right, bottom, left */
	padding:8px 15px 8px 15px !important; 
}
.sm-a ul ul {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}


/* Menu items */

.sm-a a {
   /* top, right, bottom, left */
	padding:5px 5px 5px 28px !important; 
	background:#F1F1F1 !important; 
	color:#555555 !important;
	border-top:1px solid #dedede;
}
.sm-a ul a {
	background:transparent !important;
	color:#555555 !important;
	text-shadow:none !important;
	border:0;
}

.sm-a a.current, .sm-a a:hover, .sm-a a:focus, .sm-a a:active {
	background:#FF6800 !important; 
	color:#ffffff !important;
}

.sm-a ul a.current, .sm-a ul a:hover, .sm-a ul a:focus, .sm-a ul a:active {
	background:#888888 !important; 
	color:#ffffff !important;
}

.sm-a a.current {
	background:#FF6800 !important;
	color:#ffffff !important;
}

.sm-a ul a {
}
.sm-a ul ul a {
}
.sm-a ul ul ul a {
}
.sm-a ul ul ul ul a {
}
.sm-a ul ul ul ul ul a {
}
.sm-a > li:first-child > a {
}

/* presume we have 4 levels max */
.sm-a > li:last-child > a,
.sm-a > li:last-child > ul > li:last-child > a,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > a,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
.sm-a > li:last-child > ul,
.sm-a > li:last-child > ul > li:last-child > ul,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
}
/* highlighted items, don't need rounding since their sub is open */
.sm-a > li:last-child > a.highlighted,
.sm-a > li:last-child > ul > li:last-child > a.highlighted,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
.sm-a > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
}


/* Sub menu indicators */

.sm-a a span.sub-arrow,
.sm-a ul a span.sub-arrow {
  background: none 0px 0px no-repeat;
	top:50%;
	margin-top:-8px;
	right:auto;
	left:6px;
	margin-left:0px;
	width:16px;
	height:16px;
	font:bold 16px/16px monospace !important;
	text-align:center;
	border:0;
	text-shadow:none;
  text-indent: 0px;
	color:#555555 !important;
	
}
/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
.sm-a a.highlighted span.sub-arrow {
	display:none !important;
}


/* Items separators */

.sm-a li {
	border-left:0;
}
.sm-a ul li {
	border-top:1px solid rgba(0,0,0,0.1);
}
.sm-a ul li:first-child,
.sm-a li:first-child {
	border-top:0;
}

#menu-button {
  display:none;
}
#menu-button:after {
  content:'-';
	font:normal 14px/14px monospace !important;
}
#menu-button.collapsed:after {
  content:'+';
	font:normal 14px/14px monospace !important;
}

/* show the button on small screens */
#menu-button, #menu-button a {
	width:auto !important;
  display:block;
   /* top, right, bottom, left */
	padding:0px 15px 0px 15px; 
  cursor: pointer;
	background:#888888 !important; 
	color:#ffffff !important;

	font-size:12px;
	line-height:49px;
	font-family:"webfont2", Verdana, Geneva, Tahoma, sans-serif;
	font-weight:normal;
	text-decoration:none;
	text-transform: uppercase;
  text-align: center;
  height: 49px !important;
  vertical-align: middle !important;
}

a #menu-button {
   /* top, right, bottom, left */
}
	
#menu-button a:hover, #menu-button a:focus, #menu-button a:active {
	background:#F1F1F1 !important; 
	color:#ffffff !important;
}
	
#menu-button.collapsed {
	background:#FF6800 !important; 
	color:#ffffff !important;
}

/* hide the menu when it has the "collapsed" class set by the script */
#main-menu.collapsed {
  display:none;
}

/* =============== */
/* FORM
/* =============== */

#contact textarea.formText {
	height: 196px;
	width:  95%;
}

#contact input.formText {
	width:  95%;
}


input.formSend {
  padding-bottom: 0px;
}

/* =============== */
/* HEADER / LOGO
/* =============== */


#contentHeaderHome, #contentHeader, span.header {	
  margin-top: 0px;
}

span.header {	
	height: 5px !important;
}

#contentHeader {	
  margin-top:2px;
}

span.header h1.logo, span.header h1.logo a,
span.header h1.logo a span {
	height: 7px;
	font-size: 19px;
  line-height: 24px;
	letter-spacing: -1px;
}

span.header h1.logo {
	margin-left: 3px;
}

#contentHeaderHome span.sprachen  {
	margin-left: 18px;
}

#contentHeader span.sprachen  {
  margin-top: 26px;
	margin-left: 50%;
}

/* =============== */
/* MENU
/* =============== */

span.nav {
	background: #f1f1f1;
	top:0px;
	margin: 0px;
	padding:0px;
	display:block;
}

span.navMenuHeader {
	width: auto !important;
	margin: 0px;
	padding:0px;
	margin-right: 0px;
	display:block;
	float: right;
	height: 49px !important;
}

#main-menu {
	top:0px;
  margin: 0px;
  margin-top: 0px;
	padding: 0px;
	float: right;
}


/* =============== */
/* CONTENT Text
/* =============== */

#contentMainText {
  top: 70px;
  top: 55px;
	left:5px;
	right:5px;
}

.textBlock {
  padding: 5px;
	border: 1px solid #dddddd;
  margin-top: 22px;
}

.textBlock h1, .textBlock h2 {
  margin-top: 0px;
}

.textBlock p {
	font-size: 14px;
	line-height: 1.5;
	color:#555555;
  text-align: left;
}

.textBlock p:last-child {
	margin-bottom: 0px;
}

/* =============== */
/* CONTENT Bild
/* =============== */

.imgBlock1 img {
  margin-top: 7px;
}

.imgBlock2 img {
  margin-top: 7px;
}


/* =============== */
/* CONTENT Gallery
/* =============== */

#contentMainInfo {
	z-index: 10;	
	margin:0px;
	padding:0px;
	width:90%;
	height: auto;
	top: 0px;
  right: 0px;
  margin-right: 0px;
  margin-top: 65px;
}


.infoBlockContent {
  padding: 8px;
}

.infoBlockIcon {
	z-index: 10;	
}
/* =============== */
/* MENU
/* =============== */

#main-menu {
	z-index: 20;	
}

#main-menu ul {
	max-width:100%!important;
}

#main-menu ul a {
	white-space:nowrap!important;
}

/* ============================================================================== */
/* ============================================================================== */

@media all and (orientation: landscape) {

/* =============== */
/* CONTENT HOME
/* =============== */

#contentMainHome {
  top: 18%;
  padding: 4%;
}

.homeTitle h1, .homeTitle h1 b {
  font-size: 45px;
	letter-spacing: -1px;
  line-height: 0.85;
}

/* =============== */
/* CONTENT Gallery
/* =============== */
#contentMainGallery {
  top: 65px;
  bottom: 39px; 
}


.rSliderDef .rsGCaption {
	padding: 0px;
	bottom: -25px;
	left: 5px;
}


.rsGCaption span.title {
	font-size: 12px;
}

.rSliderDef .rsBullets {
	left: 10%;
	width:80% !important;
	bottom: -28px;
	height: 23px;
	margin: 0px; 
}

.rSliderDef .rsFullscreenBtn {
	z-index: 10;	
	right: 0px;
	bottom: -33px;
}


}

@media all and (orientation: portrait) {

/* =============== */
/* CONTENT HOME
/* =============== */

#contentMainHome 	 {
  top: 24%;
}

.homeTitle h1, .homeTitle h1 b {
  font-size: 39px;
	letter-spacing: -1px;
}

/* =============== */
/* CONTENT Gallery
/* =============== */

#contentMainGallery {
  top: 65px;
  bottom: 39px; 
}

.rSliderDef .rsGCaption {
	padding: 0px;
	bottom: -27px;
	left: 5px;
	width:85% !important;

	overflow: hidden; 
	white-space:nowrap!important;

}

.rsGCaption span.title {
	font-size: 12px;
}

.rSliderDef .rsBullets {
	bottom: -25px;
	width:80% !important;
	height: 23px;
	margin: 0px; 
	text-align: left;
	left: 0px;
}

.rSliderDef .rsFullscreenBtn {
	z-index: 10;	
	right: 0px;
	bottom: -35px;
}

}