/* ======================================================================================================

 GENERAL TYPOGRAPHY
 =======================================================================================================*/

/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Verdana, Arial, sans-serif;
}
strong, b {
	font-weight: bold;
}
em, dfn, i {
	font-style: italic;
}
/* ================= General tags ================= */
body {
	font: 12px/18px Verdana, Arial, sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
	backgorund: #f6f4e7;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 12px;
	font-weight: bold;
}
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
	outline: none;
}
a {
	color: #7b97a8;
}
a:hover {
	text-decoration: underline;
}
p, table {
	color: #444;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 18px;
}
dl, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p {
	margin-bottom: 8px;
}
::selection {
	background: #2e2823;
	color: #FFFFFF;
}
::-moz-selection {
	background: #2e2823;
	color: #FFFFFF;
}
/* ================= Headers ================= */
h1 {
	font-size: 12px;
	color: #7B97A8;
	font-weight: bold;
}
h2 {
	font-size: 12px;
	color: #333;
	font-weight: normal;
}
h1 + h2 {
	margin-top: -8px;
}
h1 .regular, h2 .regular {
	font-weight: normal;
	color:#000;
}
/* ================= List Styles ================= */
ul {
	list-style: none;
	margin-top: 0;
}
ol {
	margin-bottom: 0;
	margin-top: 0;
}
ol, ol li {
	list-style: decimal outside;
}
/* ================= Images ================= */
img.alignleft {
	float: left;
	margin: 5px 16px 30px 0;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	float: right;
	margin: 5px 0px 5px 11px;
}
img.border {
	border: #aaa solid 1px;
}
img.foerderer {
	margin:10px 60px 5px 0;
}
/* =============== http://responsiveslides.com v1.32 by @viljamis ======= */
.rslides_container {
	float: left;
	position: relative;
	margin: 5px 15px 0 0;
	width: 310px;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
}

.rslides li {
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides_nav {
	position: absolute;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 0;
	left: 0;
	display: block;
	background: #fff; /* Fix for IE6-9 */
	opacity: 0;
	filter: alpha(opacity=1);
	width: 48%;
	text-indent: -9999px;
	overflow: hidden;
	height: 91%;
}
.rslides_nav.next {
	left: auto;
	right: 0;
}
.rslides_tabs {
	margin: -10px 0 5px 0;
	text-align: center;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-right: 5px;
}

.rslides_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ccc;
	background: rgba(0,0,0, .2);
	display: inline-block;
	_display: block;
	*display: block;
	width: 7px;
	height: 7px;
}

