/* 
* 
* $Revision: 22 $
* $LastChangedDate: 2008-03-21 12:55:02 +0100 (Fr, 21 Mrz 2008) $
* $Author: arvid $
*
*/
/* -------------------------------------------------------- */
/* Globale Einstellungen */
/* --------------------- */
* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
html, body {
	margin:0px;
	padding:0px;
	height:inherit;
	height:100%;
}
body 	{
	text-align:center;
	
	/* Versatz für Werbetafeln Anfang */
	margin-left: -150px;
	/* Versatz für Werbetafeln Ende */
	
	background-image: url(../grafiken/muster-background.jpg);
	background-attachment: fixed
}
a {
	color:#333333;
	font-weight:bold;
	font-size:inherit;
}
a:link {
	
	text-decoration:underline;
}
a:visited {
	
	text-decoration:underline;
}
a:hover	{
	text-decoration:underline;
}
em {
	font:inherit;
	font-style:normal;
}


/* -------------------------------------------------------- */
/* Haupt-Layer */
/* ----------- */
div.main {
	width:780px;
	min-height:inherit;
	min-height:100%;
	margin:0px auto;
	padding: 0px 0px 0px 0px;
 	background-color:#FFFFFF;
	text-align:justify;


	
}


/* -------------------------------------------------------- */
/* Header */
/* ------ */
div.header {
	background-color:#FFFFFF;
	background-image:url("../grafiken/PTV-Logo-Titel.jpg");
	background-repeat:no-repeat;
	height:100px;
    margin-top: 10px;
	
}


/* -------------------------------------------------------- */
/* Detailmenü und Seiteninhalt */
/* --------------------------- */
div.catcontent {
	float:right;
	width:616px;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}


/* -------------------------------------------------------- */
/* Detailmenü und Seiteninhalt (Galerie) */
/* ------------------------------------- */
div.gallerycontent {
	width:99%;
	overflow:hidden;
	text-align:center;
}


/* -------------------------------------------------------- */
/* Hauptmenü */
/* --------- */
div.mainmenu {
	float:left;
	text-align:center; 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 160px;

}

div.mainmenu a
{text-decoration:none;}



/* -------------------------------------------------------- */
/* Hauptmenü (Galerie) */
/* ------------------- */
div.gallerymenu {
	padding:6px 8px 0px 8px;
	line-height:30px;
	text-align:center;
}


/* -------------------------------------------------------- */
/* Detailmenü */
/* ---------- */
/* div.detailmenu {
	height: 20px;
	padding:8px 4px;
	font-size: 12px;
	/* line-height:30px; */
/* 	text-align:left;
	background-image:url("../grafiken/detailmenu-muster.jpg"); 
}
*/ 

/* -------------------------------------------------------- */
/* Detailmenü (Galerie) */
/* -------------------- */

div.gallerynumbermenu {
	padding:6px 8px 0px 8px;
	line-height:30px;
	text-align:center;
	width:99%;
	float:none;
	margin:0px auto;
	line-height:16px;
}


/* -------------------------------------------------------- */
/* Galerie-Tabelle (Übersichtsmodus) */
/* --------------------------------- */
table.gallerytable {
	margin:0px auto;
	border:1px solid #C0C0C0;
	border-collapse:collapse;
}
td.gallerytd {
	vertical-align:top;
	border:1px solid #C0C0C0;
}
img.thumbnail {
	margin:5px;
}


/* -------------------------------------------------------- */
/* Seiteninhalt */
/* ------------ */
div.pagecontent {
	padding:10px;
	text-align:justify;
	font-size:12px;

}


/* -------------------------------------------------------- */
/* Letzte Änderung */
/* --------------- */
div.lastchange {
	text-align:center;
	/* line-height:18px; */
	margin:22px;
	margin-bottom:-10px;
	border-top:1px solid #C0C0C0;
	color:#C0C0C0;
	font-size:10px;
}


/* -------------------------------------------------------- */
/* Hauptmenüpunkt */
/* -------------- */
a.menu {
    border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 12px;
	display:block;
	padding-top: 16px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	color:#666666;
	text-align:center;
	width:142px;
	height: 14px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
	/* background-color:#AAAAAA; */
	background-image:url("../grafiken/menuactive-back.png");

	}
a.menu:hover {
    border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 12px;
	display:block;
	padding-top: 16px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	color:#666666;
	text-align:center;
	width:142px;
	height: 14px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
	/* background-color:#AAAAAA; */
	background-image:url("../grafiken/menuactive-back.png");
}


