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

   style.css  

   Stylesheet K- Tech VEranstaltungstechnik

   http://www.ktech-veranstaltungstechnik.de

   Copyright (c) 2006 Andreas Keck

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

/* HTML Tags definieren

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

html, body, table {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	background-color:#FFFFFF;
}

/* H1 Überschrift 1
------------------------------------------------
*/
h1 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 700;
	text-align: left;
}

/* H2 Überschrift 2
------------------------------------------------
*/
h2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: 700;
	text-align: left;
	margin-top:0px;
}

/* H3 Überschrift 3 bei News und Events
------------------------------------------------
*/
h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: 700;
	text-align: left;
	margin:0px;
}

/* Listeneelement mit Klasse Liste versehen
------------------------------------------------
*/
li.liste{
	list-style-image: url(img/punkt.png);	
}

/* Links
------------------------------------------------
*/
/*Link, besucht*/
a, a:visited {
	color: #0033cc;
	text-decoration: none;	
}

/*Hover, aktiv*/
a:hover, a:active {
	color: #0033cc;
	text-decoration: underline;	
}

/* Absätze
------------------------------------------------
*/
p {
	display:inline;
	
}

/* Formular
------------------------------------------------
*/
img {
	border:0px;
}

/* Formular
------------------------------------------------
*/
form {
	
}

/* Formularelemente
------------------------------------------------
*/
input {
	
}

/* Textfeld für das Suchformular
------------------------------------------------
*/
input.suchfeld {
	width:100px;
	border: 1px solid #333333;
	font-size: 11px;	
}

/* ID Stile definieren
------------------------------------------------
------------------------------------------------

 Container um das Template
------------------------------------------------
*/
#main_container {
	margin:0 auto;/*Mittig*/
	width:980px;
	background-color:#FFFFFF;
	border: 2px solid #959595;
}

/* Header Mitte Navigation
------------------------------------------------
*/
#header_mitte_navi {
	float:left;
	width:320px;
	height:28px;
	overflow:hidden;
	background-image: url(img/header_nav_bg.png);
	background-repeat: repeat-x;
}

/* Header unten Text
------------------------------------------------
*/
#header_unten_text {
	float:left;
	width:400px;
	height:38px;
	background-image: url(img/header_text_bg.png);
	background-repeat: repeat-x;
}

/* Inhalte in der Tickerbox auf der Startseite
------------------------------------------------
*/
#ticker_content {
	background-image: url(img/ticker_bg.png);
	background-repeat: no-repeat;
	height: 18px;
}


/* Inhalte in der Mitte bestehend aus den 3 divs
------------------------------------------------
*/
#main_content {
	
}

/* Übreschrift Suche
------------------------------------------------
*/
#ub_suche {
	background-image: url(img/links_bg_nav.png);
	background-repeat: repeat-y;
}

/* Suche
------------------------------------------------
*/
#suche {
	background-image: url(img/links_bg_nav.png);
	background-repeat: repeat-y;
	width:178px;
	padding-top: 5px;
	padding-left:5px;
	padding-bottom:20px;
}

/* Suchfeld
------------------------------------------------
*/
#suchfeld {
	float:left;
	width:115px;
	font-size: 11px;
	}

/* Suchbutton
------------------------------------------------
*/
#suchbutton {
	float:left;
}

/* Überschrift Kategorien
------------------------------------------------
*/
#ub_kategorie {
	background-image: url(img/links_bg_nav.png);
	background-repeat: repeat-y;
}

/* subnavigation links
------------------------------------------------
*/
#links_navi {
	background-image: url(img/links_bg_nav.png);
	background-repeat: repeat-y;
	padding-top: 10px;
}

/* Ende linke Spalte
------------------------------------------------
*/
#links_ende {
	padding-bottom: 20px;
}

/* Boxen rechts
------------------------------------------------
*/
#boxen_rechts {
	padding-top: 20px;
}

/* Box Produktionen oben
------------------------------------------------
*/
#box_oben {
	background-image: url(img/box_bg.png);
	background-repeat: repeat-y;
}

/* Box Short News unten
------------------------------------------------
*/
#box_unten {
	background-image: url(img/box_bg.png);
	background-repeat: repeat-y;
}

/* Copyright
------------------------------------------------
*/
#copyright {
	margin:0 auto;/*Mittig*/
	width:980px;
	font-size: 10px;
	color: #333333;
	text-align: center;
	padding-top: 5px;
}


