@charset "UTF-8";
/* first for Internet Explorer < 9 */
@font-face {
font-family: thesans_spd;
src: url("thesans-lp5plain-webfont.eot");
}
@font-face {
font-family: thesans_spd;
src: url("thesans-lp7bld-webfont.eot");
font-weight: bold;
}
/* then for WOFF-capable browsers */
@font-face {
font-family: thesans_spd;
src: url("thesans-lp5plain-webfont.woff") format("woff");
}
@font-face {
font-family: thesans_spd;
src: url("thesans-lp7bld-webfont.woff") format("woff");
font-weight: bold;
}

/*
	general styles
 */

.serif,
cite,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: thesans_spd;
	font-weight: normal;
	 margin-bottom: 0;
	 color: #e2001a;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	margin: 24px 12px 12px;
}

  body {

  background: #c0c0c0;
background-image: -webkit-linear-gradient(left, #fffafa 33%, #c0c0c0 66%);
background-image: -moz-linear-gradient(left, #fffafa 33%, #c0c0c0 66%);
background-image: -ms-linear-gradient(left, #fffafa 33%, #c0c0c0 66%);
background-image: -o-linear-gradient(left, #fffafa 33%, #c0c0c0 66%);
background-image: linear-gradient(to right, #fffafa 33%, #c0c0c0 66%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafa', endColorstr='#c0c0c0',GradientType=1);


    font-family: thesans_spd;
    font-size: 15px;
    color: 	#000;
	padding: 24px 0;
  }

#main {
border-radius: 18px 18px 18px 18px;
    box-shadow: 10px 10px 15px #000000;
    margin: 0 auto;
    width: 1140px;
        filter: progid:DXImageTransform.Microsoft.Shadow(
        color='#000000',
        direction=135,
        strength=15
    );
}

.large, h2, #content h1 {
    font-size: 30px;
    line-height: 38px;
}

a:link {
	color: #e2001a;
		text-decoration: none;
}
a:visited {
	color: #e2001a;
		text-decoration: none;
}
a:hover,a:active {
	text-decoration:underline;
}

.post-content ul,
.post-content ol {
	padding-left: 24px;
}

.alignleft{
 float: left;
    text-align: left;
}

input,
textarea {
	border: 1px #aaa solid;
	padding: 5px;
	outline: none;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
	border: 1px #444 solid;
}
input:focus,
textarea:focus {
	box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
	-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
	-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
}
textarea {
	min-height: 150px;
	width: 100%;
}

blockquote {
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	text-align: justify;
	margin: 20px;
	padding: 12px;
}
	blockquote:first-letter {
		font-size: 24px;
		padding-right: 1px;
	}
	blockquote:first-line {
		font-size: 20px;
}


/*
	layout styles
 */

#if-logged-in .container {
	background: #000;
	margin-top: -24px;
}



.container {
	background: #fff;

}

#footer .container{
border-radius: 0px 0px 18px 18px;

}
	#header .container {
		border-radius: 18px 18px 0 0;
    padding-bottom: 5px;
    padding-top: 5px;
    	height:300px;
    	width: 1140px;
	}

#title{
min-width: 500px;
}

		.title_mo {
 float: right;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;

		}
				.title_di {
 float: right;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;

		}

 			.title_mi {
 float: right;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;

		}

				.title_do {
 float: right;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;

		}

			.title_fr{
		float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;

		}

					.title_sa{
		float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;

		}

							.title_so{
		float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;

		}

	.title_fr .main_logo{
border-left: medium none;
    border-right: 2px solid;
    float: left;
    height: 116px;
    padding-left: 0;
    padding-right: 15px;
    width: 134px;
	}

	.title_sa .main_logo{
	border-left: medium none;
    border-right: 2px solid;
    float: left;
    height: 116px;
    padding-left: 0;
    padding-right: 15px;
    width: 134px;
	}
		.title_so .main_logo{
	border-left: medium none;
    border-right: 2px solid;
    float: left;
    height: 116px;
    padding-left: 0;
    padding-right: 15px;
    width: 134px;
	}

	.title_fr .logo_tagline{
	 float: right;
	}

	.title_sa .logo_tagline{
	 float: right;
	}

	.title_so .logo_tagline{
	 float: right;
	}

		#spd_logo{
    float: right;
    margin-right: 540px;
    margin-top: -144px;
		}

		.spd_logo_do{
		float: left !important;
    margin-left: 200px;
		}

		#spd_logo img{
		box-shadow: 10px 10px 15px #000000;
		}

		#header_hpb{
		 float: left;
    padding-left: 20px;
		}

		#header .container .di{
		  padding-left: 160px;
		}

		#header .container .mi{
		  padding-left: 300px;
		}

		#header .container .do{
		   padding-left: 420px;
    padding-top: 10px;
		}

		#header .container .fr{
	float: right;
    padding-right: 315px;
		}

			#header .container .sa{
	float: right;
    padding-right: 165px;
		}
					#header .container .so{
	float: right;
    padding-right: 25px;
		}

			.main_logo{
  border-left: 2px solid;
    float: right;
    height: 116px;
    padding-left: 15px;
    width: 134px;
			}

			#logo,
			#tagline {
				bottom: 0;
			}
			#logo {
  font-size: 25px;
  color:#000;
    left: 0;
    letter-spacing: 0;
    line-height: 25px;
    padding-top: 0px;
			}
			#tagline {
				font-size: 14px;
				right: 0;
				line-height: 20px;
				color:#000;
			}
			#header-image.container {
				padding: 0;
			}
	#nav-primary {
  background-color: #464646;
    clear: both;
    margin: 0 auto;
    width: 1140px;
	}
		#nav-primary ul,
		#nav-primary li {
			list-style: none;
		}
			#nav-primary a {