.rslides_tabs .rslides_here a {
	background: #222;
	background: rgba(0,0,0, .5);
}
/* ================= Forms ================= */
input, textarea {
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* ================= Deviders ================= */
.clear {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.padding3 {
	padding-top: 3px;
	font-size: 0;
	line-height: 0;
}
.padding5 {
	padding-top: 5px;
	font-size: 0;
	line-height: 0;
}
.padding10 {
	padding-top: 10px;
	font-size: 0;
	line-height: 0;
}
.padding12 {
	padding-top: 12px;
	font-size: 0;
	line-height: 0;
}
.padding15 {
	padding-top: 15px;
	font-size: 0;
	line-height: 0;
}
.padding17 {
	padding-top: 17px;
	font-size: 0;
	line-height: 0;
}
.padding20 {
	padding-top: 20px;
	font-size: 0;
	line-height: 0;
}
.padding25 {
	padding-top: 25px;
	font-size: 0;
	line-height: 0;
}
.padding30 {
	padding-top: 30px;
	font-size: 0;
	line-height: 0;
}
.padding40 {
	padding-top: 40px;
	font-size: 0;
	line-height: 0;
}
.padding50 {
	padding-top: 50px;
	font-size: 0;
	line-height: 0;
}
.padding60 {
	padding-top: 60px;
	font-size: 0;
	line-height: 0;
}
.padding80 {
	padding-top: 80px;
	font-size: 0;
	line-height: 0;
}
.none {
	display: none;
}
.line {
	font-size: 0px;
	border-top: 1px solid #d9d9d9;
}
hr {
	background: #d9d9d9;
	border: 0;
	clear: both;
	color: #d9d9d9;
	height: 1px;
	margin: 13px 0;
	padding: 0;
}
hr.bold {
	background: #333;
	height: 2px;
}
/* ======================================================================================================
 GENERAL STRUCTURE
 =======================================================================================================*/
body {
	background-color: #e7e7e7;
}
/* ================= Header and Logo ================= */
.container {
	background-color: #fff;
	width: 890px;
	margin: 0 auto;
	padding: 0 30px;
}
.header_bg {
	min-height: 264px;
	background: #d8e3f2 url(../images/header-bg.jpg) no-repeat top right;
}
.header_bg .logo {
	float: left;
	margin-top: 30px;
	width: 100%;
}
.contact {
	margin-top: 2px;
}
/* ================= Header Menu ================= */
.meta-menu {
	margin-top: -64px;
	margin-right: -15px;
	float: right;
}
.meta-menu a {
	margin-left: 5px;
	position: relative;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
}
.meta-menu a:hover {
	text-decoration: underline;
	color: #333;
}
.sub-menu {
	margin-top: -15px;
}
.sub-menu ul {
	margin: 0;
}
.sub-menu li {
	margin: 25px 0;
}
.sub-menu a {
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	color: #7B97A8;
}
.sub-menu a:hover {
	text-decoration: underline;
}
.main-menu {
	margin-top: 150px;
	float: left;
}
.main-menu ul {
	margin: 0;
}
.main-menu li ul {
	padding-top: 2px;
	left: -2px;
}
.main-menu li ul li {
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
}
.main-menu li {
	white-space: nowrap;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 100;
}
.main-menu a {
	display: block;
	position: relative;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
}
.main-menu a:hover {
	text-decoration: underline;
	color: #333;
}
.main-menu li.submenu > a {
	padding-right: 18px;
	background: url(../images/menu_down_arrow.png) no-repeat right;
	cursor: default;
}
.main-menu > ul > li {
	float: left;
	margin-right: 20px;
}
.main-menu > ul > li:last-child {
	margin-right: 0;
}
.main-menu li ul {
	display: none;
	position: absolute;
	top: 100%;
	z-index: 100;
}
.main-menu li:hover > ul {
	display: block;
}
.main-menu li ul li.submenu > a {
	padding-right: 10px;
	background: #d8e3f2 url(../images/submenu_left_arrow.png) no-repeat right;
}
.main-menu li ul li.submenu > a:hover {
	padding-right: 10px;
	background: #f5f5f5 url(../images/submenu_left_arrow.png) no-repeat right;
}
.main-menu li ul li {
	border-bottom: 1px solid #7B97A8;
	background: #FFF;
}
.main-menu li ul li a:hover {
	background: #d8e3f2;
	color: #333;
}
.main-menu li ul li:last-child {
	border-bottom: 1px solid #7B97A8;
}
.main-menu li ul li a {
	padding: 0 25px 0 12px;
	line-height: 33px;
	background: #D8E3F2;
}
.main-menu li ul li ul {
	top: -1px !important;
	left: 100% !important;
	padding: 0 !important;
}
/* ================= Bestell-Button ================= */
.button li {
	display: block;
	width: 100%;
	background: #7B97A8;
	color: #fff;
	text-align: center;
	padding: 4px 0;
	margin-top: 5px;
}
.button a {
	color: #fff;
}
.button a:hofer {
	text-decoration: underline;
}
.allProductions {
	width: 330px;
}

/* ================= Footer ================= */
.footer_bg {
	background: #D8E3F2;
}
.footer_bg.no_margin {
	margin-top: 0;
}
.footer {
	margin-top: 35px;
}

.footer_bg_bottom {
	background: #D8E3F2;
}

/* ================= Columns ================= */
.content {
	width: 620px;
	margin: 25px 40px 0 0;
	float: left;
}
.sidebar {
	width: 280px;
	margin: 10px 0 0 0;
	float: left;
}
.col_1_2 {
	width: 460px;
	float: left;
	margin: 0 20px 0 0;
}
.col_1_3 {
	width: 190px;
	float: left;
	margin: 0 30px 0 0;
}
.col_2_3 {
	width: 480px;
	float: left;
	margin: 0 30px 0 0;
}
.col_foerderer {
	width: 670px;
	float: left;
	margin: 0 30px 0 220px;
}
.col_3_3 {
	width: 160px;
	float: left;
	margin: 0;
}
div.col_3_3 > p {
		font-size: 9px;

}
.col_3_3 > img, .col_3_3 > a img{
	margin-top: 8px;
}
.col_1_4 {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
}
.col_1_5 {
	width: 172px;
	float: left;
	margin: 0 20px 0 0;
}
.col_3_4 {
	width: 700px;
	float: left;
	margin: 0 20px 0 0;
}
.content .col_1_2 {
	width: 300px;
}
.content .col_1_3 {
	width: 193px;
}
.content .col_2_3 {
	width: 406px;
}
.content .col_1_4 {
	width: 140px;
}
.content .col_1_5 {
	width: 108px;
}
.content .col_3_4 {
	width: 460px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last {
	margin: 0;
}
.content .col_1_2.last, .content .col_2_3.last, .content .col_1_3.last, .content .col_1_4.last, .content .col_1_5.last, .content .col_3_4.last {
	margin: 0;
}
/* ======================================================================================================
 SPECIFIC PAGE STYLES
 =======================================================================================================*/

/* ================= Bestellseite ================= */
#hiddenFormular {
	display:none;
}
.required_info {
	font-size: 12px;
	margin: 0 0 10px 0;
}
.required_info span {
	color: red;
}
.contact_form label {
	display: block;
	float: left;
	width: 150px;
	text-align: left;
	vertical-align: middle;
	margin-right: 10px;
	color: #333;
}
.contact_form label.count {
	width: 309px;
}
.contact_form label span {
	color: red;
}
input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
.right {
	float: right;
}
.inputText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 300px;
	height: 16px;
	border: 1px solid #cccccc;
	padding: 4px;
}
.spam {
	display:none;
}
.contact_form .inputText.error_class {
	border: 1px solid #ef716d;
}
.contact_form .inputTextarea.error_class {
	border: 1px solid #ef716d;
}

/* === Clearfix === */
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0
}
* html .clearfix, :first-child+ html .clearfix {
	zoom: 1
}

