body 	{
	font-family: trebuchet MS, Arial, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #333;
	padding: 0;
	margin: 0;
	line-height:20px;
	}
	
h1 {
	font-size: 30px;
	font-weight: normal;
	line-height:0px;	
	}
h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;
	line-height:20px;	
	}
	
a:link, a:active, a:visited, a:hover {
	font-family: trebuchet MS, Arial, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	padding: 0;
	margin: 0;
	text-decoration: none;
	}
a:hover {text-decoration: underline;}

#website_logo {
	border:0;
	margin:0;
	padding:0;
	position: absolute;
	top: 120px;
	left:0;
	z-index:0;
	}
.foreground {
	z-index:10;
}

.background {
	z-index:0;
}

/******************************************************** toplink ********/
body{
/*text-align:center;*/
background: url(../img/pepino_neubg.jpg) no-repeat top left;
}
#wrapper{width:975px;text-align:left;margin:auto; margin-left:20px;position:relative;}
#header{width:975px;background: url(../img/header_neu.png) no-repeat left top; padding-top: 1px;}
#header .header_inhalt{
	height: 222px;
	padding: 0px 0px 0px 7px;
	background: url(../img/content_hg.png) repeat-y top left;
	margin-top:18px;
	z-index: 1;
}
#header .header_bottom{ clear:both; }
div#toplink {
		color: #646464;
		font-size: 13px;
		height: 15px;
		padding-top: 15px;
		text-align: right;
		top: 15px;
		width: 792px;		
		}

div#toplink a:link		{ font-weight:normal; color:#333333; text-decoration:none; } 
div#toplink a:visited 	{ font-weight:normal; color:#333333; text-decoration:none; }
div#toplink a:hover 		{ font-weight:normal; color:#333333; text-decoration:underline; }
div#toplink a:active 	{ font-weight:normal; color:#333333; text-decoration:none; }



/******************************************************** eyecatcher ********/

div#ic {
		width:960px;
		height:240px;
		z-index: 5;
		position: absolute;
		top:37px;
		/*padding-left: 15px;*/
		}
div#ic2{
		width:960px;
		height:240px;
		position: absolute;
		top:37px;
		z-index:3000;
		}

/*div#ic img {
		margin:0 0 0 0;
		}*/

div#layer1 {
		position:absolute;
		top:136px;
		left:-30px;
		z-index:1;
		}

div#layer1 img {
		float:left;
		}

div#layer2 {
		width:680px;
		text-align:right;
		font-size:25px;
		font-weight:bold;
		color:#f7f7f7;
		position:absolute;
		top:225px;
		left:290px;
		z-index:1;
		}
		
/******************************************************** container body ********/

div#container {
	width:975px;
	margin:0;
	/*padding:0 10px 30px 30px;
	background:#FFFFFF url(../img/bg_body.jpg) repeat;*/
	background: url(../img/content_hg.png) repeat-y top left;
	float:left;
	}

div#blocker {
	clear:both;
	width:960px;
	margin:0 auto;
	}

div#container ul {
	display: table;
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	}

div#container li{
	margin:0 8px 0 0;
	padding:0;
	float:left;
	width:312px;
	}

/******************************************************** container top triple box ********/
#smal1, #smal2, #smal3{
	padding:0;
	margin:0;
	cursor: pointer;
}
#smal1 .smaltop,#smal2 .smaltop,#smal3 .smaltop{
		width:312px;
		height:15px;
		margin:10px 0px 0px 0px;
		padding:0;
		}
#smal1 .smaltop{
	background:#FFFFFF url(../img/box1_top_yellow.png) no-repeat top;
}
#smal2 .smaltop{
	background:#FFFFFF url(../img/box1_top_green.png) no-repeat top;
}
#smal3 .smaltop{
	background:#FFFFFF url(../img/box1_top_blue.png) no-repeat top;
}				
		
#smal1 .smalmiddle,#smal2 .smalmiddle,#smal3 .smalmiddle{
		width:312px;
		height:55px;
		margin:0;
		padding:0;
		}
#smal1 .smalmiddle {background: url(../img/box1_middle_yellow.png) top;}	
#smal2 .smalmiddle{background: url(../img/box1_middle_green.png) top;}	
#smal3 .smalmiddle {background: url(../img/box1_middle_blue.png) top;}

.smalcont {
	margin:0 15px;
	padding:0;
	line-height:120%;
	}	

#smal1 .smalmiddle H3,#smal2 .smalmiddle H3,#smal3 .smalmiddle H3 {
		margin:0;
		padding:0;
		font-size:20px;
		font-weight:bold;
		line-height:120%;
		} 

/*
#smalmiddle1 H3{
		color:#da1c21;
}
#smalmiddle2 H3{
		color:#006600;
}
#smalmiddle3 H3{
		color:#000066;
}
*/

#smal1 .smalbottom,#smal2 .smalbottom,#smal3 .smalbottom {
		height:15px;
		margin:0;
		padding:0;
		}
#smal1 .smalbottom{
		background:#FFFFFF url(../img/box1_bottom_yellow.png) no-repeat top;	
}
#smal2 .smalbottom{
		background:#FFFFFF url(../img/box1_bottom_green.png) no-repeat top;	
}
#smal3 .smalbottom{
		background:#FFFFFF url(../img/box1_bottom_blue.png) no-repeat top;	
}

	
/******************************************************** container top triple red_box ********/

.redsmaltop {
		width:308px;
		height:15px;
		margin:20px 6px 0;
		padding:0;
		background:#da1c20 url(../img/red_box1_top.gif) no-repeat top;		
		}
		
.redsmalmiddle {
		width:282px;
		margin:0 6px;
		padding:0 13px;
		color:#fffff0;
		background:#da1c20 url(../img/red_box1_middle.gif) repeat;		
		}
		
.redsmalmiddle p {
		margin:0;
		padding:0 0 3px 0;
		font-size:17px;
		font-weight:bold;
		color:#fffff0;
		}

.redsmalbottom {
		width:308px;
		height:18px;
		margin:0 6px;
		padding:0;
		background:#da1c20 url(../img/red_box1_bottom.gif) no-repeat bottom;		
		}


/******************************************************** container 2-spaltige content boxen ********/
/****************************************************************************************************/

div#left {
	width:650px;
	margin: 20px 0 0 0;
	padding-left:5px;
	float:left;
	}

div#right {
	margin: 20px 0 0 0;
	width:300px; 
	float:left;
	}
/******************************************************** container twin box left ********/

