@import "reset.css";
@import "font.css";
@import "register.css";
@import "profil.css";
@import "shop.css";
@import "uddeim.css";
@import "hotel.css";
@import "widget.css";
@import "kunena.css";


/* TEMPLATE - ANFANG */

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

	AJAX Stuff
	
**********************************************************/

/* Tooltips */

.tip-wrap {
    position: absolute;
    max-width: 200px;
    line-height: 20px;
    padding: 10px;
    font-size: 95%;
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 0);
    border: 4px solid rgb(0, 0, 0);
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 2px 0px;
	z-index: 13000;
}

.tip-wrap:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #000000 transparent;
    top: -23px;
    left: 0px;
	z-index: 13000;
}

.actions, .article-info, .pagenav-prev, .pagenav-next {
	dislay:none !important;
}

* {
	padding:0;
	margin:0
}

html, body {
	display:block;
}

ul, ol {
	list-style:none;
}


body {
	background-color:#111214;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding:0px;
	margin:0px;
}

a img {
	border:none;
}

a:link, a:visited {
	color:#FFF;
	text-decoration:underline;
}

a:focus, a:hover, a:active {
	color:#FF5A00;
	text-decoration:none;
}


input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

h1, h2, h3, h4, h5, h6 {
	color:#fff;
}

td, th {
	text-align:left;
	padding:0px;
	margin:0px;
}

.spacer {
	display:block;
	clear:both;
	height:10px;
}

#header-support-line {
	display:block;
	width:100%;
	height:25px;
	background-color:#000000;
	border-bottom:2px solid #000;
}


#wrapper {
	text-align:left;
	height:auto;
	width:1208px;
	border:none;
	margin: 10px auto;
	background:#111214;
	position:relative;
}


#header {
	position:relative;
	width:100%;
	height:66px;
	display:block;
	z-index:1001;
	
}

#logo {
	width:500px;
	height:70px;
	display:inline-block;
	float:left;
	right:0px;
	z-index:1000;
	position:absolute;
	top:0px;
	left:50px;

}

#logo a {
	display:block;
	position:absolute;
	right:0px;
}

#pcs-menue-top {
	height:68px;
	width:100%;
	display:block;
	background-image:url(../images/menue_fake.png);
	background-repeat:no-repeat;
	background-position:right top;
}

#pcs-banner {
	height:300px;
	width:100%;
	display:block;
}

#pcs-banner-rechts {
	height:300px;
	width:100%;
	display:block;
	background-image:url(../images/paerchenclub-schiedel-banner-bg.png);
	background-repeat:no-repeat;
	background-position:300px 0px;
}
.safari.mac #pcs-banner-rechts, .ie9 #pcs-banner-rechts, .ie10 #pcs-banner-rechts {
	background-position:300px 0px;
}

.ie7 #pcs-banner-rechts, .ie8 #pcs-banner-rechts, .gecko.win #pcs-banner-rechts, .opera.win #pcs-banner-rechts, .chrome.win #pcs-banner-rechts {
	background-position:300px 1px;
}


#pcs-banner-rechts h6 {
	font-family:"brush_scriptregular", Verdana, Geneva, sans-serif;
	font-size:35px;
	color:#FFF;
	margin-left:515px;
	width:625px;
	padding-top:35px;
	line-height:1.5em;
	display:block;
	color:#F7941D;
	letter-spacing:0px;
	font-weight:normal !important;
	word-spacing:12px;
	text-shadow:#000 2px 2px 2px;
}

#pcs-banner-rechts p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-left:517px;
	width:622px;
	padding-top:15px;
	line-height:1.7em;
	font-style:normal;
	text-align:justify;
}

#pcs-banner-links {
	height:342px;
	width:540px;
	position:absolute;
	z-index:999;
	top:38px;
	left:-46px;
	background-image:url(../images/paerchenclub-schiedel-fotos.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;

}

.gecko.mac #pcs-banner-links {
	background-position:0px 0.5px;
}

.opera.mac #pcs-banner-links {
	background-position:0px 1px;
}

.gecko.win #pcs-banner-links {
	background-position:0px 1px;
}

.gecko.ff2.win #pcs-banner-links {
	background-position:0px 0px;
}

.opera.win #pcs-banner-links {
	background-position:0px 1px;
}

.chrome.win #pcs-banner-links {
	background-position:0px 1px;
}

#pathway {
	height:22px;
	width:900px;
	font-size:9px;
	display:block;
	line-height:12px;
	margin-left:260px;
	font-size:11px;
	overflow:hidden;
}

