@charset "utf-8";
/* CSS Document */

/**
 * @author      Andrej Heinemann
 * @subpackage  Werksarztzentrum Hochsauerland e. V.
 * @link        http://www.creative-power-group.de
 * @email       info@creative-power-group.de
 * @copyright   Andrej Heinemann
 *
 * Template Werksarztzentrum Hochsauerland e. V. 3.3
 * Copyright (C) 2015 Andrej Heinemann // 02.03.2015
 * 
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/
/* hind-300 - latin */
@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/hind-v16-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-300.svg#Hind') format('svg'); /* Legacy iOS */
  }
  
  /* hind-regular - latin */
  @font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/hind-v16-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
  }
  
  /* hind-500 - latin */
  @font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/hind-v16-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-500.svg#Hind') format('svg'); /* Legacy iOS */
  }
  
  /* hind-600 - latin */
  @font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/hind-v16-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-600.svg#Hind') format('svg'); /* Legacy iOS */
  }
  
  /* hind-700 - latin */
  @font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/hind-v16-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/hind-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/hind-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/hind-v16-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/hind-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/hind-v16-latin-700.svg#Hind') format('svg'); /* Legacy iOS */
  }

  
  
html, body{
	height: 100%;
	margin: 0 auto;
	padding: 0; 
	color:#333;
	font-family: 'Hind', sans-serif;
	font-weight:300;
	font-size:16px !important;
	line-height:26px !important;
}
		
p{
	margin: 0px;
	padding:0px;
}

img{
	border: none;	
}


.page-header{
	display:none;
}

body a{text-decoration:none;}
a:link {color: #008bd2;;}
a:visited {color: #666; }
a:hover {color: #000; list-style-type:none !important; text-decoration:none !important;}
a:focus {color:#ccc;}

h1{
	font-size:170% !important;
	font-weight:500 !important;
	color:#008bd2 !important;
}

h2{
	font-size: 130% !important;
	font-weight:400 !important;
	line-height:132% !important;
	margin-bottom: 40px !important;
	color:#000 !important;
}

.team #content h2{
	margin-bottom: 10px !important;
}

h3{
	color:#008bd2 !important;
}

h4{
	color:#000 !important;
	font-size: 99% !important;
	line-height: 130% !important;
	font-weight:500 !important;
	margin-bottom:3px !important;
}

.home #bg_bild{
	background-image: url(../images/background_werksarztzentrum_hochsauerland_002.jpg);
	background-attachment:;
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	z-index:1;
	overflow:auto;
} 

.kontakt #bg_bild{
	background-image: url(../images/background_werksarztzentrum_hochsauerland_003.jpg);
	background-attachment:;
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	z-index:1;
	overflow:auto;
} 


.sprechzeiten #bg_bild{
	background-image: url(../images/background_werksarztzentrum_hochsauerland_003.jpg);
	background-attachment:;
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	z-index:1;
	overflow:auto;
} 


.impressum #bg_bild{
	background-image: url(../images/background_werksarztzentrum_hochsauerland_004.jpg);
	background-attachment:;
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	z-index:1;
	overflow:auto;
} 

.ueber_uns #bg_bild{
	background-image: url(../images/background_werksarztzentrum_hochsauerland_001.jpg);
	background-attachment:;
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	z-index:1;
	overflow:auto;
	
} 

.gruendung #bg_bild{
	background-image: url(../images/background_werksarztzentrum_hochsauerland_002.jpg);
	background-attachment:;
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	z-index:1;
	overflow:auto;
} 

.mitglieder #bg_bild{
	background-image: url(../images/background_werksarztzentrum_hochsauerland_001.jpg);
	background-attachment:;
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	z-index:1;
	overflow:auto;
} 
			 
#header{
	background:-moz-linear-gradient(to left, #38b5e3 10%, #008bd2 70%); 
	background:-webkit-linear-gradient(to left, #38b5e3 10%, #008bd2 70%); 
	background:-o-linear-gradient(to left, #38b5e3 10%, #008bd2 70%); 
	background: linear-gradient(to left, #38b5e3 10%, #008bd2 70%); 
	background-color:#008bd2;
	height:130px;
	padding-bottom:20px;
	padding-top:20px;
	margin-bottom:5px;
}
		
#balken_oben{
	margin-top:-150px;
	float:right;
	position:relative;
	z-index:1;
	
}
			 
#logo{
	text-align:center;
	margin: 0 auto;
	float:left;
}
				
#content{
	font-size:120%;
	position:relative;
	background-image: url(../images/bg_white_90.png);
	margin-bottom:20px;
	padding:35px 35px 35px 35px;
	margin-top:30px;
	height: auto;
	width: 100% !important;
}

