/*
# Used Colors ##############
*/

.colorBG0 { background: #000066; } /* Layout Main Color */
.colorBG1 { background: #DC143C; } /* Layout Sub Color */

.colorFONT0 { color: #000066; } /* Layout Main Color */
.colorFONT1 { color: #DC143C; } /* Layout Sub Color */

/*
# Layout ################### 
*/

body
{
	font-family: 		'PT Sans', Arial, sans-serif;
	color:			#000000;
	font-size:		14px;
	/*
	background:		#cccccc;
	background-image:	url(../images/background.jpg);
	background-repeat:	repeat-y;
	background-position:	center;
	background-size:	1510px;*/
}

.zitatbox
{
	font-style:		italic;
	font-size:		16px;
	padding:		30px 30px 30px 90px;
	background:		#fafafa;
	border:			1px solid #eee;
	position:		relative;
	line-height:		170%;
	margin-bottom:		1.5em;
	color:			#555555;
}

.zitatbox
{
	background-image:	url(../images/zitatbox.png);
	background-repeat:	no-repeat;
	background-position: left;
	background-size:	90px;
}


/*
.zitatbox:before
{
	content: 		'\f10e';
	width:			90px;
	font-family:		'FontAwesome';
	font-size:		72px;
	font-style:		normal;
	line-height:		72px;
	font-weight:		700;
	text-align:		center;
	color:			#ca2017;
	position:		absolute;
	top:			31px;
	left:			0;
}

.zitatbox:before
{
	content: 		'"';
	font-family:	Georgia, serif;
}
*/

#page
{
	width:			1500px;
	margin:			0 auto;
	background:		#ffffff;
	padding:		30px 0 0 0;
/*	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);*/
}

.header
{
	padding:		40px 0 0 0;
	border-bottom:		1px solid #000066;
}

.header .headertext
{
	color:			#000066;
	font-size:		28px;
}

.line
{
	border-top:		1px solid #000066;
}

.portrait img, .portrait-startseite img
{
	padding:		58px 0 0 0;
}

.content
{
	line-height:		150%;
	padding:		35px;
}

.siegel
{
/*	position:relative;
	left:660px;*/
	padding: 0 0 0 17px;
}

.siegel-mobile
{
	display:		none;
}

.siegelfocus
{
	float:			right;
	position:		relative;
	top:			-180px;
	right:			60px;
}

.marginstartpage
{
	position: relative;
	/*top: -140px;*/
}

.wwm-mobile
{
	display:		none;
}

.portrait-startseite-mobile
{
	display:		none;
}

.sidebar, .sidebar-startseite
{
	color:			#555555;
	border-right:		6px solid #ffffff;
	width:			22.6%;
	margin-left:		10px;
	padding:		15px 15px 0 5px;
}

.sidebar .content, .sidebar-startseite .content
{
	padding:		0;
}

.sidebar table tr, .sidebar-startseite table tr
{
	border-top:		1px solid #ffffff;
}

.sidebar table td, .sidebar-startseite table td
{
	padding:		7px 0 7px 0;
}

.contentrow
{
	background:		#cccccc;
}

.maincontent
{
	background:		#666666;
	color:			#ffffff;
}

#sidebarcontactbox
{
	background:		#999999;
	color:			#000066;
	padding:		5% 5% 3% 5%;
	width:			90%;
	font-size:		25px;
	line-height:	150%;
	margin:			0 0 5px 0;
}

#sidebarcontactbox .infotext
{
	font-size: 13px;
	margin: 10px 0 0 32px;
	line-height: 120%;
}

#sidebarcontactbox .fa-phone { margin: 0 5px 0 0; }

.footer
{
	width:			1500px;
	clear:			both;
	overflow:		auto;
	margin:			0 auto;
	padding:		25px 0 20px 0;
	background-image:	url(../images/backgroundfooter.jpg);
	background-repeat:	repeat-y;
	background-position:	center;
	background-size:	1500px;
}

.footer-content
{
	width:			99%;
	clear:			both;
}

#sidebar-mobile
{
	display:		none;
}

.sidr-class-sidebar-mobile-content
{
	padding:		0 15px 0 15px;
}

dt {
	font-weight:bold;
	background: #cccccc;
	float:left;
	width:96%;
	padding: 1% 2% 1% 2%;
	margin-top:15px;
	margin-bottom:-4px;
	cursor:pointer;
	color: #000000;
}

dt:before
{
	content: 		"\f18e"; /* FontAwesome Unicode */
	font-family: 		FontAwesome;
	display: 		inline-block;
	font-size:		17px;
	margin-left: 		0; /* same as padding-left set on li */
	padding-right:		20px;
}

dt:hover {
}

dd {
	display:none;
	background: #aaaaaa;
	margin:0 0 15px 0;
	float:left;
	width:96%;
	padding: 1% 2% 1% 2%;
	color: #000000;
}

#button {
	float:right;
	display:block;
	height:18px;
	width:17px;
	text-indent:-9999px;
}

.closed { background:url(../images/button.png) left no-repeat; }

.open { background:url(../images/button.png) right no-repeat; }


#googlemaps
{
	height: 433px;	
}

h1, h3.widget-title
{
	font-size:		26px;
	padding:		0 0 20px 0;
	font-weight:		normal;
	text-transform:		uppercase;
	line-height:		130%;
}

h2
{
	font-size:		22px;
}

h3
{
	font-size:		20px;
}

h4
{
	font-size:		18px;
}

h5
{
	font-size:		16px;
}

h6
{
	font-size:		14px;
}

p
{
	margin-bottom:		10px;
	min-height:		15px;
}



/*
# Lists ################### 
*/

.content ul, .content ol
{
	margin:	0 0 20px 20px;
}

.content ul
{
	list-style:		none;
}

.content ul li, .content ol li
{
	margin: 		10px 0 0 0;
  	padding-left: 		1.3em;
}

.content ul li:before 
{
	content: 		"\f00c"; /* FontAwesome Unicode */
	font-family: 		FontAwesome;
	display: 		inline-block;
	font-size:		20px;
	margin-left: 		-1.3em; /* same as padding-left set on li */
	width: 			1.3em; /* same as padding-left set on li */
}

.footer ul
{
	list-style:	none;
}

.footer ul li
{
	float:		left;
	padding:	0 0 0 15px;	
}



/*
# Images ################### 
*/


img		{border:none;}
img.left	{margin:0 10px 10px 0;}
img.right	{margin:0 0 10px 10px;}


/*
# Links ################### 
*/


a
{
	color:			#000066;
}

a:hover
{	
	color:			#000066;
}

.content a,
.footer a
{
	transition: 		all 0.3s ease-out;	
}

.content a
{
}

.content a:hover
{
}

.maincontent a
{
	color:			#a9d7ff;

}

.maincontent a:hover
{

}

.sidr-class-sidebar-mobile-content a,
.sidr-class-sidebar-mobile-content a:hover
{
	color:		#6495ED;
}

a[href $='.pdf']:before
{
	font-family: 'FontAwesome';
   	content: "\f1c1";
   	display: inline-block;
   	padding-right: 3px;
   	font-weight:	normal;
}


.instagram
{
	position: relative;
}
.instagramlogo
{
	font-size: 50px;
	position: absolute;
	left: 108px;
	top: -5px;
}

/*
# Buttons #################
*/
.button, .wpcf7 input[type=submit]
{
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 10px 20px 10px 20px;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 10px 10px 0;
	transition: all 0.2s;
}

.small
{
	padding: 5px 10px 5px 10px;
}

.button:hover, .wpcf7 input[type=submit]:hover
{
	color: #ffffff;
	background: #000066;
	border: 1px solid #000066;
	transition: all 0.2s;
}

.buttoncolorWhite
{
	color: #ffffff;
	border: 1px solid #ffffff;
}

.buttoncolorWhite:hover
{
	color: #DC143C;
	border: 1px solid #DC143C;
	background: #ffffff;
	
}





/*
# Forms ################### 
*/

.wpcf7
{
     	width: 			97%;
}

.wpcf7 div
{
	padding:		10px 0 10px 0;
}

.wpcf7 fieldset
{
      	padding: 		20px;
      	border:			none;
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 select
{
     	border:			solid 1px #8f632b;
    	width: 			100%;
     	padding: 		7px 2% 7px 1%;
     	background: 		#fefefe;
      	text-shadow:		0px 1px 0px #FFF;
     	box-shadow:		inset 1px 4px 9px -6px rgba(0,0,0,0.1);
     	margin:			5px 0 0 0;
     	color:			#b4181d;
}

.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 textarea:focus
{
     	border:			solid 1px #b4181d;
     	outline:		none; /*disable chrome border*/
}

.wpcf7 textarea
{
     	border:			solid 1px #8f632b;
     	width: 			100%;
     	padding: 		7px 2% 7px 1%;
     	background: 		#fefefe;
      	text-shadow:		0px 1px 0px #FFF;
     	box-shadow:		inset 1px 4px 9px -6px rgba(0,0,0,0.1);
     	margin:			5px 0 0 0;
     	color:			#b4181d;
}

#wwm_form input[type="text"]
{
	color:			#000000;
}





/*
# Other ################### 
*/

::selection { background: #000066; color: #ffffff; }  
::-moz-selection { background: #000066; color: #ffffff; }  
::-webkit-selection { background: #000066; color: #ffffff; }  

.right		{float:right;}
.left		{float:left;}
.floatnone	{float:none;}
.clear		{clear:both;}
.alignleft	{text-align: left;}
.alignright	{text-align: right;}
.aligncenter	{text-align: center;}
.marginTop20	{margin-top: 20px; }
.marginRight20 	{margin-right: 20px; }
.marginLeft20	{margin-left: 20px; }
.marginBottom20	{margin-bottom: 20px; }
.marginTop10	{margin-top: 10px; }
.marginRight10 	{margin-right: 10px; }
.marginLeft10	{margin-left: 10px; }
.marginBottom10	{margin-bottom: 10px; }
.paddingPixel20 {padding: 20px;}
.paddingPixel10	{padding: 10px;}
.paddingPixel5  {padding: 5px;}
.paddingPercent20 {padding: 20%;}
.paddingPercent10 {padding: 10%;}
.paddingPercent5 {padding: 5%;}
.paddingPercent2 {padding: 2%;}
.paddingPercent1 {padding: 1%;}



.cc_container {
	background: #000066 none repeat scroll 0 0!important;
	}
	
	.cc_container .cc_btn, .cc_container .cc_btn:visited {
	color: #000066!important;
	background-color: #fff!important;}
	
	a.cc_more_info {
	color: white!important;
	}


/*
# Responsive ################### 
*/


@media only screen and (max-width: 1524px)
{
	#page, .footer, .navigation { width: 100%; /*800px*/ }
	#sidebarcontactbox { font-size: 20px; }
	.portrait img, .portrait-startseite img { padding: 46px 0 0 0; }
	.sidebar, .sidebar-startseite { width: 22%; }
	body { background-image: url(../images/background2.jpg); background-size: 1210px; }
	.siegel { padding: 0 0 0 20px; }
	.siegelfocus
	{
		float:			right;
		position:		relative;
		top:			-180px;
		right:			10px;
	}
	#sidebarcontactbox .infotext { margin: 10px 0 0 25px; }
}

@media only screen and (max-width: 1224px)
{
	/*#page, .footer, .navigation { width: 1000px; }*/
	#sidebarcontactbox { font-size: 16px; }
	.portrait img, .portrait-startseite img { padding: 38px 0 0 0; }
	.sidebar, .sidebar-startseite { width: 21.4%; }
	#googlemaps { height: 288px; }
	body { background-image: url(../images/background3.jpg); background-size: 1010px; }
	.siegel { padding: 0 0 0 20px; }
	.siegelfocus
	{
		float:			right;
		position:		relative;
		top:			-180px;
		right:			10px;
	}
	#sidebarcontactbox .infotext { margin: 10px 0 0 20px; }
}

@media only screen and (max-width: 1024px)
{
	.header { padding: 70px 0 0 0; border-bottom: 1px solid transparent; } 
	#sidebarcontactbox { font-size: 28px; width: 95%; padding: 2.5%; }
	body { background-image: url(../images/background2.jpg); background-size: 810px; }
	#mobile-header 
	{ 
		display: block; 
		padding: 20px 0 0 0; 
		position: fixed;
		top: 0;
		height: 50px; 
		width: 100%; 
		z-index: 100000;
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
	}
	#navigation, #subnavigation, .navigation { display: none; }
	nav ul { position:static; float: none; left: 0; }
	.portrait, .portrait-startseite { display: none; }
	.container { width: 100% !important; max-width: 100% !important; }

	.col_2,	.col_3,	.col_4,	.col_5,	.col_6,	.col_7,	.col_8,	.col_9,	.col_10,
	.col_2c, .col_3c, .col_4c, .col_5c, .col_6c, .col_7c, .col_8c, .col_9c,	.col_10c
	{ width: 96%; }

	.col_2_nm, .col_3_nm, .col_4_nm, .col_5_nm, .col_6_nm, .col_7_nm, .col_8_nm, .col_9_nm,	.col_10_nm,
	.col_2c_nm, .col_3c_nm, .col_4c_nm, .col_5c_nm, .col_6c_nm, .col_7c_nm, .col_8c_nm, .col_9c_nm,	.col_10c_nm
	{ width: 100%; }

	.col_2_nlm { width: 100%; margin-right: 0; }
	.col_2_nrm { width: 100%; margin-left: 0; }

	.col_3_nlm { width: 100%; margin-right: 0; }
	.col_3_nrm { width: 100%; margin-left: 0; }
	.col_3_nlrm { width: 100%; margin-left: 0; margin-right: 0; }

	.col_4_nlm { width: 100%; margin-right: 0; }
	.col_4_nrm { width: 100%; margin-left: 0; }
	.col_4_nlrm { width: 100%; margin-left: 0; margin-right: 0; }
	/*.sidebar { display: none; }*/
	.sidebar-startseite { margin-left: 0; width: 100%; border-right: 0px solid transparent; padding: 0;}
	.sidebar .content, .sidebar-startseite .content { padding: 15px; }
	.siegel { padding: 0 0 0 20px; }
	.portrait-startseite-mobile { display: block; float: left; width: 40%; padding: 0 4% 0 0; }
	.openings-startseite { float: right; width: 55%; }
	#sidebarcontactbox .infotext { margin: 10px 0 0 35px; }
	.instagramlogo { top: 0; position: relative; left: 0; }

}

@media only screen and (max-width: 824px)
{
	.sprechzeiten { display: none; }
	#page { width: 100%; }
	.header .headertext { font-size: 18px; }
	#sidebarcontactbox { font-size: 20px; width: 95%; padding: 2.5%; }
	.siegel { padding: 0 0 0 0; }
	.content { padding: 15px; }
	.siegel-mobile { display: block; }
	.siegel-desktop { display: none; }
	.siegelfocus
	{
		float:			left;
		position:		static;
		top:			0;
		right:			0;
		padding:		0 0 0 20px;
	}
	.marginstartpage { top: 0; }
	#sidebarcontactbox .infotext { margin: 10px 0 0 25px; }
}

@media only screen and (max-width: 524px)
{
	#page { width: 100%; }
	.portrait-startseite { display: block; }
	.wwm-mobile { display: block; }
	.wwm-desktop { display: none; }
	.portrait-startseite-mobile { display: none; }	
	.openings-startseite { float: none; width: 100%; }
	.content { clear: both; }

}