#pathway ul {
	display:block;
	margin-left:0px;
	padding-left:0px;
}

#pathway ul li {
	display:inline-block;
	float:left;
	padding-right:10px;
}

#pathway ul .divider {
	padding-left:10px !important;
}

#m-top {
	width:auto;
	display:block;
	float:left;
	position:absolute;
	right:0px;
}


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

	TOPMENUE

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

#tml {
	display:block;
	float:left;
	width:7px;
	height:66px;
	background-image:url(../images/top-menue-1.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#tmm {
	display:block;
	float:left;
	width:625px;
	height:66px;
	background-image: url(../images/top-menue-2.png);
	background-repeat:repeat-x;
	background-position:top left;
}


.menu-top {
	display:block;
	border-left:1px solid black;
	width:100%;
	height:47px;
	margin-top:9px;
}

* html .menu-top {
	width:auto;
}

.menu-top li {
	padding:0px;
	margin:0px;
	display:block;
	width:104px;
	height:47px;
	margin-top:0px;
	float:left;
}

.menu-top li a:link, .menu-top li a:visited {
	display:block;
	height:33px;
	width:100%;
	text-align:center;
	color:#FFF;
	background-image: url(../images/top-menue-4.png);
	background-repeat:no-repeat;
	background-position:0px -9px;
	padding-top:15px;
	text-decoration:none;
	font-size:12px;

}

.menu-top li a:hover, .menu-top li a:active, .menu-top .current a, .menu-top li.active a {
	display:block;
	height:33px;
	width:100%;
	text-align:center;
	color:#FF9511;
	background-image: url(../images/top-menue-4.png);
	background-repeat:no-repeat;
	background-position:0px -73px;
	padding-top:15px;
	text-decoration:none;
}


#tmr {
	display:block;
	float:left;
	width:12px;
	height:66px;
	background-image: url(../images/top-menue-3.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.clear {
	clear:both;

}


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

	Linke Seitenleiste
	
****************************************************/

#left {
	width:254px;
	height:auto;
	display:block;
	float:left;
	margin-left:1px;
}

#left .moduletable h3, #left .moduletable_menu h3 {
	background-image:url(../images/pcs-modul-top_neu.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:225px;
	height:20px;
	font-size:12px;
	display:block;
	font-weight:bold;
	line-height:1.2em;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:29px;
	
	color:#FFF;
}

.pcs-modul-mitte {
	background-image:url(../images/pcs-modul-middle.png);
	background-repeat:repeat-y;
	background-position:top center;
	width:254px;
	min-height:100%;
	font-size:12px;
	display:block;
	
	padding-bottom:0px;
}

.pcs-modul-unten {
	background-image:url(../images/pcs-modul-bottom.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:254px;
	height:8px;
	display:block;
}

.abstand {
	margin-left:13px;
	width:215px;
	display:block;
	padding-left:16px;
	border-top:1px solid #494949;
	border-left:1px solid #494949;
	border-bottom:1px solid #2d2d2d;
	background-color:#343434;
	padding-top:10px;
	padding-bottom:5px;
}



/******************************************************
	KLASSEN FÜRS MENÜ
******************************************************/

#left .moduletable_menu {
	width:255px;
	height:auto;
	padding-bottom:8px;
	background-image:url(../images/pcs-modul-bottom_menue.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

* html #left .moduletable_menu {
	width:255px;
	padding-bottom:8px;
	background-image:url(../images/pcs-modul-bottom_menue.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	
}

#left .moduletable_menu ul {
	font-size:12px;
	line-height:1.5em;
	list-style:none;
	display:inline-block;
	background-image:url(../images/pcs-modul-middle.png);
	background-repeat:repeat-y;
	background-position:top left;
	width:232px;
	
	padding-left:13px;
	padding-right:13px;
}

#left .moduletable_menu ul li a {
	font-size:12px;
	line-height:1.5em;
	display:block;
	padding-left:35px;
	width:auto;
	padding-top:2px;
	padding-bottom:3px;
	background-color:#343434;
	border-top:1px solid #494949;
	border-bottom:1px solid #141414;
	border-left:1px solid #494949;
	
	background-image:url(../images/menue_arrow_white.gif);
	background-repeat:no-repeat;
	background-position:15px 7px;
	
}


/* 2. Ebene */