#content img{
	border: 1px solid #008bd2;
}

.stellen #content img{
	border:none !important;
}

#maria img{
	border:none !important;
}

#margin_content{
	height:100px;
	width:100%;
	float:left;
}


#bg_footer{
	width:100%;
	bottom:0;
	height:150px;
	background-color:#008bd2;
	background:-moz-linear-gradient(to left, #38b5e3 10%, #008bd2 70%); 
	background:-webkit-linear-gradient(to left, #38b5e3 10%, #008bd2 70%) !important; 
	background:-o-linear-gradient(to left, #38b5e3 10%, #008bd2 70%); 
	background: linear-gradient(to left, #38b5e3 10%, #008bd2 70%); 
	position:relative;
	float: left;
	z-index:9999;
}
			
#footer{
	font-size:120%;
	color:#fff;
	margin: 0 auto;
	text-align:center;
}

#footer a:link{
	color:#fff;
}

#footer a:visited{
	color:#fff;
}

#balken_unten{
	margin-top:-190px;
	width:230px;
	position:relative;
	z-index:1;
}

.plg_system_eprivacy_module, .jmoddiv, .jmodinside{
	z-index: 1 !important;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color:#fff !important;
	color:#008bd2 !important;
}

.cc_container {
    background: #008bd2 none repeat scroll 0 0 !important;
	border-top: 1px solid #fff !important; 

}

.cc_container a, .cc_container a:visited {
    color: #000 !important;
}


.cc_container .cc_btn {
    max-width: 200px !important;


}

.box_mitglieder{
	background-color:#21A4DC;
	padding:30px;
	font-size:150% !important;
	text-align: center !important;
	color:#fff;
	font-weight:600 !important;
	height:220px !important;
	margin-bottom:20px;
	transition: all .4s linear;
	-o-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.box_mitglieder:hover{
	border-radius:15px;
	opacity:0.7;
	transition: all .4s linear;
	-o-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.box_mitglieder img{
	border:none !important;
}

.left{
	padding-right:15px !important;
}

.middle{
	padding-left:8px !important;
	padding-right:8px !important;
}

.right{
	padding-left:15px !important;
}

.button_abmelden{
	background-color:#21A4DC;
	padding:10px !important;
	width:150px !important;
	border-radius:30px;
	margin-left:15px;
	text-align:center;
	margin-bottom:20px;
}

.button_abmelden a:link{
	color:#fff !important;
}

.button_abmelden a:visited{
	color:#fff !important;
}


/* Cookie-Anzeige */

.activebar-container{
	width: 500px !important;
	text-align: center !important;
	position: fixed !important;
	left: 0px !important;
	right: 0px !important;
	margin: 0 auto !important;
	background-color: #fff !important;
	padding: 10px !important;
	font-size: 120% !important;
	line-height: 120% !important;
	box-shadow: 0px 0px 1200px 200px #000 !important;
	margin-top: 10% !important;
	border-radius: 8px;
	z-index: 99999999999 !important;
}

.activebar-container button.accept{
	border: none !important;
	background-color: green !important;
	color: #fff !important;
	float: left !important;
	margin-left: 120px !important;
	border-radius: 5px !important;
}

.activebar-container button.decline{
	border: none !important;
	background-color: red !important;
	color: #fff !important;
	margin-right: 120px !important;
	border-radius: 5px !important;
}

.activebar-container p{
	margin-bottom: 30px !important;
	text-align: center !important;
}


.activebar-container .links li{
	border:2px solid #000 !important;
	color: #fff !important;
	padding: 5px !important; 
	font-size: 90% !important;
	margin-left: -20px !important;
	margin-bottom: 5px !important;
	width: 100% !important;
	text-align: center !important;
}

.plg_system_eprivacy_module div.plg_system_eprivacy_accepted, .plg_system_eprivacy_module div.plg_system_eprivacy_declined{
	position: relative !important;
	bottom: 0px !important;
	z-index: 99999999999999999999 !important;
	width: 100% !important;
	background-color: #fff !important;
	padding: 8px 20px 0px 20px !important;
	color: #000 !important;
}

.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button{
	background-color: #36b3e2 !important;
	border: none !important;
	color: #fff !important;
	margin-left: 5px !important;
}

.cookies_deaktiviert{
	border: 2px solid red;
	color: red;
	padding: 20px;
	font-size: 120%;
}

.datenschutz tr, th, td{
	border: 1px solid #000;
	padding: 10px !important;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++ MEDIZIN KOMPAKT ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#links{
	border: 1px solid #008bd2;
	border-radius: 3px;
	margin-bottom:30px;
	background-color:#fff;
	height:auto;
	padding: 10px 25px 10px 25px;
}

#links_vorschriften {
	border: 1px solid #008bd2;
	border-radius: 3px;
	margin-bottom:30px;
	height:auto;
	background-color:#fff;
	padding: 10px 25px 10px 25px;
}

#links_regeln {
	border: 1px solid #008bd2;
	margin-bottom:30px;
	border-radius: 3px;
	background-color:#fff;
	height:auto;
	padding: 10px 25px 10px 25px;
}

