/* HELPERS */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* FONT */

@font-face {
	font-family: Ebrima;
	src: url(/pu_panther/fonts/ebrima.eot);
	font-weight: normal;
}

@font-face {
	font-family: Ebrima;
	src: url(/pu_panther/fonts/ebrima.ttf) format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: "Ebrima Bold";
	src: url(/pu_panther/fonts/ebrimabd.eot);
	font-weight: bold;
}

@font-face {
	font-family: "Ebrima Bold";
	src: url(/pu_panther/fonts/ebrimabd.ttf) format('truetype');
	font-weight: bold;
}

/* DEFAULT TAGS */

body {
	background: #fff url(/pu_panther/images/1516/ap_hp_bg_1516_v01.png) top center no-repeat fixed;
	font-family: Ebrima, Arial, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	border: 0;
}

em {
	display: none;
}

a {
	color: #CC0000;
	text-decoration: none;
}

strong {
	font-family: 'Ebrima Bold';
}

.header {
	position: relative;
	margin: auto;
	width: 925px;
}



/* Vorschaltseite */

#main_container {
	background-color: #434342; 
	border:2px solid black; 
	width: 800px; 
	height: 520px; 
	margin: auto; 
	margin-top: 100px;
}

#content_top {
	width: 310px; 
	height: 420px; 
	background-color: #434342; 
	float: left;
	padding: 0 10px 10px 10px; 
	color: #fff; 
	text-align: center;
}


/* restliche Seite */

.content {
	/*background-color: rgba(255,255,255,0.8);*/
	background-color: #fff;
	margin: auto;
	width: 925px;
	padding: 0 0 25px 0;
	/*
	border-left: 25px solid rgba(255,255,255,0);
	border-right: 25px solid rgba(255,255,255,0);
	*/
	border-left: 25px solid #fff;
	border-right: 25px solid #fff;
}

.content-full {
	padding: 25px 0;
}

.contentarea {
	width: 600px;
	margin-top: 25px;
	float: left;
}

.content_wrapper {
	margin: auto;
	width: 900px;
}

/* .header */

.toplogo_left {
	background: transparent url(/pu_panther/images/pure_emotion/2014/ap_hp_header_975x130px.png) top left no-repeat;
	width: 975px;
	height: 130px;
}

.toplogo_left h1 {
	display: none;
}

.toplogo_right {
	background: url(/pu_panther/images/pure_emotion/2014/ap_hp_roterbalken_oben_300x180px.png);
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 180px;
	z-index: 1;
}

.socialbar {
	position: absolute;
	right: 0;
	top: 184px;
	height: 26px;
	width: 290px;
	z-index: 2;
}

.socialbar .icon {
	margin-right: 5px;
	float: left;
	height: 26px;
	width: 26px;
	background: transparent url(/pu_panther/images/pure_emotion/2014/ap_hp_bookmarks_sprite.png) 0 0 no-repeat;
	background-size: 52px 234px;
}

.socialbar .icon:last-child {
	margin-right: 0;
}

.socialbar .aev { background-position: -26px 0; }
.socialbar .aev:hover { background-position: 0 0; }

.socialbar .facebook { background-position: -26px -26px; }
.socialbar .facebook:hover { background-position: 0 -26px; }

.socialbar .googleplus { background-position: -26px -52px; }
.socialbar .googleplus:hover { background-position: 0 -52px; }

.socialbar .twitter { background-position: -26px -78px; }
.socialbar .twitter:hover { background-position: 0 -78px; }

.socialbar .youtube { background-position: -26px -156px; }
.socialbar .youtube:hover { background-position: 0 -156px; }

.socialbar .instagram { background-position: -26px -104px; }
.socialbar .instagram:hover { background-position: 0 -104px; }

.socialbar .pinterest { background-position: -26px -130px; }
.socialbar .pinterest:hover { background-position: 0 -130px; }

.socialbar .apple { background-position: -26px -182px; }
.socialbar .apple:hover { background-position: 0 -182px; }

.socialbar .android { background-position: -26px -208px; }
.socialbar .android:hover { background-position: 0 -208px; }

/* navigation */

nav {
	width: 100%;
}

nav li {
	float: left;
	padding: 0 15px 0 0;
}

nav .navitem:hover > a,
nav .subitem:hover > a {
	color: #cc0000;
	cursor: pointer;
}

nav li:last-child {
	padding-right: 0;
}

nav li.active > a {
	color: #cc0000 !important;
}

nav .navigation_row {
	width: 100%;
	background-color: rgba(0,0,0,0.45);
	height: 50px;
}

nav .navigation { 
	width: 630px;
	height: 50px;
	position: relative;
}

nav .navigation > li a {
	font-family: "Ebrima Bold", Verdana, sans-serif;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	text-transform: uppercase;
}

