﻿@charset "utf-8";

/* CSS Document for CBBC.de */

* BODY{
	margin: 		0px;
	padding: 		0px;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.75em;} 

A {	text-decoration: underline;
	color: 			#333; }


/* Überschriften*/

h1 { font-size:1.1em; font-weight:bold;   color:#FF3300; margin: 1px 12px 18px 1px; } 
h2 { font-size:1.0em; font-weight:bold;   color:#333399; margin: 9px 6px 9px 12px; }
h3 { font-size:0.9em; font-weight:bold;   color:#333399; margin: 6px 6px 9px 12px; }
h4 { font-size:1.0em; font-weight:bold;   color:#FF3300; margin: 6px 6px 9px 9px; }
h5 {
	font-size: 				1.0em;
	font-weight:			bold;
	color:					#333;		
	font-weight: 			normal;
	margin:					3px 3px 18px 3px;
	background-image: 		url(../gifs/bullet.gif);
	background-position: 	0px 0px 0px 2px;
	background-repeat: 		no-repeat;
	display:				block; 
	height: 				15px; 
	padding-left: 			33px;}

/* Container */

#container {
	width: 		950px;
	margin: 	auto;
	margin-top: 0px;
	padding: 	0px 15px 0px 15px;
	background: #fff url(../bilder/bg-mitte.png) repeat-y;}

#main {
	width: 		950px;
	float: 		left;
	clear: 		both;}

#header {
	width: 		950px;
	height: 	125px; 
	background: #fff url(../bilder/bg-kopf.png) left top no-repeat;
	padding: 	0px 15px 0px 15px;	
	margin: 	auto;} 

#footer {
	width: 		950px;
	height: 	25px; 
	padding: 	0px 15px 10px 15px;
	background: #fff url(../bilder/bg-fuss.png) left bottom no-repeat;
	margin: 	auto;}


#main {
	border-top: 		5px solid #DCD6B2;
	border-bottom: 		5px solid #DCD6B2;
	background-image: 	url(../bilder/bg-navi.gif);
	background-repeat: 	repeat-y;}

#menu {
	width: 		200px;
	float: 		left;
	clear: 		none;}

#content {
	width: 		700px;
	padding: 	7px;
	float: 		left;
	clear: 		none;}

.ffloat, #ffloatr {
	width: 		465px;
	padding: 	5px;
	float: 		left;
	clear: 		none;}

#ffloatr {
	text-align:right;
}

.ffloat a, #ffloatr a {
	text-decoration: none;
	color: 			#666;
	font-size: 		12px;
	font-family: "Times New Roman", Times, serif;}

/* menu */

#menu ul {
	list-style-type: 	none;
	margin: 			0px;
	padding: 			0px;
	width: 				200px;
	overflow: 			hidden;}

#menu ul li {
	border-top: 	1px solid #fff;
	padding: 		3px;
	padding-left: 	5px;
	padding-right: 	0px;}

#menu ul li a {
	display: 		block;
	width: 			196px;
	height: 		21px;
	line-height: 	21px;
	text-decoration: none;
	color: 			#333;
	font-weight: 	bold;}

#menu ul li a:hover, #menu .lact A {
	background-color: 	#DCD6B2;}

#menu ul ul li.l2act A, #menu ul ul li a:hover {
	background-color: 	#DCD6B2 !important;}

#menu ul ul li, #menu .lfirst {
	border: 			none;}

#menu ul ul li a {
	width: 				181px;
	padding-left: 		15px;
	background-image: 	url(../bilder/pfeil.gif);
	background-position: 5px 3px;
	background-repeat: 	no-repeat;
	background-color: 	transparent !important;
	height: 			13px;
	line-height: 		13px;}
	
/* Klassen aus TYPO3 */
	
.bodytext
{
	font-size:		1.0em; 
	font-weight:	normal;
	margin-left:	25px;}	
	
.indent
{
	font-size:		1.0em; 
	font-weight:	normal;
	margin-left:	40px;}		
	
.csc-textpic-caption
{
	font-size:		0.9em; 
	margin:			1px;}
	
