@font-face {
    font-family: 'swis721_btroman';
    src: url('fonts/Swis721_BT/ufonts.com_swis721-bt-roman-webfont.woff2') format('woff2'),
         url('fonts/Swis721_BT/ufonts.com_swis721-bt-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swis721_hv_btheavy';
    src: url('fonts/Swis721_Hv_BT/ufonts.com_swis721-hv-bt-heavy-webfont.woff2') format('woff2'),
         url('fonts/Swis721_Hv_BT/ufonts.com_swis721-hv-bt-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html{
	-ms-text-size-adjust: 100%;
  	-webkit-text-size-adjust: 100%;
}

html, body{
	min-height: 100%;
	margin: 0;
	padding: 0;
}

body{
	color: #666666;
	font-family: "swis721_btroman";
	font-size: 1.125em;
	line-height: normal;
	background-color: #fff;
}

ul{
	margin: 0;
	padding-left: 25px;
}

a{
	color: #dd137b;
	text-decoration: none;
	cursor: pointer;
}

img{
	border: none;
}

p{
	margin-top: 0;
	line-height: 25px;
}

hr{
	border: none;
	height: 1px;
	background-color: #cccccc;
	margin: 20px 0;
}

h1,h2,h3,h4,h5{
	margin: 0;
}

h1{
	font-size: 1.667em;
	margin-bottom: 20px;
	line-height: normal;
	font-weight: normal;
}

.infobox h1{
	font-size: 1.444em;
	margin-bottom: 10px;
}

h2{
	font-size: 1.222em;
	margin-bottom: 10px;
	font-weight: normal;
}

h3{
	font-size: 1.111em;
	margin-bottom: 5px;
	font-weight: normal;
}

h4{
	font-size: 1em;
	margin-bottom: 5px;
}

h5{
	font-size: 1em;
	margin-bottom: 5px;
}

.clear, .clear_5, .clear_10, .clear_15, .clear_20, .clear_25, .clear_30, .clear_35, .clear_40, .clear_45, .clear_50{
	display: block;
	clear: both;
}

.clear_5{
	height: 5px;
}

.clear_10{
	height: 10px;
}

.clear_15{
	height: 15px;
}

.clear_20{
	height: 20px;
}

.clear_25{
	height: 25px;
}

.clear_30{
	height: 30px;
}

.clear_35{
	height: 35px;
}

.clear_40{
	height: 40px;
}

.clear_45{
	height: 45px;
}

.clear_50{
	height: 50px;
}

.clrfix:after{
	content: ".";
	height: 0px;
	visibility: hidden;
	clear: both;
	display: block;
}

.last{
	margin-right: 0;
}

.input{
	padding-right: 12px;
	margin-bottom: 10px;
}

label{
	line-height: 18px;
}

input[type=text], input[type=password], textarea{
	padding: 3px 5px;
	border: 1px solid #cccccc;
	width: 100%;
	font-family: Times New Roman;
	font-size: 18px;
	color:#666666
}

textarea{
	resize: vertical;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus{
	border: 1px solid #555555;
}

select{
	padding: 2px 2px 2px 2px;
	border: 1px solid #cccccc;
	font-family: Times New Roman;
	font-size: 18px;
	color:#666666;
}

select option{
	padding-right: 10px;
	font-family: Times New Roman;
	font-size: 18px;
	border: 1px solid #cccccc;
	color: #666666;
}

input[type=submit], input[type=button]{
	background-image: none;
	background-color: #dd137b;
	color: #ffffff;
	border: 1px solid #dd137b;
	padding: 7px 30px;
	cursor: pointer;
	font-size: 18px;
	font-family: Times New Roman;
}

a.button{
	display: block;
	float: left;
	background-color: #dd137b;
	color: #ffffff;
	border: 1px solid #dd137b;
	padding: 5px 20px;
	text-decoration: none;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 18px;

}

#meta_edit{
	position: fixed;
	top: -341px;
	right: 0;
	border: solid #cccccc;
	border-width: 0 0 1px 1px;
	background-color: #ffffff;
	padding: 20px 20px 10px 20px;
	width: 1000px;
	border-radius: 0 0 0 5px;
	height: auto;
	z-index: 101;
}

#meta_edit_button{
	position: absolute;
	bottom: -29px;
	right: 0;
	font-size: 14px;
	line-height: 18px;
	border: solid #cccccc;
	border-width: 0px 0px 1px 1px;
	border-radius: 0 0 0 5px;
	background-color: #ffffff;
	padding: 5px 10px;
	cursor: pointer;
	z-index: 101;
}

.infobox_fehler{
	position: fixed;
	top: 30px;
	left: 50%;
	border: 2px solid #d40000;
	padding: 20px;
	background-color: #ffdfdf;
	color: #d40000;
	margin-left: -420px;
	width: 800px;
	border-radius: 5px;
	z-index: 999;
}

.infobox_fehler .info_close{
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #d40000;
	color: #ffffff;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	border-radius: 0 0 0 5px;
	cursor: pointer;
}

.infobox_erfolg .info_close{
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #01a41c;
	color: #ffffff;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	border-radius: 0 0 0 5px;
	cursor: pointer;
}

.infobox_erfolg{
	position: fixed;
	top: 30px;
	left: 50%;
	border: 2px solid #01a41c;
	padding: 20px;
	background-color: #dfffdf;
	color: #01a41c;
	margin-left: -420px;
	width: 800px;
	border-radius: 5px;
	z-index: 999;
}

.infobox_fehler ul, .infobox_erfolg ul{
	margin: 5px 0px 0px 0px;
	padding-left: 35px;
}

#modal .save_button, #modal .cancel_button {
	float: right;
	width: auto;
	padding: 2px 10px;
	text-align: center;
	font-size: 14px;
	border: solid #93A2B2;
	border-width: 1px 2px 2px 1px;
	border-radius: 5px;
	margin-left: 10px;
	cursor: pointer;
	background-color: #ffffff;
	color: #383838;
	box-shadow: none;
}