nav .subnavigation_row {
	/*background-color: rgba(255,255,255,0.8);*/
	background-color: #fff;
	height: 35px;
}

nav .subnavigation {
	width: 630px;
	height: 35px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50px;
	display: none;
}

nav .subnavigation.active {
	display: block;
}

nav .subnavigation > li a {
	font-family: Ebrima;
	text-transform: none;
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	color: #000;
}

#breadcrumb {
	margin: 10px 0px 10px 10px;
	font-size: 11px;
	color: #ffffff;
}
#breadcrumb a {
	text-decoration: none;
	color: #ffffff;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
.servicearea {
	float: right;
	width: 300px;
	margin-top: 25px;
}
.servicearea a {
	color: #fff;
	
}

.servicearea table th {
	font-weight: bold;
	color: #000;
	text-align: left;
}
.servicearea table td {
	color:#000;
}

h2 {
	font-family: "Ebrima Bold", Verdana, sans-serif;
	color: #000;
	margin: 0 0 10px 0;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.3;
	font-weight: bold;
}

.servicebox {
	margin-bottom: 35px;
}

.footer {
	width: 975px;
	margin: auto;
	background-color: #fff;
	/*border-top: 1px solid #ccc;*/
}

.footer .partners,
.footer .teams {
	width: 925px;
	/*background-color: rgba(255,255,255,0.7);*/
	background-color: #fff;
	border-top: 1px solid #eee;
	padding: 25px 0;
	margin: 0 auto;
}

.footer .partners .partner {
	display: block;
	width: 154px;
	height: 70px;
	background: transparent url(/pu_panther/images/1516/ap_hp_partner_sprite_v02.png) 0 0 no-repeat;
	background-size: 308px 1400px;
	float: left;
}

.footer .partners .row {
	margin: 0 auto;
}

.footer .partners .metzen { background-position: -154px 0; }
.footer .partners .metzen:hover { background-position: 0 0; }

.footer .partners .swa { background-position: -154px -70px; }
.footer .partners .swa:hover { background-position: 0 -70px; }

.footer .partners .tophair { background-position: -154px -140px; }
.footer .partners .tophair:hover { background-position: 0 -140px; }

.footer .partners .kuka { background-position: -154px -210px; }
.footer .partners .kuka:hover { background-position: 0 -210px; }

.footer .partners .lew { background-position: -154px -280px; }
.footer .partners .lew:hover { background-position: 0 -280px; }

.footer .partners .spezi { background-position: -154px -350px; }
.footer .partners .spezi:hover { background-position: 0 -350px; }

.footer .partners .bauer { background-position: -153px -419px; }
.footer .partners .bauer:hover { background-position: 0 -420px; }

.footer .partners .del { background-position: -154px -489px; }
.footer .partners .del:hover { background-position: 0 -490px; }

.footer .partners .az { background-position: -154px -560px; }
.footer .partners .az:hover { background-position: 0 -560px; }

.footer .partners .aab { background-position: -154px -630px; }
.footer .partners .aab:hover { background-position: 0 -630px; }

.footer .partners .segmueller { background-position: -154px -700px; }
.footer .partners .segmueller:hover { background-position: 0 -700px; }

.footer .partners .jako { background-position: -154px -770px; }
.footer .partners .jako:hover { background-position: 0 -770px; }

.footer .partners .tfm { background-position: -154px -840px; }
.footer .partners .tfm:hover { background-position: 0 -840px; }

.footer .partners .happydog { background-position: -154px -910px; }
.footer .partners .happydog:hover { background-position: 0 -910px; }

.footer .partners .dmleasing { background-position: -154px -980px; }
.footer .partners .dmleasing:hover { background-position: 0 -980px; }

.footer .partners .rf { background-position: -154px -1050px; }
.footer .partners .rf:hover { background-position: 0 -1050px; }

.footer .partners .rt1 { background-position: -154px -1120px; }
.footer .partners .rt1:hover { background-position: 0 -1120px; }

.footer .partners .servustv { background-position: -154px -1190px; }
.footer .partners .servustv:hover { background-position: 0 -1190px; }

.footer .partners .laola1tv { background-position: -154px -1260px; }
.footer .partners .laola1tv:hover { background-position: 0 -1260px; }

.footer .partners .greif { background-position: -153px -1330px; }
.footer .partners .greif:hover { background-position: 0 -1330px; }

.footer .teams .team {
	display: block;
	width: 71px;
	height: 70px;
	background: transparent url(/pu_panther/images/pure_emotion/2014/del_logos_leiste_v04.png) 0 0 no-repeat;
	background-size: 923px 139px;
	float: left;
}

.footer .teams .berlin { background-position: 5px -68px; }
.footer .teams .berlin:hover { background-position: 5px 0; }