.csc-linkToTop	
{	text-align:		right;
	font-size:		0.8em; 
	margin:			1px;}
	
#content ul {
	list-style-type:	circle;	
	margin-left:		25px;}	

.contenttable
{	width:			650px;
	border:			thin #EEEEEE solid;	
	font-size:		0.9em; 
	font-weight:	normal;}

.align-right
{	text-align:		right;}	

.csc-frame-frame1
{	border:			1px;
	border-color:	#eee;
	font-size:		0.9em; 
	font-weight:	normal;
	margin:			1px;
	padding:		1px;}	

.csc-frame-rulerAfter {	
	margin: 		0px 1px 10px 1px;	
	border-bottom:	1px solid #eee;
	height: 		1px;
	overflow: 		hidden;}

/* Gästebuch */

h2.tx-guestbook-header {
	width: 540px !important;
	background-color: #F7E080 !important;
	color: #009241 !important;
	padding: 15px !important;}

.tx-guestbook-left {
	width: 175px !important;
	background-color: #FFFFCC !important;
	padding: 15px !important;}

.tx-guestbook-right {
	width: 305px !important;	
	padding: 15px !important;}


/* GALLERY */
	
.tx-chgallery-pi1 .single {
	margin: 		15px !important;
	font-size:		0.9em;}