.changeable {
	position: relative;
	min-height: 60px;
}

.edit_content_button {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	border: 1px solid #cccccc;
	padding: 5px 20px;
	background-color: #ffffff;
	cursor: pointer;
	color: #bbbbbb !important;
	text-decoration: none;
	font-size: 14px;
}

.edit_content_button:hover {
	color: #555555 !important;
	text-decoration: none;
	border: 1px solid #555555;
}

#balken_blau{
	background-color: #22263d;
	height: 18px;
}

#top{
	background-color: #22263d;
	text-align: center;
}

#gesamt{
	margin-bottom: 24px;
}

#logo{
	display: block;
	width: 100%;
	max-width: 180px;
	margin: 0 auto;
}

#logo img{
	width: 100%;
}

a#logo_text{
	display: inline-block;
	color: #dd137b;
	font-family: 'swis721_hv_btheavy';
	text-transform: uppercase;
	font-size: 1.667em;
	padding: 0 0 10px 0;
}

.layout{
	display: block;
	max-width: 1200px;
	margin: 0 auto;
}

#header{
	max-height: 522px;
	overflow: hidden;
}

#header img{
	display: block;
	width: 100%;
}

.login_form{
	display: block;
	max-width: 300px;
	margin: 0 auto;
	padding: 30px 0;
}

.cycle-slideshow { width: 100%; }
.cycle-slideshow img { width: 100%; }

.content{
	display: block;
	padding: 40px;
	background-color: #e6e6e6;
}

.index_content.content{
	padding: 30px;
}


#navi_bottom{
	text-align: center;
	color: #7d7c7a;
	font-size: 0.889em;
	line-height: 1.8em;
	padding: 10px 0;
}

#navi_bottom a{
	color: #7d7c7a;
	margin: 0 10px;
}


#index_left{
	display: block;
	float: left;
	width: 49%;
}

#index_right{
	display: block;
	float: left;
	width: 51%;
}

#index_leistungen_wrap, #index_kontakt_wrap{
	display: block;
	float: left;
	width: 50%;
}

#index_leistungen, #index_kontakt{
	border-left: 10px solid #fff;
}

.index_box_head{
	background-color: #dd137b;
	text-align: center;
	color: #fdf7ee;
	padding: 20px 10px;
	font-size: 1.111em;
}

.index_box_head a{
	color: #fdf7ee;
	text-transform: uppercase;
}

.index_box_head ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.index_box_head ul li{
	display: inline-block;
	margin: 0;
}

.index_content{
	min-height: 520px;
}

#navi{
	display: block;
	
}

#navi_leistungen_wrap, #navi_kontakt_wrap{
	display: block;
	float: left;
	width: 50%;
	text-align: center;
	
}

#navi_leistungen, #navi_kontakt{
	border-left: 10px solid #fff;
}

#navi ul{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fdf7ee;
}

#navi ul li{
	display: block;
	float: left;
	background-color: #dd137b;
	width: 20%;
}



#navi ul li a{
	font-size: 1.111em;
	color: #fdf7ee;
	text-transform: uppercase;
	border-left: 10px solid #fff;
	display: block;
}