.footer .teams .duesseldorf { background-position: -68px -68px; }
.footer .teams .duesseldorf:hover { background-position: -68px 0; }

.footer .teams .hamburg { background-position: -140px -68px; }
.footer .teams .hamburg:hover { background-position: -140px 0; }

.footer .teams .ingolstadt { background-position: -210px -68px; }
.footer .teams .ingolstadt:hover { background-position: -210px 0; }

.footer .teams .iserlohn { background-position: -284px -68px; }
.footer .teams .iserlohn:hover { background-position: -284px 0; }

.footer .teams .koeln { background-position: -355px -68px; }
.footer .teams .koeln:hover { background-position: -355px 0; }

.footer .teams .krefeld { background-position: -426px -68px; }
.footer .teams .krefeld:hover { background-position: -426px 0; }

.footer .teams .mannheim { background-position: -497px -68px; }
.footer .teams .mannheim:hover { background-position: -497px 0; }

.footer .teams .muenchen { background-position: -570px -68px; }
.footer .teams .muenchen:hover { background-position: -570px 0; }

.footer .teams .nuernberg { background-position: -644px -68px; }
.footer .teams .nuernberg:hover { background-position: -644px 0; }

.footer .teams .schwenningen { background-position: -714px -68px; }
.footer .teams .schwenningen:hover { background-position: -714px 0; }

.footer .teams .straubing { background-position: -786px -68px; }
.footer .teams .straubing:hover { background-position: -786px 0; }

.footer .teams .wolfsburg { background-position: -858px -68px; }
.footer .teams .wolfsburg:hover { background-position: -858px 0; }

.footer ul {
	margin-top: 5px;
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
}

.footer ul#sitemap {
	width: 925px;
	padding: 25px 0;
	margin: 0 auto;
	border-top: 1px solid #eee;
}
.footer li.level1 {
	float: left;
	width: 130px;
}
.footer li.level1 a {
	text-decoration: none;
	font-family: "Ebrima Bold";
	text-transform: uppercase;
	color: #777;
}
.footer li.level1 a:hover {
	text-decoration: underline;
	color: #000;
}
.footer li.level2 a {
	font-family: "Ebrima";
	text-transform: none;
	text-decoration: none;
}
.footer li.level2 a:hover {
	text-decoration: underline;
	color: #000;
}

.footer .rights {
	padding: 25px 0;
	margin: 0 auto;
	width: 925px;
	border-top: 1px solid #eee;
}
.footer .rights .row {
	width: 290px;
	margin: 0 auto;
}
.footer .rights a {
	color: #777;
}
.footer .rights a:hover {
	text-decoration: underline;
}

.container_facebook {
	width: 240px; 
	display:block; 
	float:left;
	margin: 0 3px 15px 4px;
}
.halfbox {
	float: left; 
	background: #fff; 
	padding: 5px; 
}

.halfbox table td {
	padding: 0 4px;
	color: #fff;
}
.fullbox {
	width: 570px; 
	clear: both;
	font-size: 11px;
	padding: 5px;
	
}

#newsarea {
	background: #ffffff;
	width: 580px;
	heigth: 300px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.newsitem {
	border-bottom: 1px dotted #000;
	padding: 10px 0;
}
.newsitem_image {
	display: block; 
	width: 140px;
	float: left;
	padding-right: 10px;
	padding-bottom: 3px;
}
.newsitem_text {
	display: block;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
.newsitem_link {
	/* font-size: 11px; */
	/* line-height: 16px; */
}
.newsitem_datetime {
	margin-top: 0px;
	margin-bottom: 3px;
	color: #000000;
	font-size: 9px;
	font-weight: bold;
}
.newsitem h3 {
	margin-top: 0;
	margin-bottom: 5px;
}

/*
*+html #topbox {
  padding-top:25px;
}
*html #topbox {
	padding-top:17px;
}
*/
#topbox_content {
	position: relative;
	/*top: -25px;*/
}
.topbox_item {
	width: 580px;
	height: 305px;
	z-index:1;
}
#topbox ul {
	position: relative;
	top: 0px;
	height: 22px;
	z-index:5;
	margin: 0;
	padding: 0;
	/*width: 580px;*/
	float:right;
}
#topbox ul li {
	/*float: left;*/
	list-style-type: none;
	color: #000000;
	line-height: 16px;
	float:left;
}
#topbox ul li a {
	opacity: 0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=80);
	-khtml-opacity:0.8;
	color: #FFFFFF;
	float: left;	
	text-decoration: none;
	margin-bottom: 2px;
	background-color: #424242;
	font-size: 10px;
	outline: 0;
	/* width: 160px; */
	height:18px;
	padding-left:5px;
	padding-right:5px;
	margin-right:1px;
}
#topbox ul li a.activeSlide  {
/*
	opacity: 0.7;
	-moz-opacity:0.7;
	filter: alpha(opacity=70);
	-khtml-opacity:0.7;
*/
	background-color: #010000;
	color: #FFFFFF;
	font-weight: bold;
}
.topbox_item div.topbox_headline {
	position: relative;
	top: 0px;
	background: #424242;
	height: 57px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	padding-left: 10px;
	padding-top: 2px;
}
.topbox_item div.topbox_headline a {
	font-size: 22px;
	color: #fff;
	/* font-family: Helvetica;*/
	text-decoration: none;
}
/*close topbox*/