/* Klassen definieren
------------------------------------------------
------------------------------------------------
Ebenen clearen*/
.clearfix {
	clear:both;
}


/* Headerbilder oben rechts
------------------------------------------------
*/
.header_bild_oben {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(img/header_bg_oben.png);
	background-repeat: repeat-x;
}

/* Headerbilder oben rechts mittlere Zeile
------------------------------------------------
*/
.header_bild_mitte {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(img/header_bg_mitte.png);
	background-repeat: repeat-x;
}

/* Headerbilder oben rechts unterste Zeile
------------------------------------------------
*/
.header_bild_unten {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(img/header_bg_unten.png);
	background-repeat: repeat-x;
}

/* Header Navigation Quer
------------------------------------------------
*/
.header_nav {
	font-weight: 700;
	vertical-align:middle;
	padding-right: 9px;
	padding-left: 9px;
}
/*Link, besucht*/
.header_nav a, .header_nav a:visited {
	color: #000000;
	text-decoration: none;
}

/*Hover, Aktiv*/
.header_nav a:hover, .header_nav a:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* Seiten Hauptüberschrift
------------------------------------------------
*/
h1.ueberschrift {
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	}

/* Spalte links
------------------------------------------------
*/
.content_links {
	background-image: url(img/links_bg.png);
	background-repeat: repeat-y;
	width:183px;
	vertical-align: top;
}

/* Suche Textfeld
------------------------------------------------
*/
input.suchfeld {
	width:105px;
	height:15px;
	font-size: 11px;
	}

/* Subnavigation links
------------------------------------------------
*/
/*Gesamte Aufzählung*/
ul.subnav {
	display:block;
	padding:0px;
	margin:0px;
	text-indent:20px;
	font-size: 11px;
}