.lefttop {
		width:540px;
		height:35px;
		margin:20px 10px 0;
		background:#FFFFFF url(../img/box2_top.gif) no-repeat top;		
		}
		
.leftmiddle {
		width:520px;
		margin:0 10px;
		padding:0 10px;
		line-height:20px; 													/* Schriftzeilenhöhe */
		background:#FFFFFF url(../img/box2_middle.gif) bottom;		
		}

.leftmiddle p {
		margin:0;
		padding:0 0 5px 0;
		font-size:12px;
		font-weight:bold;
		color:#000000;
		}

.leftmiddle a:link		{ font-weight:normal; color:#da1c21; text-decoration:none; } 
.leftmiddle a:visited 	{ font-weight:normal; color:#da1c21; text-decoration:none; }
.leftmiddle a:hover 		{ font-weight:normal; color:#da1c21; text-decoration:underline; }
.leftmiddle a:active 	{ font-weight:normal; color:#da1c21; text-decoration:none; }

	
.leftbottom {
		width:540px;
		height:16px;
		margin:0 10px;
		background:#FFFFFF url(../img/box2_bottom.gif) no-repeat bottom;		
		}
DIV#forumteaser li, .forumteaser ul{
	float:none;
	display:block;
}

DIV#forumteaser li ul{
	margin-left: 20px;
}
DIV#forumteaser .thread{
	margin-bottom:12px;
}
DIV#forumteaser A{
	color: #000000;
}
DIV#teaser_fett{
	margin-top: 12px;
}
DIV#teaser_fett a{
		padding:0;
		margin:0;
		font-size:16px;
		font-weight:bold;
		color:#395CB9;
		text-decoration:none;
}

#slider{
	width:620px;
	height:140px;
	margin:-2px 0 0-7px;
}
/******************************************************** container twin box right ********/

.righttop {
		width:380px;
		height:13px;
		margin:20px 10px 0;
		background:#FFFFFF url(../img/box3_top.gif) no-repeat top;		
		}
		
.rightmiddle {
		width:360px;
		margin:0 10px;
		padding:0 10px;
		line-height:20px; 													/* Schriftzeilenhöhe */
		background:#FFFFFF url(../img/box3_middle.png) bottom;		
		}

.rightmiddle p {
		margin:0;
		padding:0 0 5px 0;
		font-size:17px;
		font-weight:bold;
		color:#666666;
		}

.rightbottom {
		width:380px;
		height:13px;
		margin:0 10px;
		background:#FFFFFF url(../img/box3_bottom.gif) no-repeat bottom;		
		}

/******************************************************** container duplex box right ********/

div#right .duplexframe {
		width:382px;
		margin:20px 9px;
		}

div#right .duplexinleft {		
		float:left;
		width:182px;
		}

div#right .duplexinright {		
		float:right;
		width:182px;				
		}

div#right .duplexclear {		
		clear:both;
		display:table;
		}

* html div#right {
		margin-left:-32px;
		}

.duplextop {
		width:180px;
		height:13px;
		background:#FFFFFF url(../img/box4_top.gif) no-repeat top;		
		}

.duplexmiddle {
		width:160px;
		padding:0 10px;
		background:#FFFFFF url(../img/box4_middle.png) bottom;		
		}

.duplexmiddle p {
		margin:0 0 5px 0;
		font-size:17px;
		font-weight:bold;
		color:#666666;
		}

.duplexbottom {
		width:180px;
		height:13px;
		background:#FFFFFF url(../img/box4_bottom.gif) no-repeat bottom;		
		}


/******************************************************** container 3-spaltige content boxen ********/
/****************************************************************************************************/
/****************************************************************************************************/

div#tripleleft{
	float:left;
	width:190px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:20px 20px 0px -20px;
	padding-bottom:10px;
	font-size:13px;
	}
	
div#tripleleft.yellow {background-color: #FFD986;}
div#tripleleft.green {background-color: #B8DE90;}
div#tripleleft.blue {background-color: #BBDDFF;}
	
div#tripleleft ul{
	float:left;
	margin:0;
	padding:0;
	width:137px;
	}
div#tripleleft ul.bgyellow{
	padding-left:43px;
	background-image: url(../img/navi_bg_yellow.png);
	background-repeat: repeat-x;
	}
div#tripleleft ul.bggreen{
	padding-left:43px;
	background-image: url(../img/navi_bg_green.png);
	background-repeat: repeat-x;
	}
div#tripleleft ul.bgblue{
	padding-left:43px;
	background-image: url(../img/navi_bg_blue.png);
	background-repeat: repeat-x;
	}
div#tripleleft li{
	margin:0;
	padding-right:4px;
	width:143px;
	}
	
div#tripleleft a:link, div#tripleleft a:hover, div#tripleleft a:visited {
	display:block;
	color:#333;	
	font-size:13px;
	/*line-height:30px;*/
	line-height:15px;
	padding:8px 0px 7px 0px;
	text-decoration:none;
	}
	
div#tripleleft.yellow li.linkactive {background-color: #FFC43E;padding-left:43px; margin-left:-43px;}
div#tripleleft.green li.linkactive {background-color: #9DD95D;padding-left:43px; margin-left:-43px;}
div#tripleleft.blue li.linkactive {background-color: #8CC6FF;padding-left:43px; margin-left:-43px;}

li.linkactive ul#subnavi li a, li ul#subnavi li a  {
	font-weight: normal;
	font-size: 13px;
	margin-left:10px;
	line-height:15px;
	padding:8px 0px 7px 0px;
}

div#tripleleft ul.bgyellow li.linkactive ul#subnavi li.fixed a{font-weight:bold;}
div#tripleleft ul.bggreen li.linkactive ul#subnavi li.fixed a{font-weight:bold;}
div#tripleleft ul.bgblue li.linkactive ul#subnavi li.fixed a{font-weight:bold;}

div#tripleleft ul.bgyellow li.linkactive ul#subnavi li{
	background-color:#FFD986;
	padding-left:43px; 
	margin-left:-43px;
	}
div#tripleleft ul.bggreen li.linkactive ul#subnavi li{
	background-color:#B8DE90;
	padding-left:43px; 
	margin-left:-43px;
	}
div#tripleleft ul.bgblue li.linkactive ul#subnavi li{
	background-color:#BBDDFF;
	padding-left:43px; 
	margin-left:-43px;
	}
	
* html div#tripleleft {
    width:200px;
	 margin-left:5px;
	 }
	 
/******************************************************** tripleright boxen ********/

div#tripleright {
	float:left;
	width:220px;
	margin:20px 10px 0px 0px;	
	}