/* twitter */
.twitter_container {
	/*padding: 5px 10px;*/
	width: 325px;
	float: left;
	margin-right:10px;
	font-size:11px;
}


th {
	text-align: left;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.content_container ul {
	list-style-type:circle;
	margin-left: 20px;
}

.twitter_container ul li {
	border-bottom: 1px dotted #000;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.clear {
	clear: both;
}

.tab_nav {
	display: none;	
}

ul#nav li {
	float: left;
	margin-right: 7px;
	position: relative;
}

ul#nav li img {
	opacity: 0.20; /* Webkit und Opera  */
  	-moz-opacity: 0.20; /* Mozilla Browser */
  	filter:alpha(opacity=20); /* Internet Explorer */
}

ul#nav li a.activeSlide img {
	opacity: 1; /* Webkit und Opera  */
  	-moz-opacity: 1; /* Mozilla Browser */
  	filter:alpha(opacity=100); /* Internet Explorer */
}

.tabTitle {
	padding-left: 2px;
	padding-top: 3px;
	height: 16px;
	width: 138px;
	font-size: 10px;
	position: absolute;
	top: 56px;
	left: 0px;
	color: #ffffff;
	background: none repeat scroll 0 0 #424242;
	overflow: hidden;
}

ul#nav li div.tabTitle {
	opacity: 0.3; /* Webkit und Opera  */
  	-moz-opacity: 0.3; /* Mozilla Browser */
  	filter:alpha(opacity=30); /* Internet Explorer */
}

ul#nav li a.activeSlide div.tabTitle {
	opacity: 0.8; /* Webkit und Opera  */
  	-moz-opacity: 0.8; /* Mozilla Browser */
  	filter:alpha(opacity=80); /* Internet Explorer */
}

.ui-widget-content .newsitem_link a {
	color: #CC0000;
}
.ui-widget-content .newsitem_link a:hover {
	text-decoration: underline;
}
.accordion h3 {
	font-weight: bold;
}

.sponsoren_item {
	float: left;
	width: 115px;
	height: 100px;
	padding: 0 2px 2px 0;	
}

.sponsoren_item_business {
	float: left;
	padding: 0 2px 2px 0;	
}

.content_container {
	margin: 15px 0px;
	padding: 10px;
	width: 560px;
}
.content_unten {
	background-image: url(/pu_panther/images/bg_unten.png);
	background-repeat: repeat-x;
	height: 100px;
}
.content_oben {
	background-image: url(/pu_panther/images/bg_headline.png);
	background-repeat: repeat-x;
	height: 50px;
	margin-bottom: 0;
}

.gallery_teaser {
	float: left;
	width: 180px;
	background-color: #fff;
	margin: 0 5px 15px 0;
	padding: 5px;
	font-size: 11px;
}
.gallery_picture {
	width: 180px;
	height: 135px;
	font-size: 11px;
	padding-bottom: 5px;
	text-align: center;
}
.gallery_detail_item {
	float: left;
	width: 180px;
	height: 135px;
	margin-bottom: 9px;
	margin-right: 9px;
	background-color: #000;
	text-align: center;
	border: 3px solid #fff;
}
.gallery_desc {
	background-color: #ffffff;
	padding: 5px;
	margin-bottom: 15px;
}
.trikotgallery_detail_item {
	float: left;
	width: 180px;
	height: 72px;
	margin-bottom: 9px;
	margin-right: 9px;
	background-color: #000;
	text-align: center;
	border: 3px solid #fff;
}

.wallpaper_item {
	background-color: #ffffff;
	padding: 3px;
	margin-bottom: 15px;
}
.wallpaper_preview {
	float: left;
	margin-right: 20px;
}
.wallpaper_links {
	float: left;
	padding-top: 40px;
}

#musik_glueck {
	width: 400px;
	margin: 30px auto;
}
#musik_glueck h2 {
	margin-bottom: 20px;
}
#musik_glueck label {
	display: block;
	width: 150px;
	float: left;
	color: #000;
}
.input_mittel {
	margin-bottom: 5px;
	width: 200px;
}
.input_submit {
	margin: 15px 40px 15px 0;
	float: right;
}