.tx-chgallery-pi1-album_entry {
	width: 			150px !important;
	background-color: #DCD6B2 !important;}

.tx-chgallery-pi1 .single .img {
	width: 			140px !important;
	background: 	#fff !important;
	border: 		1px solid #F3F4F6;}

.tx-chgallery-pi1 .single .img .align {
	width: 			140px !important;
	margin-left: 	-70px !important;}

.tx-chgallery-pi1 .single span {
	width: 			128px !important;}

.tx-chgallery-pi1 .single span small {
	display:		none;}

/* Formulare */

form {overflow:hidden;}
 
input, textarea {
	border: 		1px #DCD6B2 solid;
    background: 	#F1EDE1;
	padding: 		1px;
	color: 			#333;
	font-size:		1.0em;} 

input.button {
	color: 			#F1E6E0;}

input[type=text]:focus, textarea:focus {
	background: 	#f0f0f0;
	color: 			#333; 
	border-color: 	#666;}

.tx_powermail_pi1_fieldwrap_html_text {
	height: 		26px;
	line-height: 	26px;}

.tx-powermail-pi1 INPUT  {
	float: 			left;
	clear: 			right;}

.tx-powermail-pi1 INPUT[type='text'] {
	margin-top: 	5px;}

.tx-powermail-pi1_fieldset textarea {
	margin: 		5px 0px 10px 0px;}

.tx-powermail-pi1 LABEL {
	width: 			130px;
	float: 			left;
	display: 		block;	
	clear: 			left;	}

.tx-kesmallads-pi1 .smalladform-label, .tx-kesmallads-pi1 .smalladform-label-check {
	margin-top: 	10px;}

.tx-kesmallads-pi1 textarea {
	width: 			400px;
	height: 		200px;}

.tx-kesmallads-pi1 .smalladform-label-check {
	width: 			20px;
	float: 			left;
	padding: 		0px 4px;}

.tx-kesmallads-pi1 .smalladform-field, .tx-kesmallads-pi1 .smalladform-field-check {
	margin-top: 	2px;}

#files_list {
	clear: 			both;
	margin: 		5px;}

#files_list INPUT {
	clear: 			none;
	float: 			none;
	margin: 		3px;}

.tx_powermail_pi1_fieldwrap_html_71 LABEL {
	width: 			200px;}

.tx-powermail-pi1_formwrap_71 LABEL {
	width: 			300px;}

.tx_powermail_pi1_fieldwrap_html {
	clear: 			both;}

.powermail_check_inner LABEL {
	float: 			right;
	width: 			90%;}

#powermaildiv_uid85 {
	margin: 		0px 0px 10px 0px;
	padding-top: 	10px;
	clear: 			both;
	color: 			#FF0000;}

#check_uid84_0 {
	clear: 			none;
	float: 			left;}

.tx_powermail_pi1_fieldwrap_html_submit {
	display: 		block;
	float: 			left;}

.tx_powermail_pi1_fieldwrap_html_submit INPUT, .tx_powermail_pi1_fieldwrap_html_reset INPUT  {
	border: 		1px solid #DCD6B2;
	color: 			#333;
	background: 	#fff;
	font-weight: 	bold;
	cursor: 		pointer;
	padding: 		2px;}

.tx_powermail_pi1_fieldwrap_html_submit INPUT:hover, .tx_powermail_pi1_fieldwrap_html_reset INPUT:hover {
	color: 			#333;
	background: 	#F1EDE1;}
	
.tx_powermail_pi1_fieldwrap_html_reset {
	display: 		block;
	margin-left: 	15px;
	float: 			left;
	clear: 			right;}

.powermail_mandatory {
	color: 			#FF0000;	}

.tx-powermail-pi1_fieldset {
	padding: 		6px;
	margin-top: 	10px;}

.tx-powermail-pi1_fieldset legend {
	font-weight:	bold;
	margin-bottom: 	8px;}

.tx-powermail-pi1 textarea{
	font-size: 		1.2em;}

.tx-powermail-pi1, .tx-kesmallads-pi1 {
	margin-left: 	20px;}

.tx-powermail-pi1 fieldset, .tx-kesmallads-pi1 fieldset {
	border: 		2px solid #DCD6B2;}

.tx-kesmallads-pi1 fieldset {
	overflow: 		hidden;
	padding: 		10px;}

.tx-powermail-pi1_mandatory {
	color: 			#ff0000;}
	
/* kesmallads */	

.tx-kesmallads-pi1-listrow, .tx-kesmallads-pi1-listrow-odd {
}

.tx-kesmallads-pi1-listdivider {
	height: 0px;
	border-top: 1px solid #DCD6B2;
	clear: both;
	margin: 10px 0px;
}

.tx-kesmallads-pi1-image {
	float: left;
	clear: left;
	width: 120px;
	margin-bottom: 10px;
}

.tx-kesmallads-pi1-image IMG {
	border: 1px solid #DCD6B2;
	padding: 2px;
}

.tx-kesmallads-pi1-submitDate, .tx-kesmallads-pi1-category {
	width: 80px;
	color: #999999;
	float: left;
}

.tx-kesmallads-pi1-category {
	font-weight: bold;
	color: #333;
}

.tx-kesmallads-pi1-content {
	padding: 0px 0px 10px 0px;
}

.tx-kesmallads-pi1-title {
	clear: both;
}

.tx-kesmallads-pi1 h2 {
	margin: 0px;
	padding: 10px 0px;
}

.tx-kesmallads-pi1-textcontent {
	clear: right;
	float: left;
	width: 540px;
	margin-bottom: 10px;
}

.tx-kesmallads-pi1-modeSelector {
	float: left;
	width: 50%;
}

.tx-kesmallads-pi1-modeSelector A {
	color: #ff0000;
	font-weight: bold;
}

.tx-kesmallads-pi1-modeSelector td p {
	padding: 0px 5px;
}

.tx-kesmallads-pi1-searchbox {
	float: right;
	padding-top: 15px;
}

.tx-cegallery-pi1-album_backlink {
	display: none;
}

.tx-cegallery-pi1-album_header {
	display:none;
}

/* SLIMBOX */

.imageGallery {
	width:		95%;
	text-align:	center;
}

.imageGallery a
.imageGallery a:hover{
	background-color: transparent;
}

.imageGallery img {
	margin: 15px;
}

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 99996;
}

#lbCenter, #lbBottom {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 99997;
}

.lbLoading {
	background: #fff url(_gifs/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
	background: transparent;
}

#lbPrevLink:hover {
	background: transparent url(_gifs/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
	background: transparent;
}

#lbNextLink:hover {
	background: transparent url(_gifs/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(_gifs/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber, #lbLinker {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
	font-size: 13px;
}

#lbLinker a {
	color: #666;
	font-size:11px;
}

#clearall {
	width: 100%;
	height: 0px;
	clear: both;
	overflow: hidden;
}

/* Ende */