* html div#tripleright {
    margin-right:10px;
	 }

div#tripleright ul, div#tripleright ul li{
	width:220px;
	display: table;
	list-style:none;
	padding:0;
	margin:0;
	}

div#tripleright ul li.box div.visible{
	margin:-3px -1px;
	padding:2px 0px 0px 0px;
	float:left;
	width:220px;
	background-repeat: no-repeat;
	border:1px solid #ccc;
	margin-bottom: 20px;
	}
div#tripleright ul li.box div{
	float:left;
	width:220px;
	}
	
div#tripleright li div.visible {list-style-type: none;}
div#tripleright li div.hidden {display: none; list-style-type: none;}

div#tripleright li div.visible img.cont{
	margin:5px;
}
div#tripleright li div.visible p{
	margin:10px;
}

div#tripleright li div.p-cont img.left, div#tripleright li div p.left{float:left;width:100px;margin-right:20px;}
div#tripleright li div.p-cont p.right, div#tripleright li div.right {margin:0px 0px 10px 0px;float:right;}


/******************************************************** navigation menu content box left ********/


/******************************************************** show & hide menu links ********/
/****************************************************************************************/
/********************************************* hauptmenue show & hide menu links ********/

/*div#tripleleft.green a:link, div#tripleleft.green a:hover, div#tripleleft.green a:visited {
	color:#006600;	
}*/

/*
div#link1, div#link2, div#link3, div#link4, div#link5, div#link6,div#link7,div#link8,div#link9,div#link10 {
	clear:left;
	float:left;
	width:150px;
	height:20px;
	padding:8px 20px 2px;
	margin:0;
	position:relative;
	left:-10px;
	}
	*/

/*	
div#link1 {
	background:#f4f4f4 url(../img/navi_top_1.jpg) no-repeat;
	}
div#link1.green{
	background:#f4f4f4 url(../img/navi_top_1_green.jpg) no-repeat;
	}
div#link1.active {
	background:#f4f4f4 url(../img/navi_top_2.jpg) no-repeat;
	}
div#link1.active_green{
	background:#f4f4f4 url(../img/navi_top_2_green.jpg) no-repeat;
	}
.nav_middle{
	background:#f4f4f4 url(../img/navi_1.jpg) no-repeat;
	}
.nav_middle_green{
	background:#f4f4f4 url(../img/navi_1_green.jpg) no-repeat;
	}
.nm_active{
	background:#f4f4f4 url(../img/navi_2.jpg) no-repeat;
	}
.nm_active_green{
	background:#f4f4f4 url(../img/navi_2_green.jpg) no-repeat;
	}
*/

/********************************************* untermenue show & hide menu links ********/

div#menu1, div#menu2, div#menu3, div#menu4, div#menu5, div#menu6,div#menu7,div#menu8,div#menu9,div#menu10 {
	clear:left;
	float:left;
	width:220px;
	margin:10px 0;
	}	

/* div#menu1{
	display:none;
}

div#menu2{
	display:none;
}

div#menu3 {
	display:none;
}

div#menu4{
	display:none;
}

div#menu5{
	display:none;
}

div#menu6{
	display:none;
}
*/

div#tripleleft .menulink {
	clear:left;
	float:left;
	display:block;	
	width:220px;
	}
	
div#tripleleft .menulink a:link, div#tripleleft .menulink a:visited {
	display:block;
	width:176px;
	margin:2px 0;	
	padding:3px 22px;	
	color:#333333;	
	font-size:12px;
	font-weight:normal;	
	text-decoration:none;
	}

div#tripleleft .menulink a:hover {
	display:block;
	width:176px;	
	font-size:12px;
	font-weight:normal;
	background:#feedc0;
	}

	/*
div#tripleleft .fixed a:link, div#tripleleft .fixed a:visited {
	clear:left;
	float:left;
	display:block;
	width:176px;	
	margin:2px 0;	
	padding:3px 22px;	
	color:#333333;		
	font-size:12px;
	font-weight:normal;
	background:#feedc0;
	}
	*/

.show_menu{
	display:block;
}
.hide_menu{
	display:none;
}

/******************************************************** ENDE show & hide menu links ********/
/*********************************************************************************************/

/******************************************************** triplemiddle content  ********/

#triplemiddle{
	float:left;
	margin:20px 20px 0px 0px;
	padding:0px;
	width: 526px;	
}
* html div#triplemiddle {
    height: 1em;
	 }
#triplemiddle ul li{
	list-style: none;
}
	 
div#triplemiddle h1 {
	font-size:30px;
	font-weight:normal;
	color:#666;
	line-height: 100%;
	margin-top: 0px;
	}

#triplemiddle h2 {
	font-size:14px;
	font-weight:nomal;
	line-height: 20px;
	margin-top: -15px;
	margin-bottom: 0px;
	}

div#triplemiddle .highlight, .highlight{
	font-style: italic;
	/*text-transform: uppercase;*/
}
	
div#triplemiddle strong{
	font-weight:bold;
	}

div#triplemiddle .imgright {
	float:right;
	margin:0;
	padding:0;
	margin:3px 0 20px 20px;
	}

div#triplemiddle .imgleft {
	float:left;
	margin:0;
	padding:0;
	margin:3px 20px 20px 0;
	}

div#triplemiddle p {
	padding:0px;
	margin-top:0px;
	}
	
.person {
	float:left;
	width: 140px;
	margin:10px 13px 20px 0;
	}

	
.yearleft {
	font-size:12px;
	font-weight:bold;
	width: 60px;
	vertical-align:top;
	}
	
.yearright{
	width:400px;
}
.dotted_line{
	border-bottom: 1px dotted black;
	margin:12px 0px;
	line-height:0px;
}
div#triplemiddle .clear{
	height:0px;
	line-height:0px;
	font-size:0;
	width:460px;
	margin:0px;
	padding:0px;
}
div#triplemiddle .clear2{
	width:460px;
	clear:left;
}

.artikel {
	font-style: italic;
}

div#triplemiddle ul {
	list-style-image: url(../../img/liststyle_red.gif);
}

div#triplemiddle ul li{
	padding-bottom: 20px;
	min-width: 300px;
}

div#triplemiddle hr {
	border-top: 1px dotted #000;
	border-bottom: none;
	border-right: none;
	border-left: none;
}

.boxborder1 {
	width: 460px;
	background-image: url(../img/boxborder1.gif);
}

.boxborder1inside {
	width:460px;
	padding:10px;
}

.boxleft {
	float: left;
	margin:10px 5px 20px 0;
}