/* -------------------------------------------------------- */
/* Aktiver Hauptmenüpunkt */
/* ---------------------- */
a.menuactive {
    border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 12px;
	display:block;
	padding-top: 16px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	color:#666666;
	text-align:center;
	width:142px;
	height: 14px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
	/* background-color:#AAAAAA; */
	background-image:url("../grafiken/menuactive-back-active.png");
	

}
a.menuactive:hover {
    border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 12px;
	display:block;
	padding-top: 16px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	color:#666666;
	text-align:center;
	width:142px;
	height: 14px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
	/* background-color:#AAAAAA; */
	background-image:url("../grafiken/menuactive-back.png");
}


/* -------------------------------------------------------- */
/* Detailmenüpunkt */
/* --------------- */
a.detailmenu {
	padding:3px 5px;
	color:#CCCCCC;
	font-weight:normal;
    font-size: 12px;
	/* x */

}

a.detailmenu:hover {
	padding:3px 5px;
	color:#CCCCCC;
	text-decoration:underline;
	/* background-image:url("../grafiken/detailmenu.jpg"); */
	font-size: 12px;
	}


/* -------------------------------------------------------- */
/* Aktiver Detailmenüpunkt */
/* ----------------------- */
a.detailmenuactive {
	padding:3px 5px;
	color:#FFFFFF;
	/* background-image:url("../grafiken/detailmenu.jpg"); */
	font-size: 12px;
	font-weight:normal;	
	text-decoration:underline;
}
a.detailmenuactive:hover {
	text-decoration:none;
	font-size: 12px;
}


/* -------------------------------------------------------- */
/* Submenüpunkt */
/* --------------- */
a.submenu {
    border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 12px;
	display:block;
	padding:4px;
	color:#666666;
	text-align:center;
	width:142px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
	background-color:#EEEEEE;
	/* x */
	 
	
}
a.submenu:hover {
    border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 12px;
	display:block;
	padding:4px;
	color:#666666;
	text-align:center;
	width:142px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
	background-color:#BBBBBB;

}


/* -------------------------------------------------------- */
/* Aktiver Submenüpunkt */
/* ----------------------- */
a.submenuactive {
    border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 12px;
	display:block;
	padding:4px;
	color:#666666;
	text-align:center;
    width:142px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
	background-color:#BBBBBB;

	
}
a.submenuactive:hover {
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 12px;
	display:block;
	padding:4px;
	color:#666666;
	text-align:center;
	width:144px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
	background-color:#CCCCCC;
}


/* -------------------------------------------------------- */
/* Zuletzt geänderte Seite */
/* ----------------------- */
a.latestchangedlink {
	text-decoration:underline;
	font-size:10px;
	color:#a0a0a0;

}
a.latestchangedlink:hover {
	text-decoration:underline;
}


/* -------------------------------------------------------- */
/* Fehler in Tag-Attribut oder -Wert */
/* --------------------------------- */
.deadlink {
	color:#ff4444;
	text-decoration:line-through;
	font-weight:bold;
}


/* -------------------------------------------------------- */
/* Suchwort-Hervorhebungen */
/* ----------------------- */
.highlight {
	padding:0px 1px;
	font-size:inherit;
	background-color:#dd0000;
	color:#ffffff;
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* Suchformular */
/* ------------ */
form.searchform {
background-image:url("../grafiken/detailmenu-muster.jpg");
	
	display:block;
 	padding:2px 2px 2px 2px; 
	color:#000000;
	text-align:center;
	font-weight:bold;
	height: 32px;
 	width: 160px; 
    margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px; 
}
form.searchform:hover {
	background-image:url("../grafiken/detailmenuhover-muster.jpg");
	height: 32px;
	width: 160px;
	color:#000000;
	text-decoration:none;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:2px 2px 2px 2px; 
}



/* -------------------------------------------------------- */
/* Suchfeld */
/* -------- */
input.searchtextfield {
	/* border:1px solid #C0C0C0;
	width:85px; */
	/* height: 13px; */
	/* margin-top: 0px; */
	width:85px;



}


/* -------------------------------------------------------- */
/* Suchbutton */
/* ---------- */
input.searchbutton {
	/* margin-top: 0px;
	padding-top: 0px; */

	width:37px;

	


	
}


/* -------------------------------------------------------- */
/* Kontaktformular */
/* --------------- */

form#contact_form {
font-size: 12px;
}
table#contact_table {
font-size: 12px;
}
table#contact_table td {
  font-size: 12px;
  vertical-align:top;
  padding:0px;
}
span#contact_errormessage{
  color:#CC0000;
  font-weight:bold;
  font-size: 18px;
  padding-bottom: 20px;
  display:block;
}


