@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url('font-awesome.min.css');
/* CSS Document */

#div {
position:absolute;
height:inherit;
width:960px;
margin:0px 0px 0px -480px;
left: 50%;
padding: 0px;
background-color: #f5f5f5;
overflow: visible;
} 
#canvas2 {
	position: absolute;
	width: 653px;
	height: 682px;
	z-index: 1;
	left: 16px;
	top: 190px;
	text-align: center;
}
#content-main {
	position: absolute;
	width: 550px;
	height: 589px;
	z-index: 1;
	left: 55px;
	top: 75px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	font-color: #666666;
}
#content-main p, #content-main_no p{
    margin-bottom:15px;
}
#content-main_no {
	position: absolute;
	width: 509px;
	height: 589px;
	z-index: 1;
	left: 64px;
	top: 71px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}
#content-main-oben {
	position: absolute;
	width: 569px;
	height: 562px;
	z-index: 1;
	left: 67px;
	top: 114px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: justify;
	overflow: auto;
}

#klemmbrett {
	position: absolute;
	width: 735px;
	height: 1182px;
	z-index: 3;
	left: 138px;
	top: 90px;
}

#footer-innen {
	position: absolute;
	width: 652px;
	height: 67px;
	z-index: 4;
	left: 19px;
	top: 890px;
	color: #0051A2;
	text-align: center;
}
#navigation-subseiten {
	position: absolute;
	width: 571px;
	height: 273px;
	z-index: 2;
	left: 42px;
	top: 44px;
	text-align: center;
}
.overline {
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #00509C;
	text-transform: uppercase;
	padding-bottom-20px;
}
.subhead1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #00509C;
	text-transform: uppercase;
	text-align: center;
}
.sub1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	text-transform: none;
	text-align: center;
}
.sublink1, a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #E7513F;
	text-transform: none;
	text-align: center;
	padding-bottom: 20px;
	text-decoration:none;
}
p, dl, multicol {
	display: block;
	margin: 0em 0;
	font-size: 14px;
	text-align: left;
	font-color: #666666;
}
body {
	background-image: url(../img/background4.jpg);
	  background-repeat:no-repeat;
	background-position: 50% 0%;
	-webkit-background-size: 2200px 1820px;
	
 }
 
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)

 {
  body{
      background-image: url(../img/background4.jpg);
}
 h1 {
	
}
 }
 
 a:link,a:visited,a:hover
 {color:#E7513F; 
 font-size:14px;}
		h1{font-family:Georgia,serif; font-size:18px; font-style:italic; margin:40px; color:#666666;}
		p{
	text-align: justify;
	color: #666666;
}
		hr{height:0; border:none; border-bottom:1px solid rgba(255,255,255,0.13); border-top:1px solid rgba(0,0,0,1); margin:9px 10px; clear:both;}
		.links{margin:10px;}
		.links a{display:inline-block; padding:3px 15px; margin:7px 10px; background:#444; text-decoration:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
		.links a:hover{background:#eb3755; color:#fff;}
		code{color:#5b70ff;}
		.total-scroll-offset-cb{color:#f08209;}
		.total-scroll-back-offset-cb{color:#f0df09;}
		.content{margin:40px; width:50%; height:340px; padding:20px; overflow:auto;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
		.content p:nth-child(even){color:#999; font-family:Georgia,serif; font-size:17px; font-style:italic;}
		.content p:nth-child(3n+0){color:#c96;}


/******

Navigation

*****/

#navigation-top {
    position: absolute;
    width: 640px;
    height: 22px;
    z-index: 2;
    left: 25px;
    top: 134px;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}


#navigation-top ul, #navigation-bottom ul{
    list-style: none;
    padding:0;
    margin:0;
    text-align:center;
}
#navigation-top ul li,#navigation-bottom ul li{
    display:inline;
    margin-right:5px;
}


#navigation-top ul li a, #navigation-top ul li a:visited,#navigation-bottom ul li a, #navigation-bottom ul li a:visited{
    text-transform: uppercase;
    color:#000;

    font-weight:600;
    font-size:12px;
    font-family: 'open sans', sans-serif;
}
#navigation-top ul li a:hover,#navigation-top ul li a.active, #navigation-bottom ul li a:hover,#navigation-bottom ul li a.active{
    color:#0051A2;
}
#navigation-bottom {
    position: absolute;
    width: 536px;
    height: 31px;
    z-index: 3;
    left: 71px;
    top: 1127px;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    text-transform: uppercase;

    text-align: justify;
}
.logo_left{
    position:relative;
    top:18px;
    left:23px;
}


/*============================================
    Home Slider
================================================*/

.home_slider{ /*overrides the main grundriss*/
    height:610px !important;
    width:629px !important;
    left:15px !important;
    padding:0 !important;
    overflow:hidden !important;

}

.carousel_nav_wrapper{
   text-align:center;
    padding-top:10px;
}
.carousel_nav_wrapper #prev{
    float:left;
    margin-left:20px;
}
.carousel_nav_wrapper #next{
    float:right;
    margin-right:20px;
}
.carousel_nav_wrapper a i{
    color:#0051A2;
    font-size:22px;
}
.carousel_nav_wrapper a i:hover{
    color:#E7513F;
}