/*******************************************************************************
 *     ___ ___ ___ 
 *   / __/ __/ __/
 *  | (__\__ \__ \
 *  \___|___/___/
 *   
 *   CSS-Stylesheet
 *   nec tv - Fernsehen ganz nah.
 *   
 *   Copyright 2008, Andreas Oelzner
 *   www.andreas-oelzner.de
 * 
 ******************************************************************************/



/******* Allgemein ************************************************************/

body {
	background: #272b46 url(standard_FILES/back.gif) repeat-x;
	margin: 0;
	text-align: left;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;}
img {
	border: 0;}
#layout {
	width: 850px;
	margin: auto;
	text-align: left;}
#kopf {
	width: 850px;
	height: 160px;
	background-color: #272b46;}



/******* Navigation ***********************************************************/

#kopf ul {
	list-style-type: none;
	overflow: auto;
	padding-left: 15px;
	padding-top: 1px;
	margin: 0;}
#kopf ul li {
	float: left;}
#kopf ul li a {
	display: block;
	padding: 0 12px;
	padding-top: 8px;
	height: 21px;
	text-decoration: none;
	text-align: center;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #6a97ce;}

* html #kopf ul li a {
	width: 1px;	/* Internet Explorer < 6 */}

#kopf ul li a:hover, #kopf ul li.aktiv a {
	background: #272b46 url(standard_FILES/back_nav_act.gif) repeat-x;
	border-bottom: 0px;
	color: white;}
#logo {
	position: relative;
	float: right;}



/******* Breadcrumb-Navigation ************************************************/

#nav_verbindung {
	width: 850px;
	height: 25px;}



/******* Spalten/Inhalt *******************************************************/

#inhalt a {
	color: #6a97ce;
	font-weight: bold;
	text-decoration: none;}
#inhalt a:hover, #spalte_rechts a:hover {
	color: #93bb0e;
	text-decoration: underline;}
h1 { /* Nur als Kategoriebild genutzt! */
	margin: 0;}
#spalte_rechts {
	width: 220px;
	float: right;}

.csc-textpic {
	clear:both;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin:6px 0 0;
}

#spalte_mitte h2 {
	float:left;
	width:554px;
	height:14px;
	margin:30px 0 -4px;
}

.csc-textpic-caption { /* Referenzen Eventbetreuung */
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	background: #ccc;
	padding: 5px;}
#inhalt dd {
	margin-bottom: 15px;}



/******* Web TV ***************************************************************/

/* ALLGEMEIN */

.csc-textpic-intext-left {
	padding-top:20px;
}

.news-single-item ul {
	margin: 0;
	list-style: none;
	padding: 0;}

#inhalt .csc-textpic p {
	padding:0 35px 0 0;
}

.news-frontpage-item {
	float:left;
	margin-right:10px;
	line-height:normal;
}

.news-frontpage-item h4 {
	width:261px;
	background-color: #272b46;
	color: white;
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 2px;
	padding: 6px 8px 6px 8px;
	text-transform: uppercase;
}

.news-frontpage-item h4 a:link {
	color: white;
	text-decoration:none;
}

.news-frontpage-item:hover a h4 {
	text-decoration:underline;
}

.news-frontpage-item ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.news-frontpage-item li {
	width:261px;
}

.news-frontpage-item img {
	margin-bottom:-3px;
}

.webtv-element li {
	background: #a9b9cc url(standard_FILES/back_video_item.gif) repeat-x;
	padding: 5px 8px 5px 8px;
	color: black;
	text-decoration: none;
	margin-top: 2px;}