#left .moduletable_menu ul li ul {
	font-size:12px;
	line-height:1.5em;
	list-style:none;
	display:inline-block;
	background-image:none;
	background-repeat:repeat-y;
	background-position:top left;
	width:232px;
	padding-left:0px;
	margin-left:0px;
	padding-right:0px;
}

#left .moduletable_menu ul li ul li {
	display:block;
	margin-left:0px;
	background-color:#343434;
	width:232px;
}

#left .moduletable_menu ul li ul li a {
	color:#FFF;
	background-image:url(../images/menue_arrow_white.gif);
	padding-left:45px;
	background-position:25px 7px;
	text-decoration:underline;
}

#left .moduletable_menu ul li a:link {
	color:#FFF;
	background-image:url(../images/menue_arrow_white.gif);
}

#left .moduletable_menu ul li a:visited {
	color:#FFF;
	background-image:url(../images/menue_arrow_white.gif);
}

#left .moduletable_menu ul li a:focus {
	color:#FF5A00;
	background-image:url(../images/menue_arrow_active.png);
}

#left .moduletable_menu ul li a:hover {
	color:#FF5A00;
	background-image:url(../images/menue_arrow_active.png);
}

#left .moduletable_menu ul li a:active {
	color:#FF5A00;
	background-image:url(../images/menue_arrow_active.png);
}

#left .moduletable_menu ul li.current a {
	color:#FF5A00;
	background-image:url(../images/menue_arrow_active.png);
}

#left .moduletable_menu ul li.current li a:link {
	color:#FFF;
	background-image:url(../images/menue_arrow_white.gif);
}

#left .moduletable_menu ul li.current li a:visited {
	color:#FFF;
	background-image:url(../images/menue_arrow_white.gif);
}

#left .moduletable_menu ul li.current li a:focus {
	color:#FF5A00;
	background-image:url(../images/menue_arrow_active.png);
}

#left .moduletable_menu ul li.current li a:hover {
	color:#FF5A00;
	background-image:url(../images/menue_arrow_active.png);
}

#left .moduletable_menu ul li.current li a:active {
	color:#FF5A00;
	background-image:url(../images/menue_arrow_active.png);
}

#left .moduletable_menu ul li.current li.current a {
	color:#FF5A00;
	background-image:url(../images/menue_arrow_active.png);
}



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

	Klassen für die Module in der Mitte
	
*******************************************************/

#mitte {
	float:left;
	display:block;
	width:700px;
	height:100%;
}

* html #mitte {
	width:695px;
	overflow:hidden;
}

#mitte .pcs-mitte-oben {
	background-image:url(../images/pcs-portal-top.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
	width:100%;
	display:block;
	height:8px;
	font-size:1px;
}

#mitte .pcs-mitte {
	background-image:url(../images/pcs-portal-middle.png);
	background-repeat:repeat-y;
	background-position:-1px 0px;
	width:100%;
	height:100%;
	font-size:12px;
	display:block;

}

#mitte .pcs-mitte-unten {
	background-image:url(../images/pcs-portal-bottom.png);
	background-repeat:no-repeat;
	background-position:-1px 0px;
	width:100%;
	height:8px;
	font-size:1px;
	display:block;
}

.abstand-m {
	margin-left:8px;
	width:642px;
	height:auto;
	display:block;
	border-top:1px solid #494949;
	border-left:1px solid #494949;
	border-bottom:1px solid #2d2d2d;
	border-right:1px solid #494949;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
}

* html .abstand-m {
	width:642px;
}

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

	Klassen für die Module in der Mitte2 (OHNE RECHTE MODULE)
	
*************************************************************/

#mitte2 {
	float:left;
	display:block;
	width:948px;
	height:100%;
}

#mitte2 .pcs-mitte-oben {
	background-image:url(../images/pcs-portal-top-2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:100%;
	height:8px;
	font-size:1px;
}

#mitte2 .pcs-mitte {
	background-image:url(../images/pcs-portal-middle-2.png);
	background-repeat:repeat-y;
	background-position:0px 0px;
	width:100%;
	height:100%;
	font-size:12px;
	display:block;
}

#mitte2 .pcs-mitte-unten {
	background-image:url(../images/pcs-portal-bottom-2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:100%;
	height:8px;
	font-size:1px;
	display:block;
}

#mitte2 .abstand-m {
	margin-left:8px;
	width:892px;
	display:block;
	border-top:1px solid #494949;
	border-left:1px solid #494949;
	border-bottom:1px solid #2d2d2d;
	border-right:1px solid #494949;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#2D2D2D;
}

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

	Klassen für die Module auf der rechten Seite
	