/* ======================================================================================================
 MEDIA QUERIES
 =======================================================================================================*/

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* ================= Logo and Main menu ================= */
	.logo {
		display: block;
		float: none;
		width: 100%;
	}
	.noSmallDevices {
		display: none;
	}

	.main-menu {
		margin-top: 125px;
		float: left;
		width: 50%;
	}

	/* ================= Container and Columns ================= */
	.container {
		width: 688px;
	}
	.col_1_2 {
		width: 364px;
	}
	.col_1_3 {
		width: 236px;
	}
	.col_2_3 {
		width: 492px;
	}
	.col_1_4 {
		width: 172px;
	}
	.col_1_5 {
		width: 133px;
	}
	.col_3_4 {
		width: 556px;
	}
	.content .col_1_2 {
		width: 239px;
		margin: 0 10px 0 0;
	}
	.content .col_1_3 {
		width: 156px;
		margin: 0 10px 0 0;
	}
	.content .col_2_3 {
		width: 322px;
		margin: 0 10px 0 0;
	}
.col_foerderer {
	margin: 0;
}
	.content .col_1_4 {
		width: 114px;
		margin: 0 10px 0 0;
	}
	.content .col_1_5 {
		width: 89px;
		margin: 0 10px 0 0;
	}
	.content .col_3_4 {
		width: 362px;
		margin: 0 10px 0 0;
	}

}