.center {
	top: 50%;
	left: 50%;
	margin: -74px 0px -74px 0px;
}

.box6grey {
	float: left;
	line-height: 148px;
	width: 148px;
	height: 148px;
	background-image: url(../img/box6_grey.gif);
	text-align: center;
	margin:auto;
}

.box6greyinside {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.box6grey img {
	margin: auto;
	text-align: center;
}

.eingabetitel {
	float:left;
	width: 100px;
}

.eingabefeld {
	border: 1px solid #999;
	font-size:12px;
	float: left;
	width: 350px;
	margin-bottom: 10px;
}

.boxgewinn {
	float: left;
	margin:10px 7px 20px 0;
}

.eingabe_loesung {
	background-image: url(../img/gewinn_loesung.jpg);
	width: 453px;
	height: 85px;
}

.eingabe_loesunginside {
	padding-top: 30px;
	float: left;
}

.eingabefeld_loesung {
	border:0;
	font-size:12px;
	float: left;
	width: 50px;
	margin-left: 35px;
}

.loesung {
	border: 0;
	font-size:24px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	width: 22px;
	height: 26px;
}
	
.button {
	text-align: center;
	border: 1px solid #999;
	background-image: url(../img/button_backgrey.gif);
	background-repeat: repeat-x;
	width: 80px;
	height: 20px;
}

.buttontxt a:link, .buttontxt a:visited, .buttontxt a:active {
	color: #000000; 
	text-decoration: none;
	}
	
.buttontxt a:hover{
	color: #000000; 
	text-decoration: underline;
	}
	
.smalltxt{
	font-size: 10px;
	}


div#triplemiddle a:link		{ font-weight:normal; color:#da1c21; text-decoration:none; } 
div#triplemiddle a:visited 	{ font-weight:normal; color:#da1c21; text-decoration:none; }
div#triplemiddle a:hover 		{ font-weight:normal; color:#da1c21; text-decoration:underline; }
div#triplemiddle a:active 	{ font-weight:normal; color:#da1c21; text-decoration:none; }

/******************************************************** ende triplemiddle content ********/

/******************************************************** navigation menu content box right ********/

.boxrighttop {
		width:220px;
		height:13px;
		margin:0;
		background:#FFFFFF url(../img/box5_top.gif) no-repeat top;		
		}
		
.boxrightmiddle {
		width:200px;
		margin:0;
		padding:0 10px;
		line-height:16px; 													/* Schriftzeilenhöhe */
		background:#FFFFFF url(../img/box5_middle.png) bottom;		
		}

.boxrightmiddle p {
		margin:0;
		padding:0 0 5px 0;
		font-size:17px;
		font-weight:bold;
		color:#666666;
		}

.center p {
		text-align:center;
		font-size:12px;
		font-weight:normal;
		}

.boxrightbottom {
		width:220px;
		height:13px;
		margin:0 0 20px 0;
		background:#FFFFFF url(../img/box5_bottom.gif) no-repeat bottom;		
		}

.boxrightmiddle_bg_small{
		background:#FFFFFF url(../img/box5_middle2.png) bottom;	
}
	
/******************************************************** formular ********/

fieldset {
		margin:0px;
		padding:0px;
		border:none;
		}
		
label {
		clear:left;
		float:left;
		width:70px;		
		margin:5px 0;
		}

.inputset {
		width:269px;
		margin:5px 0;
		border:1px solid #999999;	
		}

.inputfield {
		width:269px;
		height:50px;
		margin:5px 0;
		border:1px solid #999999;	
		}

.inputimg {
		margin:7px 0 5px 0;
		}


.smalinput {
		width:195px;
		height:60px;
		margin:15px 0 0 0;
		border:1px solid #999999;	
		}

.teaser_submit{
	border:none;
		background:none;
		color: #666666;
		font-size:12px;
		text-align:left;
		font-weight:bold;
		}

/******************************************************** footer ********/
		
div#footer {
		width:975px;
		height:29px;
		/*background:#FFFFFF url(../img/bg_bottom.jpg) no-repeat bottom;*/
		background:#FFFFFF url(../img/footer_neu.png) no-repeat bottom;
		float:left;
		}
		
/******************************************************** statistik ********/
		
.statistik_gesamt {
		float:left;
		height:15px;
		background: url(../img/statistiken/barback_h_gesamt.jpg) repeat-x;
		}
.statistik_einzel {
		float:left;
		height:15px;
		background: url(../img/statistiken/barback_h_grey.jpg) repeat-x;
		}
		
/******************************************************** admin ********/

.admin_nav_left {
	height: 23px;
	background: url(../img/admin_nav_right_back.gif) repeat-x;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 6px;
	}
	
div#admin_right {
	height:400px; 
	float:left;
	padding-left:15px;
	}

div#admin_right ul {
	margin-bottom: 0px;
	}

div#admin_right ul li {
	list-style: none;
	background: url(../img/liststyle_red.gif) no-repeat;
	padding-left: 16px;
	float: none;
	}
	
div#admin_right ul a {
	color:#000;
	}
	
div#admin_right li a {
	text-decoration: underline;
	}

	
h3 a {
	color:#000;
}

.link_red {
	color:#da1c21; 
	text-transform:uppercase; 
	margin-top:20px;
}

div#admin_teaser_box {
	border: 1px solid #ccc;
	background: #f2f2f2;
	margin-bottom: 8px;
}

div#admin_teaser {
	background: url(../img/admin_teaser_back.gif) repeat-x;
	height: 43px;
	margin-bottom: 15px;
}

.icon {
	float:left;
	margin-top: 10px;
	margin-right: 10px;
}

.countdown_onlineshop{
	width:343px; 
	height:60px; 
	margin:20px 0 0 8px; 
	padding:65px 0 0 40px;
	background: url(../img/pepino_countdown_onlineshop.png) no-repeat;
	font-size: 16px;
	color: #cc0000;
}
/* neu */
#triplemiddle #sortable,#sortable{
	width:660px;
	list-style-image:none;
}
#sortable li.box, div.box{
	font: "Trebuchet MS";
	font-size: 14px;
	line-height: 20px;
	color: #333;
	float: left;
	background-repeat: repeat-x;
	border: 2px solid white;
	margin-right:18px;
	margin-bottom:16px;
	padding:0;
}
div#left #sortable li.box div.p-head, div#left div.box div.p-head{cursor: move;}
#sortable li.hover{ border: 2px solid red; -moz-border-radius: 5px;border-radius: 5px; -webkit-border-radius: 5px;}



