@charset "utf-8";

/* CSS Document */
form							{	margin:0px; }
img								{	border:0px; }
html							{	overflow-y:scroll; }
body, html 						{ 	width:100%; height:100%; margin:0px; padding:0px; -webkit-text-size-adjust:none; color:#4975b8; position:relative;
									font-size:12px; line-height:1.5em; font-family:Arial, Helvetica, sans-serif;}
input, select, textarea			{	color:#4975b8; font-size:13px; line-height:1.5em; font-family:Arial, Helvetica, sans-serif;}
*								{	outline:none; }
p								{	padding:5px 0px; margin:0px; }
a								{	color:#ba245c; }

/**********************************************
TITLES
**********************************************/
h1, h2, h3, h4, h5				{	line-height:1.1em; margin:0px; padding:5px 0px 10px 0px; font-weight:normal;  }
h1, h2							{	font-family: 'Dosis', cursive; font-weight:600;   }
h1								{	font-size:2.3em; }
h2								{	font-size:2.3em; }
h3								{	font-size:1.6em; }
h4								{	font-size:1.3em; }
h5								{	font-size:1.1em; }
h1+p, h2+p, h3+p, h4+p, h5+p 	{	margin-top:-0.1em; }
h2								{	color:#ba245c; }


/**********************************************
CONTAINERS
**********************************************/
#container											{	overflow:hidden; position:relative; z-index:2; min-height:100%; _height:100%; margin-bottom:-80px; }
div.center											{	position:relative; width:980px; margin:0px auto;  }
#content											{	padding-bottom:100px; z-index:4; position:relative; }

														body, html{ min-height:4px; }
@media (min-width: 768px) and (max-width: 1050px) 	{ 	body, html{ min-height:3px; } div.center{ width:730px; } }
@media (max-width: 767px)							{ 	body, html{ min-height:2px; } div.center{ width:440px; } #container{ margin-bottom:0px; } #content{  padding-bottom:0px; } #background{ display:none; } }
@media (max-width: 479px) 							{ 	body, html{ min-height:1px; } div.center{ width:100%; min-width:310px;  } }

/**********************************************
HEADER
**********************************************/
header																{	position:relative; display:block; z-index:12;   }
header a.logo														{	display:block; position:relative; width:340px; height:100px; z-index:2; }	
header a.logo img													{	display:block; height:100%; width:auto;}
header a.slogan														{	display:block; position:absolute; height:45px; z-index:2; right:0px; top:15px;}	
header a.slogan img													{	display:block; height:100%; width:auto;}

@media (min-width: 768px) and (max-width: 1050px) 	{
	header a.slogan	{	height:34px; top:32px; }	
	header a.logo	{	height:80px; padding-bottom:0px;}
}

@media (max-width: 767px) {
	#languages															{	top:10px; left:10px;  }
	header																{	height:auto; }
	header a.logo														{	display:block; z-index:1; position:relative; height:inherit; width:inherit; top:0px; left:10px; right:inherit; overflow:hidden; }
	header a.slogan														{	display:block; z-index:1; position:relative; height:inherit; width:inherit; top:0px; left:0px; right:inherit; margin:-10px 0px 0px 0px;  }
	header a.logo img													{	width:80%; max-width:340px; height:auto; margin:0px auto;}
	header a.slogan img													{	width:80%; height:auto; margin:5px auto 10px auto; overflow:hidden; }
}


/**********************************************
HEADER SLIDER
**********************************************/
#slider						{	position:relative; background-color:#4975b8; z-index:2;}
#slider::before				{	display:block; position:relative; content:''; width:100%; height:0px; padding-bottom:20.408%; z-index:1;}
#slider::after				{	display:block; position:absolute; top:0px; left:0px; content:''; width:100%; height:100%; background-size:100% auto; background:url('../images/bar-shadow.jpg') 50% 100% repeat-x transparent; z-index:3;}
#slider ul					{ 	position:absolute; left:0px; top:0px; padding:0px; list-style:none; margin:0px; height:100%; width:100%; z-index:2; }
#slider ul li				{	position:absolute; left:0px; top:0px; height:100%; width:100%; overflow:hidden; display:none; background-size:cover; background-position:50% 50%; }
#slider ul li:first-child	{	display:block; }

@media (max-width: 479px) {
	#slider::before				{	display:block; position:relative; content:''; width:100%; height:0px; padding-bottom:40%; z-index:1;}
}


/**********************************************
COLUMNS
**********************************************/

#template-columns							{	margin:0px -10px; 	}
#template-columns > div > div 				{	float:left; }
#template-columns > div > div.column-1 		{	width:57%; }
#template-columns > div > div.column-2 		{	width:43%; }
#template-columns > div > div > div 		{	margin:0px 10px; }

@media (max-width: 767px) {
	#template-columns > div > div 				{	float:none; }
	#template-columns > div > div.column-1 		{	width:inherit; }
	#template-columns > div > div.column-2 		{	width:inherit; }
}
@media (max-width: 479px) {
	#titel									{	padding:0px 10px;	}
	#template-columns						{	padding:0px 10px;	}
	#template-columns > div > div > div 	{	margin:0px 10px 10px 10px; }
}


/**********************************************
CONTENT AREA
**********************************************/
.area.content							{ 	padding:10px 15px; margin-top:20px; background-color:#dbe3f1; }


/**********************************************
ADRESSEN
**********************************************/
div.keuze							{	margin:-5px -10px; }
div.keuze ul						{	padding:0px; margin:0px; list-style:none; }
div.keuze ul li						{	float:left; width:50%; }
div.keuze ul li > a					{	display:block; background-color:#ba245c; margin:10px; padding:20px; color:#FFF; color:#FFF; position:relative; text-decoration:none; font-size:1.3em; line-height:1.3em; 
										transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; border:1px solid #333; border-radius:4px;
										-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
										-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
										box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);}
div.keuze ul li > a:hover			{	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
										-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
										box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
										-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
div.keuze ul li > a *				{	color:#FFF; }
div.keuze ul li > a > h2			{	display:block; font-style:bold; text-align:center; }
div.keuze ul li > a > em			{	display:block; font-style:normal; text-align:center;}
div.keuze ul li > a > strong		{	display:block; font-style:normal; text-align:center; padding-top:15px; position:relative; top:0px; 
										transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 1ms; 
										-webkit-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 1ms; 
										-moz-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 1ms;}
div.keuze ul li > a > strong > span	{	background-color:#4975b8; color:#FFF; font-weight:bold; padding:8px 15px; border:1px solid #FFF; border-radius:4px; }

div.keuze ul li > a:hover > strong 	{
	top:5px;
	-ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);
}
											
div.keuze ul li > a > strong > span		 { 	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
											-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
											box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}							
div.keuze ul li > a:hover > strong > span { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
											-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
											box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
}
										
										
div.keuze ul li.block2 > a,
div.keuze ul li.block3 > a					{	background-color:#4975b8; }
div.keuze ul li.block2 > a > strong > span,
div.keuze ul li.block3 > a > strong > span	{	background-color:#ba245c; }
			
@media (min-width: 768px) and (max-width: 1050px) 	{
	
	div.keuze ul li > a > h2			{	font-size:1.7em; line-height:1.3em; }
}

@media (max-width: 479px) {
	div.keuze							{	margin:0px -5px; }
	div.keuze ul li > a					{	margin:5px; }
	div.keuze ul li > a > h2			{	font-size:1.7em; line-height:1.3em; }
	
}
/******************************
CLEARFIX
******************************/
span.button, input.button, a.button, p.button a	{	display:inline-block; position:relative; text-decoration:none; padding:10px 15px; font-size:1.0em; line-height:1.2em; 
													cursor:pointer; text-align:center; -webkit-appearance: none; white-space: normal; text-transform:uppercase; border:0px;
													background-color: #dd2866; 
													color:#FFF;  border-radius: 5px;  }
span.button:hover, input.button:hover, a.button:hover, p.button a:hover	{	background-color: #4975b8; }
													
/******************************
CLEARFIX
******************************/
.clearfix 				{	*zoom: 1; }
.clearfix:before,
.clearfix:after 		{  	display: table; line-height: 0; content: ""; }
.clearfix:after 		{	clear: both; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.toolboximage								{	display:block; }
.toolboximage.border 						{ 	border:1px solid #333; margin:-2px; } 
.toolboximage.noalign						{	 }
.toolboximage.left							{	float:left; margin-right:20px; margin-bottom:20px; }
.toolboximage.right							{	float:right; margin-left:20px; margin-bottom:20px; }

.toolboximage.zoom,
.toolboximage.groot							{	width:100%; height:auto;}
.toolboximage.normal						{	width:50%; height:auto;}
.toolboximage.klein							{	width:25%; height:auto;}