span#contact_successmessage{
  color:#008800;
  font-weight:bold;
  font-size: 18px;
  padding-bottom: 20px;
  display:block;
}
input#contact_name, input#contact_mail, input#contact_website {
  border:1px solid #C0C0C0;
  width:200px;
}
textarea#contact_message {
	border:1px solid #C0C0C0;
  width:500px;
}
input#contact_submit {
	border:1px solid #C0C0C0;
  width:200px;
}


/* -------------------------------------------------------- */
/*                                                          */
/* AB HIER: CMS-SYNTAX                                      */
/*                                                          */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* [link|...]      */
/* --------------- */
a.link {
}


/* -------------------------------------------------------- */
/* [mail|...]      */
/* --------------- */
a.mail {
}


/* -------------------------------------------------------- */
/* [seite|...]      */
/* --------------- */
a.page {
}


/* -------------------------------------------------------- */
/* [kategorie|...]      */
/* --------------- */
a.category {
}


/* -------------------------------------------------------- */
/* [datei|...]      */
/* --------------- */
a.file {
}


/* -------------------------------------------------------- */
/* [galerie|...]      */
/* --------------- */
a.gallery {
}


/* -------------------------------------------------------- */
/* [bild|...] */
/* ---------- */
img {
	border:none;
	padding: 0px;
	margin: 0px;
}


/* -------------------------------------------------------- */
/* [bildlinks|...] */
/* --------------- */
img.leftcontentimage {
	margin-bottom: 10px;
	margin-right: 10px;
	width: 100px;
	max-width:150px;
	float:left;
	margin-left:0px;
}


/* -------------------------------------------------------- */
/* [bildrechts|...] */
/* ---------------- */
img.rightcontentimage {
	margin-bottom: 10px;
	margin-left: 10px;
	width: 150px;
	max-width:150px;
	float:right;
	margin-right:0px;
}


/* -------------------------------------------------------- */
/* [fett|...] */
/* ---------- */
em.bold {
	font-weight:bold;
}


/* -------------------------------------------------------- */
/* [kursiv|...] */
/* ------------ */
em.italic {
	font-style:italic;
}


/* -------------------------------------------------------- */
/* [fettkursiv|...] */
/* ---------------- */
em.bolditalic {
	font-weight:bold;
	font-style:italic;
}

/* -------------------------------------------------------- */
/* [unter|...] */
/* ------------ */
em.underlined {
	text-decoration:underline;
}


/* -------------------------------------------------------- */
/* [durch|...] */
/* ------------ */
em.crossed {
	text-decoration:line-through;
}


/* -------------------------------------------------------- */
/* [ueber1|...] */
/* ------------ */
h1 {
	font-size:18px;
	margin-top:0px;
	margin-bottom:0px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}


/* -------------------------------------------------------- */
/* [ueber2|...] */
/* ------------ */
h2 {
	font-size:14px;
	margin-top:0px;
	margin-bottom:4px;
	text-align: left;
}


/* -------------------------------------------------------- */
/* [ueber3|...] */
/* ------------ */
h3 {
	margin-top:0px;
	margin-bottom:0px;	
	text-align: left;
}


/* -------------------------------------------------------- */
/* [liste|...] */
/* [numliste|...] */
/* ------------ */
ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}
li {
	margin-top:0px;
	margin-bottom:0px;
		font-size: 12px; 
}


/* -------------------------------------------------------- */
/* [----] */
/* ------ */
hr {
	border-color: #EEEEEE; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px
	

}

/* -------------------------------------------------------- */
/* [tabelle|...] */
/* ------------- */
table.contenttable {
	background-image:url(../grafiken/tabelle.gif);
	margin:0px auto;
	/* border:1px solid #EEEEEE;  */
	border-collapse:collapse;
	width:100%;
	font-size:12px;
	/* background-color:#EEEEEE; */
}
th.contenttable {
	vertical-align:top;
	/* border:1px solid #CCCCCC; */
/*     background-color:#E7E3E7; */
	padding:10px 5px;
	height:30px;
	font-size:12px;
}
td.contenttable1 {
	vertical-align:top;
    border:1px solid #EEEEEE;
	background-color:#ffffff;
	padding:2px 5px;
	font-size:12px;
}
td.contenttable2 {
	vertical-align:top;
	border:1px #EEEEEE solid;
	background-color:#EEEEEE;
	padding:5px 5px;
	font-size:12px;
}

.anzeige {  
font-size: 9px; 
color: #999999; 
margin-top: 10px; 
font-style:normal;
}


.buttons { 	
	text-align: center;
    width: 140px;
	margin-left: 10px;
	}

.rahmen { 	
	border:1px solid #C0C0C0;
	/* width:148px; */
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	}
	