div#right div.box {width: 300px; padding: 0 5px 0px 0px;}
#sortable li.box.half {width: 300px; /*margin:0;*/}
#sortable li.box.full {width: 620px;/*margin:0;*/}

#sortable li.box, div.box{ }

#sortable li.box div.p-head, div.box div.p-head{
	padding:10px 10px 0px 10px;
	margin: 0;
	height:30px;
	font-size:14px;
	font-weight:bold;
}
#sortable li.box div.p-head img.hand {float:right;margin-top:3px;}

#sortable li.box div.p-cont, div.box div.p-cont{
	padding:2px 0px 0px 7px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	background-repeat: no-repeat;
}
.onlineshop_teaser_img-bottom {
	padding:0;
	margin: 0;
	z-index:1000px;
	margin-top:-31px;
	float:right;
}

.onlineshop_teaser_txt {
	float:left; 
	width:125px;
	height:100px;
}

div#right div.box div.p-cont{
	font-size: 13px;
}

div.boxblank{
	width:300px;
	padding:0;
	margin: 20px 0 0 0;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
}

#sortable li.box div.p-cont div.visible, div.box div.p-cont div.visible, div.boxblank div.visible {list-style-type: none; margin:10px 5px; font-weight:normal}
#sortable li.box div.p-cont div.hidden, div.box div.p-cont div.hidden, div.boxblank div.hidden {display: none; list-style-type: none;}

#sortable li.box div.p-cont img.left{float:left;width:210px;margin-right:20px;}
#sortable li.box div.p-cont p.right {margin:0px 0px 10px 0px;float:left;width:360px;}

#sortable li.ges1 div.p-head{ background:orange; }
#boxsort_menu ul{ width:700px; padding:0;margin:0;}
#boxsort_menu ul li{list-style:none; }
#boxsort_menu ul li.selects{ float:left; width:220px; margin-right:10px;}
#boxsort_menu ul li.first{ margin-left:0px;}

/* JQUERY BUTTON CHECKBOX*/
#boxsort_menu .ui-button{ width:220px; height:30px;}
#boxsort_menu .ui-button span{font-family:  trebuchet MS, Arial, Tahoma, Geneva, sans-serif; font-size: 13px; color:#FFFFFF; padding-left: 30px; text-align: left;}
#boxsort_menu .ui-state-default span,#boxsort_menu .ui-state-hover span{ background: url(../img/checkbox_dunkel.jpg) no-repeat 10px; }
#boxsort_menu .ui-state-active span{  background: url(../img/checkbox_hell.jpg) no-repeat 10px; color:#333333; }
.ui-button-text-only .ui-button-text {  padding: 8px 1em; }
.clear{ clear:left; height:0;width:0;}

/* personalisieren link*/
#topSecialNav{ padding-top:7px; position:absolute;left:800px;top:8px;text-align:center;background: url(../img/personalisieren.png) no-repeat;height:23px;width:140px;}
#wrapper div.topSecialNavAktive{ background: url(../img/personalisieren_open.png) no-repeat; }
#topSecialNav a{ color: #666666; font-size:13px; text-decoration:none; }

/* mögliche Farben für Boxen */
#sortable li.box.green div.p-head, div.box.green div.p-head {background-image: url(../img/p_head_green.gif);}
#sortable li.box.orange div.p-head, div.box.orange div.p-head {background-image: url(../img/p_head_orange.gif);}
#sortable li.box.blue div.p-head, div.box.blue div.p-head {background-image: url(../img/p_head_blue.gif);}
#sortable li.box.yellow div.p-head, div.box.yellow div.p-head {background-image: url(../img/p_head_yellow.gif);}
#sortable li.box.twitter div.p-head, div.box.twitter div.p-head {background-image: url(../img/p_head_twitter.gif);}

#boxsort_menu{ width:710px; float:left;}
#hg_menu{ float:left;width:200px;margin-left:20px; }
#hg_menu h3{ width:100px; }
#hg_menu div.hg_change{ width:198px; height:51px; border:1px solid grey; margin-bottom:5px; cursor:pointer;}
#hg_menu div.pic1{background-image: url(../img/hg_change1.jpg);}
#hg_menu div.pic2{background-image: url(../img/hg_change2.jpg);}
#hg_menu div.pic3{background-image: url(../img/hg_change3.jpg);}

/* Personalisieren hg */

#wrapper div.header_pers{ background: url(../img/personalisierenbox_top.png) no-repeat top;  }
#wrapper div.header_pers div.header_inhalt{ background: url(../img/personalisierenbox.png) no-repeat top; min-height:330px;}
#wrapper div.header_pers div.header_bottom{ background: url(../img/personalisierenbox_bottom.png) no-repeat top left; height:15px; width: 975px;}

#wrapper div.header_pers div.header_inhalt div.save_btn{ text-align:center; margin-bottom:10px; }

#wrapper div.header_pers{  }
#wrapper div.header_pers div.header_inhalt{ 
	padding: 0px 20px;
}
#wrapper div.header_pers div.header_bottom{  }

/* hintergründe im content */

body.pic1{background: url(../img/pepino_neubg.jpg) no-repeat top left;}
body.pic2{background: url(../img/pepino_neubg_2.jpg) no-repeat top left;}
body.pic3{background: url(../img/pepino_neubg_3.jpg) no-repeat top left;}
#sortable li.ui-sortable-placeholder { 
border: 1px dotted black; 
visibility: visible !important; 
float:left;padding:0;
margin-right:18px;margin-bottom:18px;
 }
#sortable li.ui-sortable-placeholder * { visibility: hidden; }


body.pic1{background: url(../img/pepino_neubg.jpg) no-repeat top left;}
body.pic2{background: url(../img/pepino_neubg_2.jpg) no-repeat top left;}
body.pic3{background: url(../img/pepino_neubg_3.jpg) no-repeat top left;}


#twitter_top{
	float: left;
	width: 300px;
	height: 40px;
	background: url(../img/start_twitter_top_de.png) bottom no-repeat;		

}
#twitter_top.de{
	background: url(../img/start_twitter_top_de.png) bottom no-repeat;	
}
#twitter_top.en{
	background: url(../img/start_twitter_top_en.png) bottom no-repeat;	
}
#right .twitter .p-cont{
	padding:0;
	background: url(../img/start_twitter_bottom.png) bottom no-repeat;	
}
#right .twitter .visible{
	margin:0px 5px;
}