#navi ul li:first-child a{
	border-left: none;
}

#navi ul li.zweizeilig a{
	padding: 14px 20px;
}

#navi ul li.einzeilig a{
	padding: 27px 20px;
}


#menue_bar{
	display: none;
	height: 50px;
	background-color: #dd137b;
	line-height: 50px;
	color: #fff;
}

#menue_icon{
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 53px;
	font-size: 3em;
	text-align: center;
}

#menue_text{
	display: block;
	margin-left: 50px;
	font-size: 1.4em;
	padding-left: 10px;
}

.col_left{
	display: block;
	float: left;
	width: 57%;
	margin-right: 5%;
}

.col_right{
	display: block;
	float: left;
	width: 38%;
}


.galerie ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: -15px;
}

.galerie ul li{
	display: block;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}

.galerie ul li a{
	display: block;
}

.galerie ul li a img{
	display: block;
}

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 1050px){
	#navi ul li a{
		font-size: 0.9em;
	}

	#navi ul li.einzeilig a{
		padding: 24px 20px 25px 20px;
	}
}

@media screen and (max-width: 955px){
	#index_left .index_content{
		min-height: 549px;
	}

	#index_leistungen_wrap .index_content{
		min-height: 217px;
	}

	#index_kontakt_wrap .index_content{
		min-height: 217px;
	}

	#index_kontakt{
		border-top: 10px solid #fff
	}

	#index_left{
		width: 75%;
	}

	#index_right{
		width: 25%;
	}

	#index_leistungen_wrap{
		float: none;
		width: auto;
	}

	#index_kontakt_wrap{
		float: none;
		width: auto;
	}
}

@media screen and (max-width: 870px){
	#navi ul li{
		width: 22.3333%;
	}

	#navi ul li.kontakt_navilink{
		width: 15%;
	}

	#navi ul li.leistungen_navilink{
		width: 18%;
	}
}

@media screen and (max-width: 785px){
	#menue_bar{
		display: block;
	}

	#navi{
		height: auto;
	}

	#navi ul{
		display: none;
	}

	#navi ul li{
		display:block;
		float: none;
		width: auto;
	}

	#navi ul li.leistungen_navilink{
		width: auto;
	}

	#navi ul li.kontakt_navilink{
		width: auto;
	}

	#navi ul li a{
		display: block;
		text-align: left;
		margin-left: 0;
		border-left: none;
		border-top: 1px solid #fff;
		padding: 0 20px;
	}

	#navi ul li.leistungen_navilink a{
		padding: 14px 20px;
	}

	#navi ul li.kontakt_navilink a{
		padding: 14px 20px;
	}

	#navi ul li a br{
		display: none;
	}

	#navi ul li ul{
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		border: none;
	}

	#navi ul li ul li{
		display: block;
		width: auto;
	}

	#navi ul li ul li a{
		background-color: #00618e;
	}

	#navi ul li ul li ul{
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		border: none;
	}

	#navi ul li ul li:hover ul{
		display: none;
	}

	#navi ul li ul li ul li{
		display: block;
		width: auto;
	}

	#navi ul li ul li ul li a{
		padding-left: 40px;
	}




	#index_left .index_content{
		min-height: 598px;
	}

	#index_leistungen_wrap .index_content{
		min-height: 241px;
	}

	#index_kontakt_wrap .index_content{
		min-height: 241px;
	}
}

@media screen and (max-width: 715px){
	#index_left{
		float: none;
		width: auto;
	}

	#index_left .index_content{
		min-height: 0;
	}

	#index_right{
		float: none;
		border-top: 10px solid #fff;
		width: auto;
	}

	#index_right .index_content{
		min-height: 217px;
	}

	#index_leistungen_wrap{
		float: left;
		width: 50%;
		
	}

	#index_leistungen{
		border-left: none;
	}

	#index_kontakt_wrap{
		float: left;
		width: 50%;
	}

	#index_kontakt{
		border-top: none;
	}
}

@media screen and (max-width: 540px){
	#index_left .index_box_head{
		padding: 0;
	}

	.index_box_head ul li{
		display: block;
		line-height: 2em;
		border-top: 1px solid #fff;
	}

	.index_box_head ul li:first-child{
		border-top: none;
	}

	.index_box_head ul li.navi_trenner{
		display: none;
	}
}

@media screen and (max-width: 405px){
	#index_right .index_content{
		min-height: 241px;
	}

	a#logo_text{
		font-size: 1.2em;
	}
}