color: #CCCCCC;
    display: block;
    padding: 0 10px;
			}
	#widget-header {
		clear: both;
	}

	.menu{
	padding-left:10px;
	}


		#widget-alert {
			background: #C6D8CD;
			border: 1px #5b816a solid;
			padding: 24px;
			margin-bottom: 24px;
		}
		.post-single {
			 margin-bottom: 20px;
    padding-bottom: 0px;
		}

		 	.gallery_posts{

 	}

		#sidebar .widget-area {
			   margin-bottom: 20px;
    padding-bottom: 10px;
		}
			#siebar ul,
			#sidebar li {
				padding: 0;
				margin: 0;
				list-style: none;
			}
				#sidebar .children {
					padding-left: 10px;
				}
					#sidebar .children .children {
						padding-left: 10px;
					}
	#footer .container {
  border-top: 1px solid #696969;
    height: 50px;
    padding-bottom: 20px;
    padding-left: 35px;
    padding-top: 5px;
    width: 1105px;
	}
		#footer-content {
			padding: 20px;
		}
			#footer ul,
			#footer li {
				display: inline;
				list-style: none;
			}
				#footer li a {
					padding: 0 10px;
				}

.container {
	padding: 0 60px;
	margin: 0 auto;
	overflow: hidden;
	width:1140px;
}
	#header-image {
		padding: 0;
		overflow: hidden;
	}
		/* HEADER IMAGE
			full size - 1068x300
			8 column layout resized to 890x250 displayed at 648x250
			5 column layout resized to 534x150 displayed at 396x150
			3 column layout resized to 365x100 displayed at 228x100
		 */
		#header-image img {
			width: 890px;
			height: 250px;
			margin-left: -121px;
			padding: 0;
		}

.container {
	width: 1140px;
	padding:0px;
	}
		#content {
  float: left;
    margin: 0;
    overflow: hidden;
    padding: 20px 20px 20px 35px;
    width: 50%;
		}

		#content_single{
			  float: left;
    margin: 0;
    overflow: hidden;
    padding: 20px 20px 20px 160px;
    width: 800px;
		}

		#sidebar {
   float: right;
    margin: 0;
    overflow: hidden;
    padding: 40px 20px 20px;
    width: 40%;
		}









/* Enable images in posts to automatically resize */
/* as browser window changes sizes.               */

.post-content img {
  max-width: 100%;
  height: auto;
}

/*Menü Styles*/

.parent.hover{
background-color: #FFFFFF;
color:#e2001a!important;
border-radius: 18px 18px 0 0;
z-index: 598;
height:30px;
}

.parent a:hover {
color:#E2001A!important;
text-decoration:underline;
}

.hover a{
color:#E2001A!important;
}




.header_menu-dropdown-menu{ height:37px; display:block; padding:0; background-color: #464646; margin: 0 auto; width: 1140px; }

.sub-menu{ display:none; }

/* Reset */
div.header_menu-dropdown-menu table, div.header_menu-dropdown-menu tbody, div.header_menu-dropdown-menu tr, div.header_menu-dropdown-menu td, div.header_menu-dropdown-menu ul, div.header_menu-dropdown-menu li, div.dropdown-horizontal-container, ul.dropdown * { margin:0; padding:0; border:0; }



/* Z-index */
ul.dropdown li{ position: relative; }


ul.dropdown li ul a:visited {
	color: #e2001a;
		text-decoration: none;
}


ul.dropdown li ul a:hover {
	text-decoration:underline;
}

ul.dropdown li ul a{
color: #E2001A;
    display: block;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.4px;
    line-height: 25px;
    padding: 5px 5px 5px 10px;
}

ul.dropdown li.hover, ul.dropdown li:hover{ cursor: default; }

/* Cursor fix */
ul.dropdown li a{
  color: #FFFFFF;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.8px;
    line-height: 32px;
}

#header_menu-dropdown-wrapper{
    padding-top: 5px;
}