a.twitter_follow{
	color: #007FBF;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:10px;
	display: block;
}
.latesttweets li a{
	color: #007FBF;
	text-decoration:none;
}
#container UL.latesttweets{
	margin:0px 2px;
	padding:10px 0px;
	
}
#container UL.latesttweets LI{
	margin:0px;
	width: 100%;
	
}
.latesttweets span{
	font-size: 10px;
	display: block;
}
.shoe_thumb{
	margin: 0px 20px 15px 0px;
}

/* MENU ACTIVE INACTIVE */

#smal1 .allabout_inactive .smaltop{
	background:#FFFFFF url(../img/box1_top_yellow_off.png) no-repeat top;
}
#smal2 .healthy_inactive .smaltop{
	background:#FFFFFF url(../img/box1_top_green_off.png) no-repeat top;
}
#smal3 .mypepino_inactive .smaltop{
	background:#FFFFFF url(../img/box1_top_blue_off.png) no-repeat top;
}
#smal1 .allabout_inactive .smalmiddle {background: url(../img/box1_middle_yellow_off.png) top;}	
#smal2 .healthy_inactive .smalmiddle{background: url(../img/box1_middle_green_off.png) top;}	
#smal3 .mypepino_inactive .smalmiddle{background: url(../img/box1_middle_blue_off.png) top;}
#smal1 .allabout_inactive .smalbottom{background:#FFFFFF url(../img/box1_bottom_yellow_off.png) no-repeat top;}
#smal2 .healthy_inactive .smalbottom{background:#FFFFFF url(../img/box1_bottom_green_off.png) no-repeat top;}
#smal3 .mypepino_inactive .smalbottom{background:#FFFFFF url(../img/box1_bottom_blue_off.png) no-repeat top;}
/* suche rechte Spalte */
div#right div.websuche{background:#FFFFFF url(../img/websuche.jpg) no-repeat top left;padding-top:20px;}
div#right div.websuche form{ padding:0;margin:0; }
div#right div.websuche form input{ padding:0;margin:0; }
div#right div.websuche form{ position:relative; top:-9px;left:15px; }
div#right div.websuche form input{ height:39px; border:none; }
div#right div.websuche form input.text{ width:222px; height:20px; color:#999999;font-size:16px; }
div#right div.websuche form input.btn{ width:48px;text-indent: -100px; background:#FFFFFF url(../img/websuche_btn.jpg) no-repeat top left;}
/* Tagcloud */
div#right div.websuche div.tagcloud{background:#FFFFFF url(../img/tagcloud_bg.jpg) repeat-y left; padding:10px;}
div#right div.websuche div.tagcloud div.content{  border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding:25px 23px;}
div#right div.websuche div.tagcloud div.content span{ line-height:24px;}
div#right div.websuche div.tagcloud div.content span.w_1 a, div#right div.tagcloud div.p-cont span.w_1 a{ font-size: 10px;}
div#right div.websuche div.tagcloud div.content span.w_2 a, div#right div.tagcloud div.p-cont span.w_2 a{ font-size: 11px;}
div#right div.websuche div.tagcloud div.content span.w_3 a, div#right div.tagcloud div.p-cont span.w_3 a{ font-size: 12px;}
div#right div.websuche div.tagcloud div.content span.w_4 a, div#right div.tagcloud div.p-cont span.w_4 a{ font-size: 13px;}
div#right div.websuche div.tagcloud div.content span.w_5 a, div#right div.tagcloud div.p-cont span.w_5 a{ font-size: 14px;}
div#right div.websuche div.tagcloud div.content span.w_6 a, div#right div.tagcloud div.p-cont span.w_6 a{ font-size: 16px;}
div#right div.websuche div.tagcloud div.content span.w_7 a, div#right div.tagcloud div.p-cont span.w_7 a{ font-size: 17px;}
div#right div.websuche div.tagcloud div.content span.w_8 a, div#right div.tagcloud div.p-cont span.w_8 a{ font-size: 18px;}
div#right div.websuche div.tagcloud div.content span.w_9 a, div#right div.tagcloud div.p-cont span.w_9 a{ font-size: 19px;}
div#right div.websuche div.tagcloud div.content span.w_10 a, div#right div.tagcloud div.p-cont span.w_10 a{ font-size: 21px;}
#header div.header_inhalt div.save_btn input.button{background:#FFFFFF url(../img/store_btn_bg.jpg) repeat-x left; height:21px; color:#333333; font-family:  trebuchet MS, Arial, Tahoma, Geneva, sans-serif; font-size: 13px; border:1px solid #DADADA;  }
/* Accordian */
.MyPepinoFull{float: left;margin: 20px 10px 0 0;padding: 0;width: 765px;}

#container div.MyPepinoFull div.content-teaser {
	width: 440px;
	margin: 0 20px 0 0;
	float: left;
}
div#container div.MyPepinoFull div.content-teaser ul, div#container div.MyPepinoFull div.content-teaser li{
	margin: 0;
	padding:0;
	width:440px;
	list-style: none;
}

#container div#triplemiddle div.content-teaser  {
	width: 520px;
	margin: 0 20px 0 0;
	float: left;
}
div#container div#triplemiddle div.content-teaser ul, div#container div#triplemiddle div.content-teaser li{
	margin: 0;
	padding:0;
	width:520px;
	list-style: none;
}

div#container div.MyPepinoFull div.content-teaser li, div#container div#triplemiddle div.content-teaser li{
	border-bottom: 2px dashed #A8D3FF;
	padding-bottom: 20px;
}
div#container div#triplemiddle div.content-teaser li{
	padding-top: 10px;
}

div#container div.MyPepinoFull div.content-teaser li h1, div#container div#triplemiddle div.content-teaser li h1, div#container div.MyPepinoFull div.right-mypepclub h1{
	line-height: 100%;
	margin-bottom: 0;
	}
div#container div.MyPepinoFull div.content-teaser li h1{
	color:#666;
}
	
div#container div.MyPepinoFull div.right-mypepclub h1 {
	color:#407DBB;
	margin-top:0;
}
	
div#container div.MyPepinoFull div.content-teaser a:link,
div#container div.MyPepinoFull div.content-teaser a:active,
div#container div.MyPepinoFull div.content-teaser a:visited,

div#container div#triplemiddle div.content-teaser a:link,
div#container div#triplemiddle div.content-teaser a:active,
div#container div#triplemiddle div.content-teaser a:visited {
	line-height: 50px;
	margin-bottom: 0;
	font-weight:bold;
	font-size:13;
	text-decoration: none;
	color: #333;
	}