*******************************************************/

#right {
	float:left;
	display:block;
	width:253px;
}

* html #right {
	width:250px;
	overflow:hidden;
}

.pcs-modul-mitte-r {
	background-image:url(../images/pcs-modul-middle-right.png);
	background-repeat:repeat-y;
	background-position:top left;
	display:block;
	width:100%;
	font-size:12px;
	padding-bottom:5px;
	position:relative;

}

* html .pcs-modul-mitte-r {
	width:250px;
}

.pcs-modul-unten-r {
	background-image:url(../images/pcs-modul-bottom-right.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:100%;
	height:8px;
	display:block;
}

.abstand-r {
	margin-left:9px;
	width:201px;
	display:block;
	height:100%;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:5px;
	border-left:1px solid #494949;
	border-top:1px solid #494949;
	background-color:#2D2D2D;
}

#right .moduletable h3, #right .moduletable_menu h3, #right .moduletable_text h3 {
	background-image:url(../images/pcs-modul-top-right.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:224px;
	height:20px;
	font-size:12px;
	display:block;
	line-height:1.2em;
	font-weight:bold;
	color:#fff;
	padding-top:10px;
	padding-left:25px;
}

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

	DEBUG

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

#content .pcs-modul-mitte, #content .abstand, #content .pcs-modul-unten {
	background-image:none;
	padding:0;
	margin:0;
	border:none;
	background-color:transparent;
}

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

	Überschriften
	
****************************************************/

.componentheading, .contentheading, #content h1, #content h2, #content h3 {
	font-size:16px;
	line-height:1.5em;
	display:block;
	font-weight:bold;
	padding-bottom:10px;
	
	background-image:url(../images/pcs-header-line.png);
	background-repeat:repeat-x;
	background-position:bottom;
	
	line-height:1.2em;
	margin-bottom:10px;
	color:#FFF;
}

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

	INHALT

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

#content h1, #content h2, #content h3, #content h4 {
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
	margin-bottom:6px;
}

#content h5, #content h6 {
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:0px;
}

#content p {
	line-height:1.5em;
	padding-top:10px;
}

#content p + h2, #content p + h3, #content p + h4, #content p + h5, #content p + h6 {
	padding-top:20px;
}

#content ul, #content ol {
	padding-top:15px;
	padding-bottom:20px;
	margin-left:0px;
}

#content ul li {
	list-style:inside;
	padding-left:5px;
	padding-bottom:5px;
}

#content ol li {
	list-style:inside;
	list-style-type:decimal;
	padding-left:5px;
	padding-bottom:5px;
}

.small, .createdate, .modifydate {
	font-size:9px;
	line-height:1.5em;
	color:#999999;
}

.createdate {
	padding-bottom:10px;
}

.modifydate {
	padding-top:10px;
}

.contentpaneopen {
	font-size:12px;
	line-height:1.5em;
}


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

	MODUL: Login
	
****************************************************/
#mod_login_usernametext, #mod_login_passwordtext, #login-form-username, #login-form-password {
	display:block;
}

#login-form .controls label {
	display:block;
	margin-bottom:5px;
}

#login-form .inputbox {
	display:block;
	border:1px solid #141414;
	line-height:1.2em;
	padding:3px;
	margin-top:5px;
	margin-bottom:10px !important;
	background-color:#666666;
	width:190px;
}

#login-form .inputbox:focus, #login-form .inputbox:hover, #login-form .inputbox:active,
#form-login .inputbox:focus, #form-login .inputbox:hover, #form-login .inputbox:active { 
	background-color:#999999;
	font-weight:bold;
}


* a.todo-task-red {
	color:#CC0000 !important;
	font-weight:bold !important;
}




#modlgn-remember {
	float:left !important;
	margin-right:5px !important;
	width:20px !important;
	float:left !important;
}

#form-login-remember {
	display:inline-block;
	clear:both;
}

#form-login-remember label {
	margin-top:3px;
}

#login-form ul {
	list-style:none;
	font-size:12px;
	line-height:1.8em;
	margin-top:10px;
	margin-bottom:5px;
}

#login-form ul li {
	font-size:12px;
	line-height:1.8em;
	list-style:none;
}

#login-form ul li a {
	padding-left:20px;
	padding-right:10px;
	background-image:url(../images/menue_arrow.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
}

#login-form ul li a:hover {
	padding-left:20px;
	padding-right:10px;
	background-position:0px -17px;
}