/* The Div that surrounds the Drop Down Menu*/
#navigation {
 background-color: #464646;
    display: block;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    width: 1140px;
}

/* Menu Bar List */
ul.dropdown {
  float: left;
    list-style: none outside none;
    margin: 0;
    padding: 17px 5px 2px 22px;
    width: 100%;
}

ul.dropdown  li{
float:left;
position:relative;
}

ul.dropdown a { /* Menu link styling */
padding:12px;

text-decoration:none; /* Gets rid of underline for links */
}

/* Styling when a link is hovered over 				TOODO:Menü
ul.dropdown li:hover a {
background-color:#fff;
color: #E2001A;
 border-radius: 18px 18px;

}

*/

/* Styling for all of the Sub Menus  */

ul.dropdown ul {
list-style: none; /* Gets rid of bullets */
margin:0;
padding:0;
width:200px; /* Width of the Drop Down Box */
position:absolute; /* States that you are going to define exactly in pixels where the drop down appears */
}

ul.dropdown li ul {
top:28px; /* The Drop Down Box appears 24px below the menu when the menu is hovered over*/
}

ul.dropdown ul ul { /* Styling for secondary drop downs (Drop Downs of a Drop Down) */
top:0;
left:100%;
}

ul.dropdown ul li {
float:none;
}

/* Makes drop downs not appear by default unless the mouse hovers */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }

ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}

ul.dropdown li * a:hover { /* Styling for every link that is hovered over */
	text-decoration:underline;
}

ul.dropdown li ul {
background-color: #FFFFFF;
    border-radius: 0px 18px 18px 18px!important;
    box-shadow: 10px 17px 15px #000000;
    position: absolute;
    z-index: 597;
    margin-top:2px;
}



/*Suche*/

.screen-reader-text{
display:none;
}

#searchform #s{
width: 70%;
}

/*Videos*/

.widget-area ul h3{
margin-top: 0;
    padding-bottom: 10px;
}

.video-box{

}

#showIt{

}

.print_link{
float: right;
}
.pdf_link{
float: right;
padding-left:5px;
}

.teaser-single {
line-height: 21px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 17px;
color: #E2001A;
font-weight:normal;
}

.header_welcome{
 font-size: 18px;
    font-family: sans-serif;
}

.textwidget h4{
 margin-top: -25px;
}

#pagination {
	text-align: center;
}

#pagination a, #pagination span {
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	margin: 0px 1px 0px 1px;
}

#pagination a:hover {
	border: 1px solid #464646;
}

#pagination .navigate-active {
	color: #464646;
	font-weight: bold;
}

#pagination .navigate-inactive {
	color: #9a9a9a;
	font-weight: bold;
}

#pagination .currentpage {
	background: #464646;
	color: #ffffff;
	font-weight: bold;
}


@media only screen and (max-width: 1024px) and (min-width: 480px) {

#main {
    border-radius: 18px 18px 18px 18px;
    box-shadow: 10px 10px 15px #000000;
    margin: 0 auto;
    width: 900px;
}

#header .container {
    border-radius: 18px 18px 0 0;
    height: 300px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 900px;
}

.container {
    padding: 0;
    width: 900px;
}

#content {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 20px 20px 20px 35px;
    width: 45%;
}

#sidebar {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 40px 21px 20px;
    width: 44%;
}

#navigation {
    background-color: #464646;
    display: block;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    width: 900px;
}

#footer .container {
    border-top: 1px solid #696969;
    height: 50px;
    padding-bottom: 20px;
    padding-left: 35px;
    padding-top: 5px;
    width: 865px;
}

#logo {
    color: #000000;
    font-size: 15px;
    left: 0;
    letter-spacing: 0;
    line-height: 25px;
    padding-top: 0;
}

#tagline {
    color: #000000;
    font-size: 11px;
    line-height: 20px;
    right: 0;
}

.title_do {
	float:none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;
}

#content_single {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 20px 20px 20px 160px;
    width: 600px;
}

#header .container .fr {
    float: right;
    padding-right: 248px;
}

.title_fr {
	float:none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;
}

.title_sa {
	float:none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;
}

.title_sa .logo_tagline {
    float: none;
    padding-left: 165px;
}

.title_so .logo_tagline {
    float: none;
    padding-left: 165px;
}

#title {
    min-width: 400px;
}

.spd_logo_di {
    float: right;
    margin-right: 430px!important;
    margin-top: -144px;
}

.title_mi {
    float: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    position: relative;
    text-align: left;
}

.spd_logo_mi {
    float: right;
    margin-right: 682px!important;
    margin-top: -144px;
}

#header .container .do {
    padding-left: 389px;
    padding-top: 10px;
}

.attachment-post-thumbnail wp-post-image {
width: 400px;
}
/* Always remember to compress your live stylesheet and keep an uncompressed backup */