/**************************************************'*/
/* css_global.css				      				*/
/* copyright 2013 tp-werbeagentur				    */
/*											 	    */
/****************************************************/
@import "navi.css";
/***************************************************************/

/***************************************************************/
/*********** Reset Styles **************************************/
/***************************************************************/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	outline: 0;
}
table {	border-collapse: collapse;	border-spacing: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a img{ border:0 }
figure{	position:relative }
figure img{width:100%}
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/***************************************************************/
body {
	background: #ebecec url('../images/body-bg.jpg') 0 0 repeat-x;
	margin: 0px;
  	padding: 0px;
	leftmargin: 0px; 
	topmargin: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #11180e;
}
#wrapper{
	position: relative;
	z-index: 5;
	width: 950px;
	margin: 20px auto 20px auto;
}
#content-middle{ background: url(../images/content-middle-bg.jpg) 0 0 repeat-y; position: relative; padding: 0 60px 30px 60px; }
/***********************************************************************************/
/**************  Editor - Fonts ****************************************************/
/***********************************************************************************/
#wrapper .item h1, #wrapper .item-page h1{
    font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 24px;
	margin: 0 0 15px 0;
	text-decoration: none;
	padding: 0;
}

#wrapper .item h2, #wrapper .item-page h2 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 10px 0;
	text-decoration: none;
	padding: 0;
} 
/***************************************************************/
#header{
	position: relative;
	background: url(../images/header-bg.png) 0 0 no-repeat; 
	height: 260px;
	text-align: left;
	padding: 0 30px;
}
#header .logo{ width: 501px; height: 114px; margin: 0 auto; }
#header .logo img{ margin-top: 75px; }
#header .navicontainer{
	float: left;
	width: 690px;
}
/***************************************************************/

/***********************************************************************************/
/**************  Boxen - Styles ****************************************************/
/***********************************************************************************/
#mediaContainer{
	width: 810px;
	height: 312px;
	overflow: hidden;
	background: #11180e;
	padding: 10px;
	margin: 0 0 25px 0;
}
#mediaContainer .gal{
	width: 552px;
	height: 312px;
	overflow:hidden;
	float: left;
	margin: 0 15px 0 0;
}
aside.sidebar{ 
	width: 233px; 
	padding: 0 10px 0 0;
	float:left;
	margin: 0;
	color: #f8b003;
	font-size: 13px;
	line-height: 18px;
}
aside.sidebar .moduletable h3{
	color: #f8b003;
	padding: 0;
	font-size: 19px;
	line-height: 21px;
	text-transform:uppercase;
	margin: 0 0 12px 0;
}
/***************************************************************/

#content {
	margin: 0;
	width:830px;
	text-align: left;
	padding: 0;
}
#content hr{
	height: 3px;
	clear:both;
	background: #11180e;
	border: 0;
	padding: 0;
	margin: 15px 0;
}

#content { color: #11180e; }
.blog a, .item-page a { color: #11180e; text-decoration: none; font-weight: bold; }
.blog a:hover, .item-page a:hover { text-decoration: underline;  }

.content a.button{
	display: inline-block;
	font-family: Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	margin: 0 5px 0 0;
	padding: 0 5px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	color: #de9f05;
	background: #11180e;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border: 3px solid #11180e;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	behavior:url(border-radius.htc.html)
}
.content a.button:hover{ 
	text-decoration: none;
	color: #11180e; 
	background: #de9f05;
}

/******************************************************************************************************/
/************* Detail Ansicht Standard-Seiten *********************************************************/
/******************************************************************************************************/
.item-page .page-header h1{
    font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 24px;
	margin: 0 0 15px 0;
	text-decoration: none;
	padding: 0;
}

.item-page .page-header h2, #wrapper .item-page .page-header h2 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 10px 0;
	text-decoration: none;
	padding: 0;
} 
/*
#wrapper .item-page .page-header h2 a { border-bottom: none; }
#wrapper .item-page .page-header h2 a:hover { color: #333; text-decoration: none; }

#wrapper .item-page .item-image { width: 250px;	float: left; margin: 0 30px 10px 0; }
#wrapper .item-page .item-image img{ width: 250px; }

.item-page ul { padding: 0; margin: 10px 0 15px 20px; list-style: circle; }
.item-page ul li { margin: 0 0 3px 0; }

.item-page table{ width: 100%; border: 1px solid #DDD; clear: both; font-size: 12px;}
.item-page table tr:nth-child(2n+1){ background: #efeeea; }
.item-page table td,th{ border:1px solid #DDD; padding:5px 5px 5px 5px; }	
.item-page table td:nth-child(2n+1){ width: 150px; padding-left: 5px; }
*/
/***********************************************************************************/
/**************  Artikel - Listenansicht Blog **************************************/
/***********************************************************************************/
.blog header.page-header h1{
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 24px;
	margin: 0 0 15px 0;
	text-decoration: none;
	padding: 0;
}