#links_wissenswertes{
	border: 1px solid #008bd2;
	border-radius: 3px;
	margin-bottom:30px;
	background-color:#fff;
	height:auto;
	padding: 10px 25px 10px 25px;
}

#links_datenbanken{
	border: 1px solid #008bd2;
	border-radius: 3px;
	background-color:#fff;
	margin-bottom:30px;
	height:auto;
	padding: 10px 25px 10px 25px;
}

#links_koerperschaften{
	border: 1px solid #008bd2;
	margin-bottom:30px;
	border-radius: 3px;
	background-color:#fff;
	height:auto;
	padding: 10px 25px 10px 25px;
}

#links_verbaende{
	border: 1px solid #008bd2;
	border-radius: 3px;
	margin-bottom:30px;
	background-color:#fff;
	padding: 10px 25px 10px 25px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++ TEAM ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#team_bild img{
	border: 1px solid #008bd2;
	border-radius: 3px;
	margin-bottom:30px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#leistungen h3{
	border: 1px solid #008bd2;
	padding:10px 10px 7px 10px;
	border-radius: 3px;
	background-color:#fff;
}



#leistungen img{
	border: 1px solid #008bd2;
	border-radius: 3px;
}


.sprechzeiten #content h1{
	border-bottom: 1px solid #008bd2;

	padding:10px 10px 7px 10px;
	border-radius: 3px;
	background-color:#fff;
}


#sprechzeiten{
	border: 1px solid #008bd2;
	border-radius: 3px;
	margin-bottom:10px;
	background-color:#fff;
	height:auto;
	padding: 10px 25px 10px 25px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#bg_navigation{
	background-color:#008bd2;
	position:relative;
	margin: 0 auto;
	float:left;
	z-index:2;
	height:35px;
	margin-top:-90px;
	width:100%;
}


#nav-wrap {
	text-align:center;
}


#menu-icon {
	display: none;
}

#nav{
	margin: 0 auto;
	width:1170px;
}

#nav ul.menu, 
#nav ul.menu li {
	margin: 0;
	text-align:center;
	padding: 0;
}

#nav ul.menu li {
	list-style: none;
	float: left;
	list-style-type:none;
	text-decoration:none;
	font-weight:400;
	text-align:center;
	font-size:100%;
}

#nav ul.menu li a {
	padding:6px 5px 4px 5px;
	display: block;
	width:160px;
	text-decoration:none;
	color: #fff;
}


#nav ul.menu li a:hover {
	background-color: #fff;
	color:#008bd2;
	
}

#nav ul.menu li.active a {
	background-color: #fff;
	color:#008bd2;
}


#nav ul.menu ul{
	background: #fff;
	padding:0px;
	border-bottom:0px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; 
	margin-left:0px;
	width:160px;
}

#nav ul.menu li ul li {
	float: none;
	text-align:center;
	font-size:100%;
	border-bottom: 0px;
	padding:0px;
	width:100%;
}
#nav ul.menu li ul li a{
	border-bottom:0px !important;
	width:100%;
	color:#008bd2 !important;
	padding:8px 5px 10px 5px;

}


#nav ul.menu li:hover > ul {
	display: block;
}


#nav ul.menu ul li a:hover {
	background-color:#008bd2;
	color:#fff !important;
	width:100%;
	border-bottom:0px;
}


#nav ul.menu ul li.active a{
	border-bottom:0px !important;
	background-color:#008bd2;
	width:100%;
	color:#fff !important;
}


#login-form{
	border:1px solid #008bd2;
	padding:25px 25px 25px 60px;
	background-color:#fff;
	font-size:95%;
}

.input-prepend{
	margin-bottom:10px;
}

#form-login-submit{
	margin-bottom:10px;
}

.unstyled{
	list-style-type:none;
	text-decoration:none;
	margin-left:-40px;
}

.pretext{
	font-weight:400;
	font-size:120%;
}

label{
	float:left;
}

@media screen and (max-width: 1199px){
.datenschutz tr, th, td{
	font-size: 80% !important;
	padding: 5px !important;
	line-height: 110% !important;
}
}
	