/*Listeneeeelement*/
li.subnav {
	width: 183px;
	vertical-align: middle;
	list-style-type: none;
	background-image: url(img/subnav.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:4px;
	padding-bottom:3px;
	
}

/*Hover*/
.subnav_hover {
	width: 183px;
	list-style-type: none;
	background-image: url(img/subnav_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:4px;
	padding-bottom:3px;
}

/*Links Subnav*/
li.subnav a, li.subnav a:visited, li.subnav_hover a, li.subnav_hover a:visited {
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
}

/*Links Hover, Active*/
li.subnav a:hover, li.subnav a:active li.subnav_hover a:hover, li.subnav_hover a:active {
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
}


/* Haupt Inhalt in der Mitte
------------------------------------------------
*/
.content {
	vertical-align: top;
	margin: 10px;
	padding: 10px;
}

/* Spalte rechts
------------------------------------------------
*/
.content_rechts {
	background-image: url(img/rechts_bg.png);
	background-repeat: repeat-y;
	width:178px;
	vertical-align: top;
}

/* Box  Produktionen und Short News Content
------------------------------------------------
*/
.box_rechts {
	background-image: url(img/box_bg_mid.png);
	background-repeat: no-repeat;
	padding-right: 16px;
	padding-left: 26px;
	background-position: bottom;
	/*min-height:123px;*/
}

/* Content in den Boxen rechts
------------------------------------------------
*/
.box_content {
	padding-top: 5px;
	padding-bottom: 5px;	
}

/* Box Datum
------------------------------------------------
*/
.box_datum {
	font-weight: 700;
	font-size:10px;
	padding:0px;		
}

/* Box Datum
------------------------------------------------
*/
.box_headline {
	font-weight: 700;
	padding-bottom:3px;
}

/* Box Bild
------------------------------------------------
*/
img.box_bild {
	padding-bottom: 3px;			
}

/* Box Kurztext
------------------------------------------------
*/
.box_kurztext {
		
}

/* Ende der Boxen rechts
------------------------------------------------
*/
.box_ende {
	padding-bottom: 20px;	
}


/* Flexformen
------------------------------------------------
------------------------------------------------
Bildunterschrift
------------------------------------------------
*/
.bild_text {
	padding-top: 2px;
	font-size: 9px;
	color: #333333;		
}

/* Haupt Text Element
------------------------------------------------
*/
.main_content {
	padding-left: 2px;
	padding-right: 2px;
}

/* Aufzählung
------------------------------------------------
*/
.aufzaehlung li {
	padding: 1px;
	list-style-image: url(img/punkt.png);
	list-style-type: disc;
}

/*Liste*/
ul {

}
/*Element*/
li.aufzaehlung {
			
}
/* Spezielle TT News Styles
------------------------------------------------
------------------------------------------------
Jahre im Archivmenü
*/
li.news-amenu-item-year {
	font-size: 12px;
	font-weight: 700;
	list-style-type: none;
}
/* Listenpunkt beim Monat weg
------------------------------------------------
*/
.news-amenu-container li{
	list-style-type: none;
}
/* Fehlermeldung bei der Suche
------------------------------------------------
*/
.news-search-emptyMsg {
	color: #CC0000;
	font-weight: 700;
}
/* Listenpunkt beim Monat weg
------------------------------------------------
*/
.news-list-date {
	font-weight: 700;
}

/* Spezielle Formular Styles
------------------------------------------------
------------------------------------------------
*/

/*Das Mailformular*/
.csc-mailform {
	border: 0px;
	
}

/*Feld erforderlich anzeige * */
.csc-mailform-error {
	color:#CC0000;
	vertical-align: top;
	font-weight: normal;
}

/*Fehleranzeige Überschrift*/
.csc-mailform-error-ub {
	color:#CC0000;
	padding-left: 90px;
}

/*Fehleranzeige über Formular*/
.csc-mailform-error-message {
	color:#CC0000;
	padding-left: 50px;
	padding-bottom:5px;
	padding-top: 5px;
}

.csc-mailform-error-message li {
	list-style-type: none;	
}

/*Feldtyp fett*/
.csc-mailform-error-message-field {
	color:#CC0000;
	font-weight:700;
}

/*Zeile im Mailformular*/
.csc-mailform-field {
	padding:2px;
	display:block;
}

.csc-mailform-text {
	width:75px;
	float:left;
	padding-left: 10px;
	padding-bottom:2px;
	font-weight:700;
	display:block;
}

/*Absende Button*/
.csc-mailform-submit {
	border: 0px;
	
}

/* ### Spezielle WT Bildergalerie Styles
###################################################################### */

/*Listenansicht*/
.wtgallery_list {

	padding-left:20px;
}
/*Vorschaubild in der Listenansicht*/
.wtgallery_list_pic {
	float:left;
}

/*Navigation in der Singeansicht*/
.wtgallery_pagebrowser_sign {
	float:left;
	padding-top:10px;
}

/*Navigation zurück*/
.wtgallery_pagebrowser_back {
	padding-right:5px;
	padding-left: 12px;
}

/*Navigation Seitenzahlen*/
.wtgallery_pagebrowser_page {
	padding-right:5px;
}

.wtgallery_list_pic img {
	padding:3px;
}

/*Singleansicht Hauptbereich*/
.wtgallery_singlepic_area {
	text-align:center;
	
}

/*Bild in der Singleansicht*/
.wtgallery_singlepic_pic {
	margin:auto;
	display:block;
}

/*Bilduntrschrift*/
.wtgallery_singlepic_comment {
	padding:5px;
	text-align:center;

}

/*Schrift des Kommentars*/
.wtgallery_h2 {
	font-weight:normal;
	font-size:100%;
	
}

/*Singleansicht Buttonzeile unten*/
.wtgallery_singlepic_fwdback {
	padding-right:10px;
	padding-left:10px;
	padding-bottom:5px;
	clear:both;
	margin:auto;
	display:block;
	
}

/*Singleansicht vorwärts Button*/
.wtgallery_singlepic_fwd {
	float:right;
	margin-right: 15px;
	padding-right: 8px;
	padding-bottom: 2px;
	background-image: url(img/pfeil_punkt_rechts.png);
	background-repeat: no-repeat;
	background-position: right center;
	vertical-align: middle;
}

/*Singleansicht zurück Button*/
.wtgallery_singlepic_back {
	float:left;
	margin-left:15px;
	padding-left: 8px;
	padding-bottom:2px;
	background-image: url(img/pfeil_punkt_links.png);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}

/*Vor und zurück clearen*/
.wtgallery_singlepic_up {
	clear:both;
}

/*Vergrößerungs anzeige*/
.wtgallery_singlepic_popup {
	padding:2px;
	text-align:center;
}