.blog h2{
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 10px 0;
	text-decoration: none;
	padding: 0;
}
.blog .items-row{
	margin: 0 0 20px 0!important;
	clear: both!important;
}
/*
#wrapper .blog .page-header{ clear: both!important; }
#wrapper .blog .clearfix{ clear: both!important; }

.blog .items-row .item h2 a{
	color: #ae9962;
    font-family: Arial, Verdana, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 30px ;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	clear: both;
	display: block;
	border-top: none;
	border-bottom: 1px dotted #ae9962;
}
.blog .items-row .item h2 a:hover {text-decoration: none; color: #333; border-bottom: 1px dotted #666} 

.blog .items-row .pull-left{ float: left; margin: 0 30px 10px 0; display: block; width: 250px; }
.blog .items-row .pull-left img { width: 250px!important;}
*/
.blog .items-row .readmore a{
	display: inline-block;
	font-family: Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	margin: 0 5px 0 0;
	padding: 0 5px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	color: #de9f05;
	background: #11180e;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border: 3px solid #11180e;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	behavior:url(border-radius.htc.html)
}
.blog .items-row .readmore a:hover{
	text-decoration: none;
	color: #11180e; 
	background: #de9f05;
}

/* Tabellen
.blog .items-row table{ border: 1px solid #DDD; font-size: 12px;}
.blog .items-row table tr:nth-child(2n+1){ background: #efeeea; }
.blog .items-row table td,th{ border:1px solid #DDD; padding:3px 5px 3px 5px; }	
.blog .items-row table td:nth-child(2n+1){ width: 140px; padding-left: 5px; }
*/
/* Page Navi */