@media screen and (max-width: 1024px){
	
h1{
	font-size:140% !important;
	line-height: 142% !important;
}

#leistungen{
	font-size:90% !important;

}

#login-form{
	padding:25px 25px 25px 35px;
}



}

@media screen and (max-width: 991px){
.activebar-container{
	width: 90% !important;
}
	
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted, .plg_system_eprivacy_module div.plg_system_eprivacy_declined{
	color: #000 !important;
	font-size: 110% !important;
	width: 100% !important;
}
	
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button{
	float: left !important;
	width: 100% !important;
	margin-bottom: 5px !important;
	}
}

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


#footer{
	font-size:100%;
}


#login-form{
	padding:25px 25px 25px 25px;
}

#balken_oben{
	display:none;
}	
	
#balken_unten{
	display:none;
}

#bg_navigation{
	margin-top:0px !important;

}

}


@media screen and (max-width: 767px){
.activebar-container p{
	font-size: 70% !important;
	line-height: 110% !important;
}
	
.activebar-container ul.links li{
	font-size: 70% !important;
	line-height: 110% !important;
}
	
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted, .plg_system_eprivacy_module div.plg_system_eprivacy_declined{
	font-size: 80% !important;
	line-height: 110% !important;
}
	
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button{
	padding: 4px !important;
	}
	
.left{
	padding-right:0px !important;
}

.middle{
	padding-left:0px !important;
	padding-right:0px !important;
}

.right{
	padding-left:0px !important;
}

.col-xs-12{
	padding-left:0px !important;
	padding-right:0px !important;
}
}


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

.box_mitglieder{
	font-size:130% !important;
	height:240px !important;
}

}

@media screen and (max-width: 1150px) {
	
#nav{
	width:1000px !important;
}

#nav ul.menu li {
	font-size:70% !important;
}

#nav ul.menu li a {
	width:140px !important;
}
}

@media screen and (max-width: 1000px) {
	
#bg_navigation{
	margin-top:0px !important;

}

	#nav-wrap {
		position: relative;
		text-align:left;
		background-color:#008bd2;
		width:100% !important;
		margin-left:0px;
	}

	#menu-icon {
		color: #fff;
		width: 100%;
		height:50px;
		font-size:20px;
		background: #008bd2 url(../../../images/menu_icon_logo.png) no-repeat 10px center;
		padding: 12px 10px 0 50px;
		cursor: pointer;
		display: block; 
	}
	
	#menu-icon:hover {
		background-color: #008bd2;
		color:#fff !important;
	}
	#menu-icon.active {
		background-color: #008bd2;
		color:#fff !important;
	}
	
	
	#nav {
		clear: both;
		position: absolute;
		top: 48px;
		width: 100% !important;
		z-index: 10000;
		background:#008bd2;
		color:#fff;
		display: none; 
	}
	
	#nav ul.menu ul {
	position: relative;
	width:100%;
}
	
	#nav li {
		clear: both;
		float: none;
		
	}
	
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding:0;
		border:0px;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background:0px;
		color: #fff;
	}
	
	
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border:0px;
		background: inherit;
	}
	#nav ul li {
		width:100%;
		float:left !important;	
	}
	
	#nav ul.menu li a {
		height:40px;
		padding-top:10px;
		width:100% !important;
		
	
}

	#nav ul.menu ul li {
		width:100% !important;

}


	#nav ul.menu ul li a {
		font-size:120% !important;
		width:100% !important;
		color:#008bd2 !important;
		background-color:#fff !important;
}

	#nav ul.menu ul li a:hover {
		color:#fff !important;
		background-color:#008bd2 !important;
}

	#nav ul.menu ul li.active a{
		color:#fff !important;
		background-color:#008bd2 !important;
}

#balken_oben{
	display:none;
}	
	
#balken_unten{
	display:none;
}

}


@media screen and (max-width: 640px) {
	
h1{
	font-size:125% !important;
	line-height: 127% !important;
}
	
h2{
	font-size:110% !important;
}	

h3{
	font-size:95% !important;
}
	
#bg_navigation{
	margin-top:0px;
}				
	
#nav-wrap {
	margin-top:0px !important;
}


#balken_oben{
	display:none;
}	
	
#balken_unten{
	display:none;
}

#bg_footer{
	height: auto !important;
}

#content{
	padding:15px 15px 50px 15px;

}



#login-form{
	padding:25px 25px 25px 25px;

}

}


@media screen and (max-width: 539px) {
	.activebar-container button.decline{
		margin-right: 30px !important;
	}
	
	.activebar-container button.accept{
		margin-left: 30px !important;
	}
}