@import url(http://fonts.googleapis.com/css?family=Tulpen+One|Miss+Fajardose|ABeeZee);

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

Stylesheet für das Template "cm_dh_065"
Datei: main.css
Datum: 27.01.2012

    --- Aufbau ---

	1 - Allgemeine Stylesheets
		html, body, a, ul, li, p, h1, h2, h3, hr, textarea, tt, pre, code
	
	2 - Layoutbereiche
		2.1 - Webseitencontainer
		2.2 - Header
		2.4 - Navigation
		2.5 - Keyvisual
		2.6 - Content
		2.7 - Sidebar
		2.8 - Footer
		2.3 - Container Spacer
		
=========================================================================== */




/* ========================================================
	1 - Allgemeine Stylesheets
=========================================================== */

html, body {
	margin:		0px;
	padding:	0px;
	width:		100%;
	font-size:	1em;
	font-family:	Arial, Helvetica, Geneva, sans-serif;
	background-color: #ffffff;
}

textarea, tt {
	font-family:	"Courier New", Courier, monospace;
}

pre, code {
	font-family:	monospace;
	font-size:		1.1em;
}

hr {

}
	
h1, h2, h3, h4, h5, h6 {
	padding:		0px 0px 3px 0px;
	font-family:	Trajan Pro,Geneva,Times,serif;
	font-weight:	normal;
	color:			#ea8104;

}

h1 {
	font-size:		26px;
}
h2 {
	font-size:		20px;
}
h3 {
	font-size:		18px;
	font-weight:	bold;
}
h4 {
	font-size:		16px;
}

.content_main p {
	padding:		0px 0px 5px 0px;
}


.content_main ul, .content_main ol, .content_main dl,
.content_sidebar ul, .content_sidebar ol, .content_sidebar dl {
	list-style-position:	inside;
}

cite, blockquote {
	font-style: 	italic;
	padding: 		0px 0px 5px 8px;
}

.clearer {
	clear				: both;
}

/* =================================================
	2 - Positionierung der Layoutbereiche
==================================================== */

/* ----- 2.1 Webseitencontainer ------ */
#page_wrapper {			
	display:			block;
	width:				100%;
	padding:			0px;
	margin:				0 auto;
}
/* -----  Ende Webseitencontainer ----- */

#social_wrapper {
	display:	block;
	width:		100%;
	height:		30px;
	z-index:	10;
	
	background-color:	#ea8104;
}

#social {
	display:	block;
	width:		1210px;
	margin:		0 auto;
	text-align:	right;
}

#social a {
	display:		inline-block;
	font-family:	Arial, Helvetica, sans-serif;
	color:			#ffffff;
	font-size:		10px;
	padding:		7px 0px 5px 27px;
	margin:			0px 0px 0px 14px;
	text-decoration:none;
}
#social a:hover {
	text-decoration:underline;
}

#facebook {
	background-image:	url('../img/facebook.png');
	background-position:	left;
	background-repeat:		no-repeat;
}
#twitter {
	background-image:	url('../img/twitter.png');
	background-position:	left;
	background-repeat:		no-repeat;
}
#google {
	background-image:	url('../img/icon-googleplus.png');
	background-position:	left;
	background-repeat:		no-repeat;
}

/* ----- 2.2 Header ----- */
#head_wrapper {
	display:			block;
	width:				100%;
	height:				265px;
	margin:				0px;
	padding:			0px;
	z-index:			5;
	
	background-color:#ffffff;
}

#header {
	display:			block;
	width:				1210px;
	height:				265px;
	padding:			0px;
	margin:				0 auto;
	z-index:			5;
}

#logo_wrapper {
	display:				block;
	height:					160px;
	width:					1210px;
	margin:					0 auto;
	padding:				10px;
	background-image:		url('../img/Logo_PPB.png');
	background-repeat:		no-repeat;
	background-position:	center;
}

#logo {
	display:			none;
}
/* ----- Ende Logo ----- */

/* ----- 2.4 Navigation ----- */
#navigation_wrapper {
	display:			block;
	width:				1210px;
	height:				55px;
	margin:				0px;
	vertical-align:		bottom;
}

#cm_navigation {
	display:		inline-block;
}

#subnavigation_wrapper {
	display:			block;
	width:				1210px;
	margin:				0 auto;

}
/* ---- Ende Navigation ----- */

#cm_navigation ul {
	list-style-type:		none;
	list-style-position:	outside;
	padding:				0px;
	margin:					0px 0px 0px auto;
}

#cm_navigation ul li {
	padding:				0px;
	margin:					0px;
	float:					left;
	height:					40px;
	border-left:			1px solid #dedede;
}

#cm_navigation ul li:last-child {
	border-right:			1px solid #dedede;
}

