@charset "UTF-8";


/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400);
@import url(http://fonts.googleapis.com/css?family=Oswald:300);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-family: "Open Sans Condensed", arial, verdana, sans-serif;
}

thead th,
tbody th{
font-family: "Open Sans Condensed", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Open Sans Condensed", arial, verdana, sans-serif;
}

.menu{
font-family: "Open Sans Condensed", arial, verdana, sans-serif;
}

blockquote{
font-family: "Open Sans Condensed", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
	margin:0;
	padding:0;
	font:normal 13px/140% 'Arimo', arial, verdana, sans-serif;
	text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
	overflow-x:hidden;
	overflow-y: scroll;
}

#wrap{
width: 960px;/*960*/
margin:30px auto 10px auto;
padding:0;

}

.menu{
margin:1px 1px 0 1px;
}


#footer{
text-align:center;
padding:20px;
margin:0;
background:#efefef;
border-top:1px solid #ccc;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
}

	#link-top{
	position: absolute;
	top:10px;
	right:10px;
	*right:25px;/*IE 7 ONLY*/
	left:auto;
	color:#464646;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	

/*---------------------------------
	HTML ELEMENTS
-----------------------------------*/
a,a:active{color:#464646;outline:0;text-decoration: none;}
a:visited{color:#464646;}
a:hover{
	color:#464646;
	font-weight: bolder;
}
a img{border:0;}
strike{}
em,i{}
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0px;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.hauptmenu {
	color:#464646;
	outline:0;
	text-decoration: none;
	font-size: 36px;
}

/*---------------------------------
	HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h6{
line-height:140%;
color: #649664;
font-weight: normal;
}

h1{
font-size:3em;
margin:10px 0 10px 0;
}

h2{
font-size:2.5em;
margin:10px 0 10px 0;
}

h3{
font-size:2em;
margin:5px 0 30px 0;
line-height:130%;
}

h4{
font-size:1.5em;
margin:0;
}

h5{
	line-height:140%;
	color: #464646;
	font-size:1.1em;
	margin:0;
	font-family: Arimo, arial, verdana, sans-serif;
	font-weight: bold;
}

h6{
font-size:1em;
margin:10px 0 5px 0;
}

/*---------------------------------
	PARAGRAPHS
-----------------------------------*/
p{
	color:#464646;
	margin:0;
	text-align: justify;
	font-family: Arimo, arial, verdana, sans-serif;
	padding-right: 30px;
	line-height: 16px;
}





/*---------------------------------
	LISTS
-----------------------------------*/
ul {
	color:#464646;
	padding:0;
	margin:0 0 20px 25px;
	text-align: right;
	font-family: Arimo, Oswald, arial, verdana, sans-serif;
}

li	{
	padding:1px 0;
	margin:0;
	list-style-type: none;
	text-align: right;
	font-family: Arimo, Oswald, arial, verdana, sans-serif;
	}

ul.checks{
padding:0;
margin:0;
text-align: left;
}

	ul.checks li{
	list-style-type:none;
	margin:0;
	background:url(img/icon-check.png) no-repeat 5px 0.5em;
	padding-left:20px;
	padding-right: 30px;
	text-align: left;
	font-family: Arimo, arial, verdana, sans-serif;
	line-height: 16px;
	}
	
/*---------------------------------
	IMAGES
-----------------------------------*/

img{
margin:0;
padding:0;
display:inline-block;
position:relative;
zoom:1;
}


/*---------------------------------
	GRID/COLUMNS
-----------------------------------*/

.col_1  { width: 6.6666666666667%; }
.col_2  { width: 15%; }
.col_2  { height: 500px; }
.col_3  { width: 23.333333333333%; }
.col_4  { width: 31.666666666667%; }   /*---------------  width: 31.666666666667%  --------------------*/
.col_5  { width: 40%; }
.col_6  { width: 48.333333333333%; }
.col_7  { width: 56.666666666667%; }
.col_8  { width: 65%; }
.col_9  { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-bottom:8px;
float: left;
display: block;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}

/* Viewable Grids 
	To view your grids, add the class .visible to any grid container.
	This will add a background color so you can see the layout of your grids. 
*/
.col_1.visible,
.col_2.visible,
.col_3.visible,
.col_4.visible,
.col_5.visible,
.col_6.visible,
.col_7.visible,
.col_8.visible,
.col_9.visible,
.col_10.visible,
.col_11.visible,
.col_12.visible {
background:#efefef;
}

/* Default .inner Padding 
	The inside of a column is automatically wrapped with div.inner by Javascript. 
	This allows for more flexible styling and layout without breaking your columns.
*/
.column .inner{
	padding-right:10px;
}

/*---------------------------------
	MENU LAYOUT
-----------------------------------*/
.menu{margin:0;padding:0;line-height:100%;
font-size:0; /* Kill white space gap between LI elements */
position:relative;z-index:1000;}

	.menu:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
	.menu li{margin:0;padding:0;list-style-type:none;display:inline-block;*display:inline;position:relative;zoom:1;line-height:inherit;
	top:0;left:0;font-size:16px; /* fixed font-size to replace font-size:0 in parent .menu 1em/16px default */}
		.menu li a{margin:0;padding:0;display:block;display:inline;display:inline-block;position:relative;zoom:1;line-height:100%;top:0;left:0;}
	
/*--------------Sub Menus-------------------*/
	/*.menu li:hover > ul{display:block;}*/
	.menu ul{}
	.menu ul li{}
	.menu ul li a{}
		.menu ul ul{}
		
/*--------------Dividers-------------------*/		
	.menu ul li.divider{}
	.menu ul li.divider a{}
	
/*--------------Arrows-------------------*/
	.menu li.has-menu a{padding-right:25px;}
	.menu li.has-menu span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;line-height:0;height:0;width:0;}
	.menu li li.has-menu span.arrow{margin-top:-4px;}

/*--------------Vertical Menu Layout-------------------*/
.menu.vertical{}
	.menu.vertical li{}
	.menu.vertical li a{}
	.menu.vertical ul{}
	.menu.vertical li.has-menu span.arrow{}

/*--------------Vertical Right Menu Layout-------------------*/
.menu.vertical.right{text-align:left;}
	.menu.vertical.right ul{top:0;right:100%;left:auto;}
	.menu.vertical.right li a{padding-left:25px;padding-right:20px;}
	.menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}

#navigation{
	
	}
	
	
.slider-wrapper { 
}	

.slideshow {
}

.karte {
	background-color: #DDE6D5;
	height: 200px;
	width: 1300px;
}