.webtv-element li:hover {
	background: #c3cedb url(standard_FILES/back_video_item_act.gif) repeat-x;}

.webtv-element li.kulturplus {
	background: #bc9dde url(standard_FILES/back_video_item_kulturplus.gif) repeat-x;}
.webtv-element li.kulturplus:hover {
	background: #bc9dde url(standard_FILES/back_video_item_kulturplus_act.gif) repeat-x;}
.webtv-element li.tvo {
	background: #ffcc99 url(standard_FILES/back_video_item_tvo.gif) repeat-x;}
.webtv-element li.tvo:hover {
	background: #ffcc99 url(standard_FILES/back_video_item_tvo_act.gif) repeat-x;}

#inhalt .webtv-element li a {
	color: black;
	font-weight: normal;}
#inhalt .webtv-element li a:hover {
	color: #272b46;
	text-decoration: none;}

/*  WEB TV-RANDSPALTE */
.webtv_infokasten ul {
	padding: 5px 8px 5px 20px;
	margin: 0;}
ul.sendungstitel {
	margin: 2px 0 2px 0;}

/*  LISTE */
h3 { /* Überschrift Web TV-Archiv */
	margin: 0;
	padding: 0;}
.news-list-container li {
	list-style: none;}
.news-list-item {
	clear: both;
	margin-bottom: 15px;
	height: 56px;
	background: #a9b9cc url(standard_FILES/back_video_item.gif) repeat-x;}
.news-list-item img {
	float: left;
	margin: 0 8px 0 5px;
	border-left: 3px solid white;
	border-right: 3px solid white;}
.news-list-kategorie {
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0 4px 0;}
.news-list-item a h3 {
	color: #272b46;}
.news-list-item a:hover h3 {
	color: white;}



/******* Formular *************************************************************/

label {
	display: block;
	margin-bottom: 5px;}

label.required {
	font-weight: bold;}

input.visible, 
select.visible, 
textarea.visible {
	display: block;
	margin-bottom: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #272b45;}

input.visible,
textarea.visible {
	padding:1px 3px;}

textarea.visible {
	width: 90%;
	height: 8em;
	font-family: inherit;
	font-size: inherit;}

input:hover, 
select:hover, 
textarea:hover {
	border-color:#c00;}

input:focus, 
select:focus, 
textarea:focus {
	color:#c00;
	border-color:#c00;}

button {
	font-weight:bold;
	color:#fff;
	background-color:#c00;
	border:1px outset #c00;}

button:hover {
	background-color:#fc0;
	border:1px outset #fc0;}	

button:active {
	border-style:inset;}

div.error {
	margin-bottom:10px;
	padding:5px 10px;
	font-weight:bold;
	color:#fff;
	background-color:#c00;}



/******* Sekundär-Navigation **************************************************/

#spalte_links a {
	text-decoration: none;}
#spalte_links ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;}	
#spalte_links ul li {
	margin-bottom: 8px;}
#spalte_links ul li a {
	padding: 5px 0px 5px 26px;
	display: block;
	color: white;
	width: 155px;
	background: #272b46 url(standard_FILES/pfeil_subnav.gif) no-repeat;}
#spalte_links ul li a:hover, #spalte_links ul li.aktiv a {
	padding: 5px 0px 5px 26px;
	background: #93bb0e url(standard_FILES/back_subnav_hover.gif) no-repeat;}



/******* Infokästen ***********************************************************/

h2 { /* Infokasten-Überschrift */
	background-color: #272b46;
	color: white;
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 5px 5px 3px 5px;
	text-transform: uppercase;}
#spalte_rechts .infokasten {
	font-size: 8pt;
	color: black;
	background-color: #becfe4;
	padding-bottom: 1px;
	margin-bottom: 15px;}
#spalte_rechts .webtv_infokasten {
	font-size: 8pt;
	color: black;
	padding-bottom: 1px;
	margin-bottom: 15px;}
#spalte_rechts p {
	margin: 7px 5px;}
#spalte_rechts a {
	color: #272b45;
	text-decoration: underline;}
#spalte_rechts a:hover {
	color: #272b45;
	text-decoration: none;}
#spalte_rechts ul {
	padding: 0;
	list-style: none;}
#spalte_rechts csc-textpic img {
	margin: 0;}



/******* Footer-Bereich *******************************************************/

#end_mitte {
	padding-bottom: 15px;}
#footer a, #footer a:hover {
	color: white;
	text-decoration: none;}
#schluss {
	position: relative;
	width: 100%;
	float: left;}