.video { 	
	background-image:url("../grafiken/player_mitte.png");
	text-align: center;
	}
	
/* .tafel {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
 	background-image:url("../grafiken/tafel.png");
	}	 */


.videotitel
 {  
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; 
	text-align: left; 
	margin-left: 10px; 
	text-transform: uppercase; 
	margin-bottom: 5px; 
	/* letter-spacing: .1em */
}

.lupe {  float: left; z-index: 2; margin-left: -112px}


.videolinkaktiv { 
	font-size: 12px; 
	font-weight: normal; 
	color: #999999; 
	text-transform: none; 
	padding-top: 0px; 
	padding-right: 2px; 
	padding-bottom: 0px; 
	padding-left: 2px; 
	border: 1px #999999 solid; 
	background-color: #EEEEEE; 
	margin-right: 5px; 
	margin-bottom: 10px 
	}
	
.videolink { 
	font-size: 12px; 
	font-weight: normal; 
	color: #000000; 
	text-transform: none; 
	padding-top: 0px; 
	padding-right: 2px; 
	padding-bottom: 0px; 
	padding-left: 2px; 
 	border: 1px #999999 solid;
	background-color: #DEDEDE; 
	margin-right: 5px; 
	margin-bottom: 10px
	}

/* -------------------------------- */
/* neu nach update zu 1.11 */
/* -------------------------------- */

ul.mainmenu {
	margin: 0px;
	padding: 0px;


}
li.mainmenu {
	display:inline;
	margin: 0px;
	padding: 0px;


}
li.mainmenu_submenu {
	display:inline;
	margin: 0px;
	padding: 0px;


	


	
}
 
ul.gallerymenu {
	margin: 0px;
	padding: 0px;
}
li.gallerymenu {
	display:inline;
	padding-right: 5px;
}
 
ul.detailmenu {



    font-size: 12px;
	display:block;
	padding: 0px 0px 0px 0px;
	color:#666666;
	text-align:center;
	width:160px;
	margin-right:0;
	margin-left:0;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
	background-color:#FFFFFF;

	

	

}
li.detailmenu {
display:inline;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px; 
	/* x */
	



}

.button
{
margin-top: 4px;
padding: 0px;
}



img.werbetafeln 
{
	margin-bottom: 4px;
	margin-right: 4px;
	/* width: 120px; */
	max-width: 130px;
    float: right;
	margin-left: 0px;
	border: 1px #CCCCCC solid;
}

.werbetafeln2
{
/* 	position: relative; 
	top:0px; 
	left:-160px; 
	width:0px; 
	height:150px;
    z-index:1;  */

	border: 1px #cc0000 solid;
	height: 200px;
}

img.tafel { max-width: 130px; border: 1px solid #CCCCCC; margin-left: 2px; margin-right: 2px; margin-top: 4px; margin-bottom: 4px; }


.lupewerbetafeln {  
float: left; z-index: 2; margin-left: -167px;
}


.mehrbutton {
-moz-border-radius:4px; 
font-size: 12px;
padding: 4px;
text-align: right;
background-color: #EEEEEE;
color: #FFFFFF;
width: 60px;
margin-left: 528px;
margin-bottom: 4px;

/* margin-top: 20px; */
}

.mehrbutton a{
text-decoration:none;
}


.videobutton {

padding: 0px;
text-align: center;
color: #000000;
margin-top: 0px;
/* border: 1px #000000 solid; */
background: #000000;
width: 600px;
}

.mehr {
-moz-border-radius:8px; 
color: #000000;
font-size: 12px;
padding: 4px;
border: 4px solid #EEEEEE; 
background-color: #EEEEEE;
margin-bottom: 10px;

}

.videobild {
border: 1px solid #000000;
margin-top: 4px;
margin-right: 6px;
margin-bottom: 0px;
width: 120px;
/* height: 90px; */

}

.videomehr {
color: #CCCCCC;
padding-bottom: 0px;
background-color: #000000;
margin-bottom: 0px;
text-align:center;
width: 600px;


}


div.status    
	{
	height: 20px;
    padding:8px 4px 8px 4px;
	font-size: 14px;
	font-weight:normal;
	color: #FFFFFF;
	text-align:left;
	background-image:url("../grafiken/detailmenu-muster.jpg");
	margin: 0px 0px 0px 0px; 
	}

/* lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../grafiken/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../grafiken/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../grafiken/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* -------------------------------- */


img.bildklein {
	margin-bottom: 10px;
	margin-right: 2px;
	width: 190px;
	max-width:190px;
	/*float:left;*/
	margin-left:2px;
}