/* ================= Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 767px) {
	/* ================= Logo and Main menu ================= */
	.logo {
		display: block;
		float: none;
		width: 100%;
	}
	.header_bg {
		height: auto;
	}
	img {
		max-width: 98%;
	}
	.noSmallDevices {
		display: none;
	}

	.main-menu ul {
		position: static !important;
		padding: 0 !important;
	}
	.main-menu li {
		box-shadow: none !important;
		border: 0 !important;
		border-top: 1px solid #7B97A8 !important;
		display: block !important;
		float: none !important;
		margin: 0 !important;
	}
	.main-menu li.submenu > a {
		cursor: pointer;
	}
	.main-menu li a {
		padding: 0;
		line-height: 30px;
	}
	.main-menu li ul li a {
		padding-left: 16px !important;
	}
	.main-menu li ul li ul li a {
		padding-left: 32px !important;
	}
	.main-menu li.submenu > a {
		padding-right: 20px;
		background: url(../images/arrow_320.png) no-repeat right;
	}
	.main-menu li ul li.submenu > a {
		padding-right: 10px;
		background: url(../images/arrow_320.png) no-repeat right;
	}
	.main-menu li ul li.submenu > a:hover {
		padding-right: 10px;
		background: #f5f5f5 url(../images/arrow_320.png) no-repeat right;
	}
	.main-menu li.submenu > a {
		padding-right: 20px;
		background: url(../images/arrow_320.png) no-repeat right;
	}
	.main-menu li ul {
		display: none !important;
	}
	.main-menu li:hover > ul {
		display: block !important;
	}
	/* ================= rslider ================= */
	.rslides_container {
		width: 100%;
	}

	/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
		float: none;
		margin-right: 0;
	}
	.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
		width: 300px;
	}
	.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
		width: 300px;
	}
	.col_foerderer {
	width: 100%;
	margin: 0 30px 0 0;
}

	/*============ Formular ====================== */
	.inputText {
		width: 97%;
	}
}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* ================= Logo and Main menu ================= */
	.logo {
		display: block;
		float: left;
		width: 100%;
	}

	.main-menu {
		margin-top: 30px;
		float: left;
		width: 100%;
	}

	/* ================= Container and Columns ================= */
	.companies .cbody {
		width: 360px;
		margin: 0 auto;
	}
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
		float: none;
		margin-right: 0;
	}
	.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
		width: 360px;
	}
	.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
		width: 360px;
	}

}
/* ================= Mobile (Landscape) 320px - 479px ================= */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	/* ================= Logo and Main menu ================= */
	.container {
		width: 290px;
		padding: 0 10px;
	}
	.header_bg {
		background-position: top center;
	}

	.meta-menu {
		margin-top: -64px;
		margin-right: -3px;
		float: right;
	}
	.main-menu {
		margin-top: 20px;
		float: left;
		width: 100%;
	}
	.allProductions {
		width: 162px;
	}

	/*============ Formular ====================== */
	
	hr {
		width: 285px;
		
	}.inputText {
		width: 278px;
	}
}
/* ================= Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 319px) {
	/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
		float: none;
		margin: 0;
	}
	.container {
		padding: 0 10px;
	}
	.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
		width: 226px;
	}
	.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
		width: 226px;
	}

	/* =================  Logo ================= */
	.header_bg {
		background-position: top center;
	}
	.logo img {
		float: left;
		width: 100%;
	}
	/* =================  Menu ================= */
	.meta-menu {
		margin-top: -54px;
		margin-right: 0;
		float: right;
	}
	.main-menu {
		margin-top: 30px;
		float: left;
		width: 100%;
	}
	.allProductions {
		width: 162px;
	}

}