.button {
	background-image:url(../images/submit-buttons.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:inline-block;
	width:105px;
	height:29px;
	border:none;	
	font-weight:bold;
	color:#FFF;
	background-color:transparent !important;
}

.button-large {
	background-image:url(../images/submit-buttons-large.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	display:inline-block;
	width:150px;
	height:29px;
	border:none;	
	font-weight:bold;
	color:#FFF;
	background-color:#2D2D2D;
}

.button:hover, .button:focus {
	background-position:0px -34px;
	color:#FF9511;
	cursor:pointer;
	background-color:transparent !important;
}

.button-large:hover, .button-large:focus {
	background-position:0px -31px;
	color:#FF9511;
	cursor:pointer;
}

#login-form .button {
	background-color:#343434;
}


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

	FOOTER
	
******************************************/

#footer {
	font-size:11px;
	margin-top:10px;
	padding-bottom:10px;
	display:block;
	width:100%;
	text-align:center;
}


/* BROWSER UPDATE INFO */

.buorg a {
    color:#E25600;
	text-shadow:none;
}
#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
	text-shadow:none;
}
/* BROWSER UPDATE INFO ENDE */


/* Frontpage Article Slideshow */

div.frontapgeslider {
	margin-top:20px;
	margin-bottom:20px;
	background-color:#000000;
}

ul.jl-navigator {
	padding-top:0px !important;
}

.jl-ass .jl-navigator li div.jlcontent div.inner-jlcontent {
	padding-left:10px !important;
}

.jl-navigator .inner-jlcontent h4 {
	font-size:11px !important;
	line-height:1.2em !important;
	font-weight:normal !important;
	letter-spacing:0 !important;
}

.jl-navigator .inner-jlcontent p {
	font-size:10px !important;
	font-weight:normal !important;
	padding-right:2px !important;
}

.jl-ass .jl-navigator li img {
	margin: 15px 8px 0px 0px !important;
}

.jl-ass .jl-description {
	left:15px !important;
}

.jl-description h4, .jl-description h4 a:link, .jl-description h4 a:visited {
	font-size:13px !important;
	line-height:1.2em !important;
	font-weight:normal !important;
}

.jl-description h4 a:focus, .jl-description h4 a:hover, .jl-description h4 a:active {
	color:#FF5A00 !important;
	text-decoration:none !important;
}

.jl-ass .jl-description a {
	display:block !important;
	padding-top:8px !important;
	padding-bottom:8px !important;
	text-decoration: none !important;
}

.jl-description p {
	font-size:11px !important;
	line-height:1.5em !important;
	font-weight:normal !important;
}

/* MODUL: CONTENT-FOOTER */

.content-footer-menu {
	display:block;
	text-align:center !important;
	background-image:url(../images/pcs-header-line.png);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:15px;
}

.content-footer-menu ul {
	display:inline-block;
	text-align:center !important;
	margin-top:25px;
	padding-bottom:5px;
}

.content-footer-menu ul li {
	float:left;
	padding-right:15px;
}


/* Brandings + Extras */

/* Protect Images */
.no-js img {
	display:none;
}

hr {
	display:block !important;
	background-image:url(../images/pcs-header-line.png) !important;
	background-repeat:repeat-x !important;
	background-position:left top !important;
	padding-bottom:10px !important;
	height:10px !important;
	border:none !important;
}

/* Admin-Icons */
/* hide actions */
.actions, #header-support-line, .knewchar{
	display:none !important;
}

/* Systemmitteilungen */

#system-message {
	font-weight:bold;
	padding-top:10px;
	border:2px solid black;
	color: #FFF;
	margin-bottom:15px;
	background-color:#444444;
	background-image:url(../images/warning.png);
	background-repeat:no-repeat;
	background-position:10px 8px;
	padding-left:70px;
	padding-right:10px;
}

#system-message ul li {
	list-style:none !important;
	padding:0 !important;
	line-height:1.5em;
	
}

.sorry {
	color:#FF0000;
	line-height:1.5em;
}


div.error, .sorry { 
	border:2px solid black;
	color: #FFF;
	margin-bottom:15px;
	background-color:#444444;
	background-image:url(../images/warning.png);
	background-repeat:no-repeat;
	background-position:10px 8px;

}

.error, .success, .message, .sorry p {
	font-weight:bold;
}

.sorry {
	margin-top:20px;
	padding:10px;
}

.sorry p {
	display:block;
	padding-left:60px;
	padding-top:10px;
	padding-bottom:10px;
}