#cm_navigation ul li a {
	display:				block;
	text-decoration:		none;	
	font-family:			Trajan Pro,Geneva,Times,serif;
	font-size:				11px;
	height:					10px;
	text-transform:			uppercase;
	padding:				25px 10px;  
	color:					#797979;

	
	-webkit-transition:		all 0.4s ease-in-out; /* Safari and Chrome */	
	-ms-transition:			all 0.4s ease-in-out; /* Safari and Chrome */
	-moz-transition:		all 0.4s ease-in-out; /* Firefox 4 */
	-o-transition:			all 0.4s ease-in-out; /* Opera */
	transition:				all 0.4s ease-in-out;
	
}

#cm_navigation ul li a:hover {
	color:					#ea8104;
}
#cm_navigation ul li.cm_current a {
	color:					#ea8104;	
}

/* ----- Ende Navigation ----- */

/* ----- 3.2 SubNavigation ----- */

#cm_subnavigation {
	width:			1210px;
	margin:			0 auto;
	z-index:		99;
	position:		relative;
}

ul.cm_subnavigation {
	list-style:				none;
	padding:				0;
	margin:					0;
	position:				relative;
}

ul.cm_subnavigation ul {
    width               : 150px; /* Sub Menu Width */
    margin              : 0;
    padding             : 0;
    list-style          : none;
    display             : none;
    position            : absolute;
    top                 : 100%;
    left                : 0;
}

ul.cm_subnavigation ul ul {
    top                 : 0;
    left                : 100%;
}

ul.cm_subnavigation li {
	padding:				0;
	margin:					0;
	float:					left;
	display:				inline;
	border-left:			1px solid #dedede;
	position:				relative;
}

ul.cm_subnavigation li:last-child {
	border-right:			1px solid #dedede;
}

ul.cm_subnavigation ul li {
    width               : 100%;
    display             : block;
}

/* Root Menu */
ul.cm_subnavigation a {
	float: 				left;
	width: 				150px;
	line-height:		27px !important;
	min-height:			30px;
	height: 			auto !important;
	white-space: 		nowrap;
	display: 			block;
	text-decoration: 	none;
	text-transform:		uppercase;
	text-align: 		center;
	overflow: 			hidden;
	color: 				#797979;
	background-color:	transparent;
	font-family: 		Trajan Pro,Geneva,Times,serif;
	font-size:			11px;
	font-weight: 		normal;
	
	-webkit-transition:		all 0.4s ease-in-out; /* Safari and Chrome */	
	-ms-transition:			all 0.4s ease-in-out; /* Safari and Chrome */
	-moz-transition:		all 0.4s ease-in-out; /* Firefox 4 */
	-o-transition:			all 0.4s ease-in-out; /* Opera */
	transition:				all 0.4s ease-in-out;
}

/* Root Menu Hover Persistence */
ul.cm_subnavigation li a:hover,
ul.cm_subnavigation li:hover a,
ul.cm_subnavigation li.iehover a {
	background          : #ffffff;
	color               : #ea8104;
}

ul.cm_subnavigation li.cm_current a {
	background-color    : #ffffff;
	color               : #ea8104;
}

/* 2nd Menu */
ul.cm_subnavigation li:hover li a,
ul.cm_subnavigation li.iehover li a {
	float               : none;
	background-color    : #ffffff;
	color               : #ea8104;
}

/* 2nd Menu Hover Persistence */
ul.cm_subnavigation li:hover li a:hover,
ul.cm_subnavigation li:hover li:hover a,
ul.cm_subnavigation li.iehover li a:hover,
ul.cm_subnavigation li.iehover li.iehover a {
	background-color    : #ea8104;
	color               : #ffffff;
}

ul.cm_subnavigation li li.cm_current a {
	background-color    : #ea8104 !important;
	color               : #ffffff !important;
}

/* Hover Function - Do Not Move */
ul.cm_subnavigation li:hover ul ul,
ul.cm_subnavigation li.iehover ul ul {
    display             : none;
}

ul.cm_subnavigation li:hover ul,
ul.cm_subnavigation ul li:hover ul,
ul.cm_subnavigation ul ul li:hover ul,
ul.cm_subnavigation li.iehover ul,
ul.cm_subnavigation ul li.iehover ul {
    display             : block;
}



/* ----- Ende SubSubNavigation ----- */

#keyvisual_wrapper {
	display:	block;
	width:		100%;
	height:		320px;
	z-index:	1;
}

#title_wrapper {
	display:			block;
	height:				102px;
	width:				100%;
	margin:				0 auto;
	
	box-shadow:			0px 2px 2px #cdcdcd;
	background-color:	#dedede;
	background-image:	url('../img/shadow.png');
	background-position:	top center;
	background-repeat:	no-repeat;
	z-index:			6;
}

#title_wrapper h1 {
	padding:		22px 0px 0px 0px;
	margin:			0 auto;
	text-align:		center;
	font-size:		32px;
	font-family: 	Trajan Pro,Geneva,Times,serif;
	font-weight:	normal;
	color:			#ea8104;
}
#title_wrapper h2 {
	padding:		0px;
	margin:			0 auto;
	text-align:		center;
	font-size:		20px;
	font-family: 	Trajan Pro,Geneva,Times,serif;
	font-weight:	normal;
	top:			-5px;
	color:			#ea8104;
}
	