div#container div.MyPepinoFull div.content-teaser a:hover, div#container div#triplemiddle div.content-teaser a:hover{
	line-height: 50px;
	font-weight:bold;
	font-size:13;
	color: #333;
	text-decoration: underline;
	}

div#container div.MyPepinoFull div.content-teaser img, div#container div#triplemiddle div.content-teaser img {
	width: 170px;
	padding: 0;
	float: left;
	margin: 0 10px 0 0;
	border:0;
}

div#container div.MyPepinoFull div.content-teaser div.rounded, div#container div#triplemiddle div.content-teaser div.rounded {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}

.MyPepinoFull div.right-mypepclub{
	width: 280px;
	margin: 20px 0 0 0;
	padding:10px;
	float: left;
	color: #666;
	border: 1px solid #CAE3FF;
	background-color:#E1F1FF;
}

.MyPepinoFull div.right-mypepclub div.mypepclub-teaser{
	width: 130px;
	margin: 20px 0 0 0;
	padding:0;
	float: left;
	color: #666;
}

.MyPepinoFull div.right-mypepclub div.mypepclub-teaser p{
	margin: 0;
	padding:0;
}
/******************************************** myPEPINO ***/

div.login, div.boxblue {
	float:left;
	width: 220px; 
	margin:0 px;	
	}
 div.login div.head, div.boxblue div.head{
	font-size: 14px;
	font-weight:bold;
	background-image: url(../img/p_head_blue.gif);
	border-left: 1px solid #CAE3FF;
	border-top: 1px solid #CAE3FF;
	border-right: 1px solid #CAE3FF;
	padding:10px;
}
div.login div.content, div.boxblue div.content {
	border-left: 1px solid #CAE3FF;
	border-bottom: 1px solid #CAE3FF;
	border-right: 1px solid #CAE3FF;
	background-color:#E1F1FF;
}
div.login div.content{
	padding:10px;
}
div.login div.content input.text {
	width:165px;
	font-size: 13px;
	font-weight:normal;
	color:#666;
	border: 1px solid #ccc;
	background-color:#fff;
	padding:10px;
}

div.login div.content a:link, a:active, a:visited {text-decoration:underline;}
div.login div.content a:hover {text-decoration:none;}


