@charset "utf-8";
/* CSS PANDA THEATER */

/*
	BLUE			113355 | 17.51.85	(PANDA)
	GREEN			006666 | 0.102.102	(DELPHIN)
	RED#2			990033 | 153.0.51	(PINGUIN)
	RED#1			CC0000 | 204.0.0
	HELLGRAU		CCCCCC
	DUNKELGRAU		666666
--------------------------------------------- */

/*	SETUP	
--------------------------------------------- */

* { margin:0; padding:0; }
html, body { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; line-height:1.4em;
	}

div { overflow:hidden; }
p { margin-top:0.5em; margin-bottom:0.5em; }
img { border:0; }

a { text-decoration:none; color:#333366; border-bottom: 1px solid #CCC; }
a:hover { text-decoration:none; color:#333366; border-color:#333366; }

h1, h2, h3, h4, h5, h6 {
	margin-top:0.5em; margin-bottom:0.5em;
	line-height:1.2em; font-weight:normal;
	}

h1, h2 { color:#333366; } /* PANDA */
h3, h4 { color:#006666; } /* DELPHIN */
h5, h6 { color:#990033; } /* PENGUIN */
/* h7, h8 { color:#666666; }  DEFAULT */

h1, h3, h5 { font-size:2em; }
h2, h4, h6 { font-size:1.5em; }

h1 a, h2 a { text-decoration:none; color:#333366; border-bottom: 1px solid #CCC; }
h1 a:hover, h2 a:hover { text-decoration:none; color:#333366; border-color:#333366; }
h3 a, h4 a { text-decoration:none; color:#006666; border-bottom: 1px solid #CCC; }
h3 a:hover, h4 a:hover { text-decoration:none; color:#006666; border-color:#006666; }
h5 a, h6 a { text-decoration:none; color:#990033; border-bottom: 1px solid #CCC; }
h5 a:hover, h6 a:hover { text-decoration:none; color:#990033; border-color:#990033; }

/*
h1 { font-size:1.7em; }
h2 { font-size:1.7em; }
h3 { font-size:1.2em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }
h6 { font-size:1em;}
*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {}

hr {
	height:30px;
	margin-bottom:1em; margin-top:0; border:0;
	background: url(http://panda-theater.de/fileadmin/templates/img/tomate_grau.png) center top no-repeat;
	}

#body {
	width:960px; min-height:100%;
	margin:auto; margin-bottom:-240px;
	}


/*	XXX
--------------------------------------------- */
#schreck {
	position:absolute; top:0; right:0;
	width:200px; height:200px;
	visibility:hidden;
	}


/*	HEADER
--------------------------------------------- */
#header { height:120px; margin: 10px 0 0 0; }
#headerpos { text-align:center; }

#logo, #mainmenu-left, #mainmenu-right { display:inline-block; height:120px; }

#logo { width:160px; }
#logo a, #logo a:hover { border:0; }


/*	MAIN MENU
--------------------------------------------- */
#mainmenu-left {}
#mainmenu-right {}

#mm-left-item1 {}
#mm-left-item2 {}
#mm-left-item3 {}
#mm-left-item4 {}

#mainmenu-left .lvl1, #mainmenu-right .lvl1 { display:inline-block; margin-top:45px; }

#mainmenu-left .lvl1.left { margin-left:12px; }
#mainmenu-left .lvl1.left a { border:0; }
#mainmenu-left .lvl1.left a:hover { border:0; }
#mainmenu-left .lvl1.left.no {}
#mainmenu-left .lvl1.left.no a {}
#mainmenu-left .lvl1.left.act {}
#mainmenu-left .lvl1.left.act a {}

#mainmenu-right .lvl1.right { margin-right:12px; }
#mainmenu-right .lvl1.right a { border:0; }
#mainmenu-right .lvl1.right a:hover { border:0; }
#mainmenu-right .lvl1.right.no {}
#mainmenu-right .lvl1.right.no a {}
#mainmenu-right .lvl1.right.act {}
#mainmenu-right .lvl1.right.act a {}


/*	MENU
--------------------------------------------- */
#menu { text-align:center; }
#menupos {}

#menu .lvl2 {
	display:inline-block; padding: 2px 5px 3px 5px;
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	}
#menu .lvl2 a { border:0; }
#menu .lvl2 a:hover { color:#CC0000; }
#menu .lvl2.no a {}
#menu .lvl2.no a:hover {}
#menu .lvl2.act a { color:#CC0000; }
#menu .lvl2.act a:hover {}

#menu .lvl2.first { padding-left:50px; }
#menu .lvl2.last { padding-right:50px; }

/*	SUBHEADER
--------------------------------------------- */
#subheader { max-height:300px; margin: 20px 0 0 0; }
#subheader-image { text-align:center; }


/*	CONTENT	
--------------------------------------------- */
#content { margin: 30px 150px 300px 150px; width:660px; text-align:center; }


/*	CONTENT	FCE
--------------------------------------------- */

.fce { margin: 20px 0 20px 0; }

.left, .middle, .right {}
.left {}
.middle {}
.right {}

/* FCE 1 COLUMN */
.one-col {}
.one-col.middle {}

/* FCE 2 COLUMN */
.two-col {}
.two-col.left, .two-col.right { display:inline-block; width:470px; }
.two-col.left { float:left; }
.two-col.right { float:right; }

/* FCE 3 COLUMN */
.three-col {}
.three-col.left, .three-col.middle, .three-col.right { display:inline-block; width:310px; }
.three-col.left { float:left; }
.three-col.middle { float:left; margin-left:15px; }
.three-col.right { float:right; }


/*	CALENDAR
--------------------------------------------- */

.calitems { padding: 0 0 20px 0; background:url(http://panda-theater.de/fileadmin/templates/img/tomate2.png) bottom center no-repeat; }

.callistitem {
	margin: 0 0 30px 0; padding: 45px 0 0 0;
	text-align:center;
	background:none; background:url(http://panda-theater.de/fileadmin/templates/img/tomate_hellgrau.png) top center no-repeat;
	}
.callistitem .datetime { font-size:14px; font-weight:bold; }
.callistitem .datetime .date { display:inline-block; width:100px; text-align:right; }
.callistitem .datetime .time { display:inline-block; width:115px; text-align:left; }
.callistitem .datetime .divider { display:inline-block; width:20px; text-align:center; }
.callistitem .title {}
.callistitem .title h3 {
	margin-top:0.3em; margin-bottom:0.3em;
	font-size:20px; font-weight:bold; color:#CC0000;
	}
.callistitem .title h3 a { color:#CC0000; }
.callistitem .title h3 a:hover { color:#CC0000; border-bottom-color:#CC0000; }
.callistitem .teaser { font-size:14px; }


.callistitem.odd {}
.callistitem.even {}

#caleventsingle {}
#caleventsingle .image { margin: 0 0 20px 0; text-align:center; }
#caleventsingle .image * { display:inline-block; float:none; margin:auto; padding:0; text-align:center; }
#caleventsingle .title {}
#caleventsingle .datetime {}
#caleventsingle .description { margin-top:20px; margin-bottom:20px; }
#caleventsingle .singleoptions {}


.unvisible { display:none; visibility:hidden; width:0; }


/*	NEWS
--------------------------------------------- */
.news {}
.newsitem {
	margin: 30px 0 0 0; padding: 35px 0 0 0;
	background:none; background:url(http://panda-theater.de/fileadmin/templates/img/tomate_gruen.png) top center no-repeat;
	}
.newsitem .title h4 {}
.newsitem .teaser { font-size:12px; line-height:1.4em; color:#000; }

.newssingle {}
.newssingle .image {}
.newssingle .title h3 { margin: 1em 0 0.5em 0; }
.newssingle .date { font-size:11px; color:#999; }
.newssingle .teaser { margin:0.5em 0 1.5em 0; }
.newssingle .text {}

.singleoptions { margin: 1em 0 0 0; }
.singleoptions .goback {}
.singleoptions .golist {}

/*
.newsitem { width:225px; height:225px; float:left; margin:5px; background-color:#EEE; }

.newsitem.big { width:460px; height:460px; }
.newsitem.big .image { max-height:300px; max-width:450px; margin:5px; }
.newsitem.big .content { max-width:430px; margin:10px; }
.newsitem.big .content .title {}
.newsitem.big .content .subheader {}
.newsitem.big {}
.newsitem.big {}

.newsitem.medium { width:460px; }
.newsitem.medium .image { max-height:215px; max-width:215px; margin:5px 15px 5px 5px; float:left; }
.newsitem.medium .content { max-width:215px; margin:5px; }
.newsitem.medium .content .title {}
.newsitem.medium .content .subheader {}
.newsitem.medium {}
.newsitem.medium {}
.newsitem.medium {}

.newsitem.small {}
.newsitem.small .image { max-width:215px; max-height:150px; margin:5px; }
.newsitem.small .content {}
.newsitem.small .content .title { margin:5px; }
*/


.rgmediaimages-caption { margin-top:10px; font-size:11px; color:#666; }

/*	FOOTER
--------------------------------------------- */

#footer {
	width:960px; height:240px; margin:auto;
	font-size:10px; text-align:center;
	background:url(http://panda-theater.de/fileadmin/templates/img/tomate1.png) no-repeat top center;
	}
#footer-slide { height:160px; margin-top:20px; }

#submenu { margin-top:40px; height:20px; }

#submenu .lvl1 { display:inline-block; margin: 0 5px 0 5px; }
#submenu .lvl1 a {}
#submenu .lvl1 a:hover {}
#submenu .lvl1.no a {}
#submenu .lvl1.no a:hover {}
#submenu .lvl1.act a {}
#submenu .lvl1.act a:hover {}
#submenu .lvl1.actifsub a {}
#submenu .lvl1.actifsub a:hover {}


/*	TYPO3
--------------------------------------------- */

.csc-frame-frame1 {
	margin-bottom:1.5em;
	font-size:1.3em; line-height:1.2em;
	color:#777777;
	}

.csc-frame-frame2 {
	margin-top:0.5em; margin-bottom:1.5em;
	padding:1em; padding-left:1.5em; padding-right:1.5em;
	font-size:1.3em; line-height:1.2em;
	color:#FFFFFF; background-color:#6699CC;
	}

.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-justify { text-align:left; }

.name-of-person { font-size:0.9em; line-height:0.9em; }
.detail { color:#6699CC; font-weight:bold; }
.important { color:#C00; font-weight:bold; }

ul { list-style:disc; padding-left:1.3em; }
ol { list-style:decimal; padding-left:2.3em; }
li {}

blockquote {
	padding-bottom:1.5em; padding-left:5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em; line-height:1.3em;
	font-style:italic;
	}

.csc-textpic-caption { padding-top:10px; color:#777777; font-size:11px; }


.csc-textpic-imagewrap a, .csc-textpic-imagewrap a:hover { border:none; }


/*	RTE
--------------------------------------------- */
.leftallign { text-align:left; }
.middleallign { text-align:center; }
.rightallign { text-align:right; }

.teaser { font-size:16px; line-height:19px; color:#666666; }

.panda-bgr, .delphin-bgr, .pinguin-bgr, .default-bgr {
	padding: 15px 20px 15px 20px; margin: 15px 0 15px 0;
	}
.panda-text, .delphin-text, .pinguin-text, .default-text {
	padding: 45px 25px 15px 25px; margin: 15px 0 15px 0;
	font-size:14px; line-height:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

.panda-bgr { background-color:#113355; color:#FFFFFF; }
.panda-text {
	color:#113355; border-color:#113355;
	background:url(http://panda-theater.de/fileadmin/templates/img/tomate_blau.png) center top no-repeat;
	}
.panda { color:#113355; }

.delphin-bgr { background-color:#006666; color:#FFFFFF; }
.delphin-text {
	color:#006666; border-color:#006666;
	background:url(http://panda-theater.de/fileadmin/templates/img/tomate_gruen.png) center top no-repeat;
	}
.delphin { color:#006666; }

.pinguin-bgr { background-color:#990033; color:#FFFFFF; }
.pinguin-text {
	color:#990033; border-color:#990033;
	background:url(http://panda-theater.de/fileadmin/templates/img/tomate_rot.png) center top no-repeat;
	}
.pinguin { color:#990033; }


.default-bgr { background-color:#666666; color:#FFFFFF; }
.default-text {
	color:#666666; border-color:#990033;
	background:url(http://panda-theater.de/fileadmin/templates/img/tomate_dunkelgrau.png) center top no-repeat;
	}
.default { color:#666666; }




















/*
	BLUE			113355 | 17.51.85	(PANDA)
	GREEN			006666 | 0.102.102	(DELPHIN)
	RED#2			990033 | 153.0.51	(PINGUIN)
	RED#1			CC0000 | 204.0.0
	GRAU			

--------------------------------------------- */