/* ----- Ende Header ------ */


/* ----- 2.5 Keyvisual ----- */
#keyvisual {
	display:			none;
}
/* ----- Ende Keyvisual ----- */

/* ----- 2.5 Logo ----- */


/* ----- 2.6 Content ----- */
#content_wrapper {
	display:			block;
	width:				1210px;
	margin:				0 auto;
	padding:			30px 0px 30px 0px;
	min-height:			400px;
}

.content_main {
    display:			inline-block;
	width:				800px;
	background-color:	#ffffff;
	clear:				both;
	float:				left;
	padding: 			0 90px 50px 50px;
	font-family: 		'ABeeZee', sans-serif;
	font-size:			14px;
	line-height:		1.5;
	color:				#797979;
}
.content_main a {
	color:				#797979;
	text-decoration:	underline;
}
.content_main a:hover {
	color:				#ea8104;
	text-decoration:	none;
}
/* ----- Ende Content ----- */

/* ----- 2.7 Sidebar ----- */

.sidebar_wrapper {
	display:			inline-block;
	width:				180px;
    padding: 			0px 0px 30px 40px;
	float:				left;
}
	
.content_sidebar {
	display:			block;
	width:				180px;
	padding:			20px;
	clear:				both;
	background-color:	#ea8104;
	box-shadow:			0px 2px 4px #ababab;
	margin-bottom:		30px;
	
	font-family: 		'ABeeZee', sans-serif;
	font-size:			14px;
	color:				#ffffff;
}

.content_sidebar h1, .content_sidebar h2, .content_sidebar h3 {
	color:				#ffffff;
}

.content_sidebar a {
	color:				#ffffff;
	text-decoration:	underline;
}

 .content_sidebar a:hover {
	text-decoration:	none;
}

/* -----3.5 Sidebar ----- */
#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3,
#widgetbar_site_1, #widgetbar_site_2, #widgetbar_site_3 {
	overflow			: hidden;
	width				: 180px;
}

#widgetbar_page_1 div.cm_widget, #widgetbar_page_2 div.cm_widget, #widgetbar_page_3 div.cm_widget, 
#widgetbar_site_1 div.cm_widget, #widgetbar_site_2 div.cm_widget, #widgetbar_site_3 div.cm_widget {
	margin: 			5px 0;
}
/* ----- Ende Sidebar ----- */

/* ----- Ende Sidebar ----- */

/* ----- 2.8 Footer ----- */
#footer_wrapper {
	display:			block;
	width:				100%;
	height:				130px;
	padding-top:		35px;
	text-align:			center;
	float:				left;
	background-color:	#dedede;
	background-image:	url('../img/shadow.png');
	background-position:	top center;
	background-repeat:	no-repeat;
	line-height:		2.5;
}

#footer a, #footer {
	text-transform:		uppercase;
	text-decoration:	none;
	font-weight:		normal;
	padding:			0px 10px 0px 10px;
	color:				#797979;
	font-size:			13px;
	letter-spacing:		2px;
}

#footer a:hover {
	color:				#ea8104;
	text-decoration:	underline
}

/* ----- 2.3 Container Spacer ----- */
.spacer_top, .spacer_bottom {
	display:			block;
	width:				100%;
	height:				30px;
	border:				none;
	margin:				0px;
	padding:			0px;
	float:				left;
	color:				#ea8104;
	background-color:	#ea8104;
}
/* ----- Ende Container Spacer ----- */

/* ----- 3.4 Spacer ----- */
.spacer_tl, .spacer_bl {
	display:			inline-block;
	float:				left;
	height:				10px;
	width:				200px;
	padding:			0px;
	margin:				0px 0px 0px 0px;
}

.spacer_tr, .spacer_br {
	display:			inline-block;
	float:				right;
	height:				10px;
	width:				780px;
	padding:			0px;
	margin:				0px
}

.cm_spacer_top {
	display:		block;
	height:			10px;
	margin:			5px 0px;
	padding:		0px;
}
/* ----- Ende Spacer ----- */


/* the clearfix : ------------------ */
.clearfix {
	display			: inline-block;
}
.clearfix[class] {
	display			: block;
}

/* The Nivo Slider styles */
#slider {
	margin: 0 auto;
	position:relative;
	width: 1210px;
	background:url(../img/loading.gif) no-repeat 50% 50%;
	z-index:2;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nivoSlider {
	position:relative;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	/*background:#000;*/
	color:#fff;
	/*opacity:0.8; Overridden by captionOpacity setting */
	width:0%;
	z-index:1;
	display:none;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	display:none;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	z-index:100;
	bottom:5px;
	right:5px;
	display:none;
}

.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	cursor:pointer;
	display:none;
}

.nivo-controlNav a.active {
	font-weight:bold;
	background-position:-10px 0;
	display:none;
}