.LinksAccordian{ width:520px; height:240px; float:left; border-top:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5; margin-right:20px;}
.LinksAccordian .set .title{background:#FFFFFF url(../img/accordian_bg.png) repeat-x left;height: 240px; width: 30px;}
.LinksAccordian .set .content{width:450px;}

/* Foto Alben */
/
#triplemiddle table.pictures,#triplemiddle table.albentable{ margin:0;padding:0;}
#triplemiddle table.pictures tr td,#triplemiddle table.albentable tr td{ margin:0;padding:0;}

#triplemiddle  table.albentable .alben,#triplemiddle  table.pictures .alben{position:relative; float:left; width:160px;min-height:180px;  border: 1px solid #CCCCCC; text-align:center; margin-right:12px; margin-bottom:18px;}
#triplemiddle  table.albentable .last,#triplemiddle  table.pictures .last{margin-right:0px; }
#triplemiddle table.albentable .alben .pic,#triplemiddle  table.pictures .pic,#triplemiddle  table.pictures .piclink{ display:block;  height: 105px; width: 141px; margin: 10px auto auto; background: #666666;overflow: hidden;}

#triplemiddle table.albentable .alben .backlink,#triplemiddle  table.pictures .backlink,#triplemiddle  table.pictures .backlink{ background: url(../img/grid/uploadform_backlink.jpg) 0px 0px #E1F1FF;}

#triplemiddle table.albentable .alben .piclink img, #triplemiddle  table.pictures .piclink img{ border-color:white;} 
#triplemiddle  .albeneinzelbild , #triplemiddle  table.pictures .albeneinzelbild{ width:480px;padding:20px; overflow:hidden; border:1px solid #CCCCCC;}
#triplemiddle table.albentable .alben .picnew, , #triplemiddle  table.pictures .picnew{ background: #CCCCCC; }

#triplemiddle table.albentable .alben .dellink, #triplemiddle  table.pictures .alben .dellink{ background:#666666;border: 1px solid #CCCCCC;color:white;position:absolute;width:20px;height:20px;top:5px;right:5px; padding:2px 5px; display:none; cursor:pointer;}

#triplemiddle table.albentable .alben .descr,  #triplemiddle  table.pictures .alben .descr{ text-align:left;display:block; padding: 4px 10px; color:#333333; font-size:11px;  }

#triplemiddle table.albentable .alben .descr .editable,#triplemiddle  table.pictures .alben .descr .editable { border: none;}
#triplemiddle table.albentable .albennew, #triplemiddle  table.pictures .albennew { border: 1px dashed #CCCCCC; }
#triplemiddle table.albentable  h2.albumhead, #triplemiddle  table.pictures  h2.albumhead{ font-size:16px;}

/* edit */
#triplemiddle h1.texteditAlbum,#triplemiddle h1.texteditAlbumPic{  border: 1px solid #fff; cursor:pointer; }
#triplemiddle h1.texteditAlbum:hover,#triplemiddle h1.texteditAlbumPic:hover{  border: 1px dashed #CCCCCC; background: url(../img/grid/page_edit.png) no-repeat center right; }

#triplemiddle .albenupload{ margin:20px 0; position:relative; }
#triplemiddle .albenupload .albenuploadtop{ background: url(../img/grid/uploadform_top.jpg) no-repeat; height:10px; width:520px; }
#triplemiddle .albenupload .albenuploadbottom{ background: url(../img/grid/uploadform_bottom.jpg) no-repeat; height:10px; width:520px; }
#triplemiddle .albenupload .albenuploadcont{ background: url(../img/grid/uploadform_content.jpg) repeat-y; width:480px; padding:20px; }

#triplemiddle .albenupload .clown{position:absolute; background: url(../img/grid/clown_upload.png) no-repeat; width:110px; height:192px; top:10px;right:10px; }
#triplemiddle .albenupload .albenuploadcont p.text{ width:380px; }

#triplemiddle .albenupload .albenuploadcont .linktrenner{ border-top: 3px dashed #A8D3FF;margin:15px 0 10px 0; width:380px;}
#triplemiddle .albenupload .albenuploadcont h3{color:#333333; font-size:13px;font-weight:bold;}
#triplemiddle .albenupload .albenuploadcont .linkcopy{ width:380px; }

#triplemiddle .albenuploadform{ width:285px;}
#triplemiddle .albenuploadform .newupl{    background: url("../img/grid/add.png") no-repeat 0 4px;  display: block; float: right; height: 16px; padding-top: 6px; width: 16px;}


#triplemiddle .alben a.pic img{ border:none; }
#triplemiddle .alben .texteditAlbumNew{height:30px;}



#triplemiddle .einzelbilddesc{ margin-top:20px;}
#triplemiddle .einzelbilddesc .einzelbildtop{ background: url(../img/grid/uploadform_top.jpg) no-repeat; height:10px; width:520px; }
#triplemiddle .einzelbilddesc .einzelbildbottom{ background: url(../img/grid/uploadform_bottom.jpg) no-repeat; height:10px; width:520px; }
#triplemiddle .einzelbilddesc .einzelbildcont{ background: url(../img/grid/uploadform_content.jpg) repeat-y; width:480px; padding:20px; }
#triplemiddle .einzelbilddesc .einzelbildcont h3{color:#333333; font-size:13px;font-weight:bold;}
#triplemiddle .einzelbilddesc .einzelbildcont .linkcopy{ width:380px; }

#triplemiddle .einzelbilddesc .isaBild{ background: url(../img/grid/titelbild_ja.jpg) no-repeat; width:480px; padding-left:30px; cursor:pointer; }
#triplemiddle .einzelbilddesc .isnaBild{ background: url(../img/grid/titelbild_nein.jpg) no-repeat; width:480px; padding-left:30px; cursor:pointer; }


/* Loading screen */
.loadingscreen .loader{margin-top:35%;}
.ui-dialog{ z-index:100000;}


#container .mypeptabs { background: url(../img/grid/pepino_player_head.png) no-repeat 0 40px; position:relative;}

div#triplemiddle div.jp-playlist ul li{ min-width:0; padding:3px 0;cursor:pointer;}

div#triplemiddle div.jp-playlist ul{ display:block;margin-top:10px;}
#container .mypeptabs ul.tabs li a { color: black;}
div.jp-interface{ background:none;}

div#triplemiddle ul.tabs{ margin:0;padding:0;  height:50px; _height:40px; }
div#triplemiddle ul.tabs li{ background: url(../img/grid/pepino_player_schlaf_aktiv.png) no-repeat; margin:0;padding:0; min-width:0; padding-top: 15px; float:left;  width :120px; }
div#triplemiddle ul.tabs li.tanz{ background: url(../img/grid/pepino_player_tanz.png) no-repeat; background-position: 0 10px; height: 25px;}
div#triplemiddle ul.tabs li.hoer{ width:200px; background: url(../img/grid/pepino_player_hoer.png) no-repeat; background-position: 0 10px; height: 25px;}
div#triplemiddle ul.tabs li{ background-position: 0 10px; height: 25px; text-align:center; }


div#triplemiddle ul.tabs li.active{ background-position: 0 6px;  height: 25px;  }
div#triplemiddle ul.tabs li a{color:#333333; font-size: 14px;}
div#triplemiddle ul.tabs li.active a{ font-weight:bold; } 

/* farben */
/*

*/
div#triplemiddle.mypeptabs .tanz {position:relative;}
div#triplemiddle.mypeptabs .schlaf {position:relative;}
div#triplemiddle.mypeptabs .shoer {position:relative;}

div#triplemiddle.mypeptabs .jp-playlist{ display:block; color:black; }

div#triplemiddle div.jp-jplayer{ background-color:none;height:0;width:0; position:relative;}

div#triplemiddle div.mypepClown{ position:absolute; background: url(../img/grid/clown_player.png) no-repeat; width:160px; height:276px; right: 7px; top: 77px;  }
div#triplemiddle div.jp-controls{ position:relative; top:70px; _top:77px; left:10px;}
div#triplemiddle div.jp-controls a{ display:block; height:30px; width:30px; min-width:20px; padding:0;margin:0; float:left;}
div#triplemiddle div.jp-controls a.jp-play{ background: url(../img/grid/player_play.jpg) no-repeat; text-indent:-100px; overflow:hidden;}
div#triplemiddle div.jp-controls a.jp-pause{ background: url(../img/grid/player_pause.jpg) no-repeat; text-indent:-100px; overflow:hidden;}
div#triplemiddle div.jp-controls a.jp-stop{ background: url(../img/grid/player_stop.jpg) no-repeat; text-indent:-100px; overflow:hidden;}
div#triplemiddle div.jp-progress{ clear:left;}
div#triplemiddle div.jp-playlist{ /*margin-top:20px;*/ }
div#triplemiddle div.jp-playlist ul { margin: 61px 0 0; background: url(../img/grid/player_playlist.png) repeat-y; width:440px; } 
div#triplemiddle div.jp-playlist ul  li{ clear:left; float:none; padding-left:20px;}
div#triplemiddle div.jp-playlist-end{   background: url(../img/grid/playlist_bottom.png) no-repeat; height: 23px;width: 440px; }
div#triplemiddle div p.hinweis{ padding-left:10px;height:100px; margin: 111px 0 0; background: url(../img/grid/player_playlist.png) repeat-y; width:440px;}
div#triplemiddle div.jp-current-time{ color:white; font-size:24px; padding-left:10px; /*padding-top: 8px;*/ position:relative; top: 0; _top:8px; }
div#triplemiddle div.jp-title-jplayer{  color: white;  font-size: 19px; left: 118px;  position: absolute; top: 78px; }

div.jp-volume-bar {position: absolute;overflow:hidden;width:80px;height:19px;display:block;cursor: pointer;top:125px;left:110px;}
div.jp-volume-bar div.jp-volume-bar-value{width:80px;height:19px;display:block;background: url("../img/grid/player_vol.jpg") 0 0 no-repeat;}
/* Accordian */

.LinksAccordian .set .gewinn{ background: url("../img/grid/gewinnspiel.png") 0 0 no-repeat; text-indent:-100px; overflow:hidden; }
.LinksAccordian .set .mypepino{ background: url("../img/grid/my_pepino.png") 0 0 no-repeat; text-indent:-100px; overflow:hidden; }
.LinksAccordian .set .schlafmusik{ background: url("../img/grid/schlafmusik.png") 0 0 no-repeat; text-indent:-100px; overflow:hidden; }
.LinksAccordian .set .schlafmusik_cont{ background: url("../img/grid/slider_kind.jpg") no-repeat bottom right; height:241px; }
.LinksAccordian .set .gewinn_cont{ background: url("../img/grid/slider_gewinnspiel.jpg") no-repeat bottom right; height:241px; }
body .ui-dialog{ font-size:12px; }
div#triplemiddle div.jp-playlist ul li.active{ color:red; }