.blog .pagination { border-top: 3px solid #11180e; height: 30px; line-height: 30px; margin: 20px 0 0 0; padding: 25px 10px 7px 10px; }
.blog .pagination .counter{ display: none; }
.blog .pagination ul { padding: 0; margin: 0; list-style: none; }
.blog .pagination ul li{ float: left; margin: 0 0 0 10px; }
.blog .pagination ul li a{ display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; margin: 0; border: 3px solid #11180e; background: #11180e; color: #de9f05; text-decoration: none; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; behavior:url(border-radius.htc.html); -moz-transition: all 0.2s; -webkit-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s; }
.blog .pagination ul li a:hover { background: #de9f05; color: #11180e;}
.blog .pagination ul li span.pagenav { display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; margin: 0; border: 3px solid #11180e; color: #FFF; background: #11180e; text-decoration: none; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;	behavior:url(border-radius.htc.html);}
.blog .pagination li.pagination-start span.pagenav,
.blog .pagination li.pagination-prev span.pagenav,
.blog .pagination li.pagination-next span.pagenav,
.blog .pagination li.pagination-end span.pagenav { border: 3px solid #bd8500; color: #9d6f00; background: transparent!important; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; behavior:url(border-radius.htc.html) } 

/***********************************************************************************/
/**************  Gallery Styles ****************************************************/
/***********************************************************************************/
/*
#gallery {	
	margin: 0 10px;
	background:#fff;
}
#wrapper #gallery .prev-button , #wrapper #gallery .next-button{ top: 120px; }
#wrapper #gallery .prev-button{ left: 10px; }
#wrapper #gallery .next-button{ right: 10px; }

#content .item-page div.boxplus-slider {
	width: 900px!important;
	margin: auto;
	padding: 0px!important;
	overflow: hidden;
}
#boxplus .boxplus-thumbs>ul>li.boxplus-active>img, #boxplus .boxplus-thumbs>ul>li>img:hover {
	border: 1px solid #FFF!important;
	cursor: pointer;
}
#boxplus .boxplus-viewer>.boxplus-prev, #boxplus .boxplus-viewer>.boxplus-next,
#boxplus .boxplus-controls>.boxplus-close, #boxplus .boxplus-controls>.boxplus-next, #boxplus .boxplus-controls>.boxplus-prev{
	cursor: pointer;
}
*/
/*************************************************************/
/*  Footer */
/*************************************************************/
#footer{
	color: #11180e;
	font-size: 12px;
	line-height: 20px;
	height: 360px;
	padding: 70px 0 0 0;
	margin: 0;
	width: 950px;
	
}

.footer-de { background: url(../images/footer-bg-de.png) 0 0 no-repeat; }
.footer-en { background: url(../images/footer-bg-en.png) 0 0 no-repeat; }

#footer a{
	color: #11180e;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px
}
#footer a:hover{ text-decoration:line-through;}
#footerImage { width: 100%; background: #11180e; }
#footerImage img{ width: 100%; height: auto; }
@media \0screen {
  #footerImage img { 
  	width: auto; /* for ie 8 */
  }
}

/*************************************************************/
/*  Formulare */
/*************************************************************/
form { padding: 0px; margin: 0px; display: inline; }
input, select, textarea { font-family: Arial, Verdana, sans-serif; color: #555555; text-decoration: none; margin: 0; padding: 0; font-weight: normal; }
form br{ clear: both; font-size: 0px; line-height: 0px;	height: 0px; margin: 0px; padding: 0px; }

/***********************************************************'*/
/***** Contact Enhanced's StyleSheet *****/
/***********************************************************'*/
/* Allgemein */
.ce-contact_email { width: 100% }
.ce-contact_email h2 { margin: 0 0 5px 0;}
.ce-contact_email .jicons-icons{ display: none; }
.ce-contact_email .contact-address address {font-style: normal;}
.ce-contact_email .contact-address address span.contact-street { display: block; }
.ce-contact_email .contact-address address span.contact-country { display: block; margin: 5px 0 0 0; }
.ce-contact_email span.contact-webpage { display: block; margin: 0 0 10px 0; }
.ce-contact_email .contact-sidebar {display: none;}

/* tp - NEU FORM container*/
.cf-input-text { 
	float: left; 
	width: 75%; /*573*/
	padding: 1%; 
	border: none; 
	border-bottom: 1px solid #CCC;
	color: #333;
	outline: none; 
	font-size: 13px; 
	margin: 0;
}
#cf_surname{ border-top: none; border-left: none; border-right: none; }
.text_area { 
	float: left; 
	width: 75%; 
	padding: 1%; 
	border: 1px solid #CCC;
	color: #333;
	outline: none; 
}
label#lcf_4 { width: 99%!important; }
textarea#cf_4 {clear: both; width: 95%;}

.cf-input-text:focus, .text_area:focus {	border-bottom: 1px solid #88023e; color: #88023e; } 
.ce-cf-container select:focus{	border: 1px solid #88023e; color: #88023e; } 

.ce-cf-container select{ width: 75%; }
.ce-cf-container label#lcf_15{width: 90%; margin: 0 0 3px 0;}
.ce-cf-container select#cf_15 {clear: both; width: 99%; border: 1px solid #CCC; }

.ce-checkbox-container{ float: left; width: 75%; margin: 7px 0 0 0; }

.ce-contact_email div.ce-radiobox-container { width: 250px;}
.ce-contact_email div.ce-radiobox-container div { width: 25%!important;}
#ce-custom-fields-container {margin-top: 20px;}
.ce-contact_email .contactenhanced_email .ce-button-reset {display: none}
.ce-contact_email .contactenhanced_email .validation-advice {clear: both; padding: 5px 10px 0 0; float: right;  font-weight: normal;}
.ce-contact_email .contactenhanced_email .ce-contact-email-copy-container {display: none; }
.ce-contact_email .contactenhanced_email .ce-contact-email-copy-container input[type="checkbox"]{ margin: 2px 5px 0 0;}
.ce-contact_email .contactenhanced_email .requiredsign {display: inline-block; margin: 10px 0 20px 0;}
.ce-contact_email .contactenhanced_email label .requiredsign {display: inline-block; margin:0;}
}
/* Error-Ausgabe Anrede */
.ce-contact_email label#lcf_19, .ce-contact_email label#lcf_22{
	width: 100px;
}

/* Required fields + Validation options */
.required{ background-image:url(../images/required_bg.gif.html) !important; background-repeat:no-repeat !important; background-position:top right !important;}
.invalid, input.invalid{border-color:#FF0000 !important}
label.requiredField{font-weight:normal}
label.cf-label{display:block}
/* Add labels to the left instead of on top */
label.cf-label{ float:left; width:20%; min-width: 80px; padding: 5px 0 0 0; margin: 0;}

.cf-type-username input.success,.cf-type-email input.success,.captcha-container input.success{ border-color:#00FF00 !important}

/* Button */
.ce-button-container{display:block}
.ce-contact_email .button{
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	background: #a1a1a1; 
	height: 26px;
	line-height: 26px;
	width: 158px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	padding: 0 10px;
	margin: 0 0 20px 0;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border: none;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	behavior:url(border-radius.htc.html)
}
.ce-contact_email .button:hover{ text-decoration: none; background: #88023e;  }

/* Captcha */
.securimage-container {
	width: 100%;
	margin: 10px 0 0 0;
}
.securimage-container .captchacode { border: 1px solid #CCC; width: 148px; padding: 3px 5px;}
.securimage-container img { margin: 5px 0 0 0;}


/***************************************************************/

#wrapper #content-middle .fb_iframe_widget{
	background: #3b579d;
	width: 99%;
}



/***************************************************************/
/*
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;

-moz-border-radius:0px 0px 15px 15px; 
-webkit-border-radius:0px 0px 15px 15px;
-khtml-border-radius:0px 0px 15px 15px;
border-radius:0px 0px 15px 15px;
behavior:url(border-radius.htc.html);

-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
*/


/***********************************************************************/
/* Schriftgrößen anpassen  */
/***********************************************************************/

@media (min-width: 1520px) {
	
}
@media (max-width: 1400px) {

}
/* target screen width  */
@media (max-width: 1280px) {
	
}
@media (max-width: 1160px) {
	
}
@media (max-width: 1040px) {

}
@media (max-width: 920px) {
	
}
@media (max-width: 800px) {
	
}
@media (max-width: 680px) {
	
}
@media (max-width: 560px) {
	
}
@media (max-width: 440px) {
	
}
@media (max-width: 320px) {
	
}
/***********************************************************************/