/* 
**************************************
Stylesheet style.css

Projekt: zuendstoff-leben.de
Copyright: Interaktiv Manufaktur, Thomas Tiedtke
*************************************
*/

/* 

Farben:

Orange-Hauptfarbe: #FF9900;
Orange-Hintergrund: #FFF7EA;

*/


/* Allemeine Element Styles */

* {
	padding:0px;
	margin:0px;	
}

body {
	/* background-color:#FFF7EA; */
/*	margin-top:8px; */
}
/* Standardschrift */
body,td,th,p,a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#000000;
}
a:hover {
	color: #FF9900;	
}
p, h1, h2, h3, h4 {
}
h1 {
	font-weight:bold;
	font-size: 11px;
}
h2 {
	font-weight:bold;
	font-size: 11px;
}
h3 {
	font-weight:bold;
	font-size: 11px;
}
h4 {
	font-weight:bold;
	font-size: 11px;
}
ul {
	list-style: square;
	margin-left:20px; 
	font-size:11px;
}
li {
	margin-left:0px; 
}

a {
	color:#000000; 
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}

a.inline {
	color:#000000;
	text-decoration:underline;	
}
a.inline:hover {
	text-decoration:underline;
}
a.print {
   background:url('../_images/icn_drucken.gif') center left no-repeat;	
   color: #264B61;
	padding-left:24px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
}
a.print:hover {
	text-decoration:underline;
}

acronym {
	cursor: help;
}
strong {
   color:#000000;
	font-weight: bold;
}

.color {
	color: #FF9900;
}

.trenner {
	height:8px;	
}




/* 
**************************************

Seiten-Bereiche

**************************************
*/

#main {
	width:982px;
	background-color: #ee7f01;	

}

#pagecanvas {
	background-color: #FFFFFF;
	padding-bottom:30px;
}

#contentcanvas {
	padding-left:8px;
	padding-bottom:8px;	
}

#head {  
   display:none;
}




/* 
**************************************

Navigation: Top-Navigation (Nav1)

**************************************
*/

.nav {
   display:none;
   /*
	padding-top:8px;
	background-color:#F08D1D; 
	letter-spacing: 1px;		
	*/
}

.nav1 {
   display:none;
}


/* 
**************************************

Navigation: Sub-Navigation (Nav2)

**************************************
*/

.nav2 {
   display:none;
}


/* 
**************************************

Navigation: Sub-Navigation (Nav3)

**************************************
*/

.nav3 {
   display:none;
}



/* 
**************************************

Locator 

**************************************
*/

.locator {
	font-size:10px;
	color: #666666;
	height:20px;
}
.locator a {
	color: #666666;
}
.locator a:hover {
	color: #333333;
}



/* 
**************************************

Meta-Navigation

**************************************
*/

.metaNav {
   display:none;
}


/* 
Footer
*********************************
*/

.footer {
   display:none;
}
.footer a {
	color:#CACACA;
	text-decoration:underline;
}




/* 
Styles Homepage + Übersichtsseiten
*************************************************
*/

.edge {
}


/* ************** Kopfbereich Übersicht ************** */
.overviewHead {
	height:50px;
	width:782px;
}
.overviewHead img.h1 {
	padding-top:14px;
	padding-left:14px;
}


/* ************** Grosse Box 2-spalten/1-zeile ************** */
.overviewBox1 {
	width:387px;
	height:412px;
	letter-spacing:1px;	
}
.overviewBox1Inner {
	padding:14px;
}

.overviewBox1 p {
	color:#000000; 
}
.overviewBox1 a {
	text-decoration:none;
}
.overviewBox1 a:hover {
	text-decoration:underline;	
}

/* ************** Box 2-spalten/2-zeile ************** */
.overviewBox2 {
	width:387px;
	height:202px;
	background-color:#F29F41;
	letter-spacing:1px;	
}
.overviewBox2Inner {
	padding:14px;
}
.overviewBox2 p {
	color:#000000; 
}
.overviewBox2 a {
	text-decoration:none;
}
.overviewBox2 a:hover {
	text-decoration:underline;	
}

/* ************** Box 3-spalten/1-zeile ************** */
.overviewBox3 {
	width:253px;
	height:174px;
	letter-spacing:1px;	
}
.overviewBox3Inner {
	padding:14px;
}
.overviewBox3 p {
	color:#000000;
}
.overviewBox3 a {
	text-decoration:none;
}
.overviewBox3 a:hover {
	text-decoration:underline;	
}
.overviewBox3 img {
	padding-right:4px;
	padding-bottom:4px;
	padding-top:4px;
}

/* **************** Box 1-spalten/1-zeile *************** */

.overviewBox4 {
	height:174px;
	letter-spacing:1px;	
}

.overviewBox4Inner {
	padding:14px;
}

.overviewBox4 p {
	width:400px;
}





/* 
*********************************

Styles Detail-Seite

*********************************
*/

.detailCanvas {
	width:582px;
}
.detailCanvasInner {
	padding-left:24px;
	padding-right:40px;
	padding-bottom:96px;
	padding-top:16px;
}

.detailCanvas p.overline {
	color:#000000;
	padding-bottom:0px;
	margin-bottom:0px;
}

.detailCanvas h1 {
	color:#000000;
	text-transform: uppercase;
	font-size:12px;
	margin-bottom:20px;
}

.detailCanvas p {
	color:#000000;
	font-weight: bold;
	letter-spacing:0px;
	margin-bottom:12px;
}

.detailCanvas img.hl {
	margin-bottom:30px;
}

.detailCanvas img.detail {
	padding-right:16px;
	padding-bottom:16px;
	float:left;
}

.detailCanvas ul {
	margin-bottom:12px;	
}

.detailCanvas .detailFooter {
	margin-top:48px;
	
}


/* 

Container für TabbedPages 

*********************************** */

/* Container für eine TabbedPage PL */
.detailTabNav, .detailTabNavActive {
	height:24px;
	margin-right:2px;
}
.detailTabNavInner{
	padding:4px;
}
.detailTabNavActive {
}

.detailTabNav a, .detailTabNavActive a {
	text-decoration:none;
}
.detailTabNav a:hover, .detailTabNavActive a:hover {
	color:#FF9900;
	text-decoration:none;
}

.detailTabs {
	width:420px;
}
/* Container für eine TabbedPage PL */
.detailTab {
	/* display:none; */
}

/* detailTabInner */
.detailTabInner {
	padding-top:4px;
	padding-right:4px;
	padding-left:8px;	
}


/*
Infoboxen
**********************************
*/

.infoCanvas {	
	width:192px;
	text-align: left;
}
.infoCanvasInner {	
	padding-left:16px;
	padding-right:8px;
	padding-bottom:0px;
	padding-top:16px;
}

td.info {
}

.infoCanvas h1 {
	color:#000000;
	text-transform: uppercase;
	margin-bottom:8px;
}


.infoCanvas p {
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom:12px;
}


.infobox {
	width:190px;
	padding-top:6px;
	padding-bottom:6px;
}

.infoboxOuter {
	margin-bottom:12px;
	margin-left:3px;
}
.infobox p {
	font-weight:normal;
	padding-left:6px;
	padding-top:6px;
	padding-bottom:6px;
}
.infobox a {
	color: #000000;
}



.itembox {
	width:170px;
	padding-top:6px;
	padding-bottom:6px;
}
.itemboxOuter {
	margin-bottom:18px;
	margin-left:3px;
}
.itembox p {
	font-weight:normal;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #FFFFFF;	
}
.itembox a {
	text-decoration: none;
	color: #666666;
}
.itembox a:hover {
	text-decoration: underline;
}


/*
Anreisser-Boxen: Veranstaltungen
*******************************
*/
.partnerbox {
   width:170px;
   border: 1px solid #CCCCCC;
}

.partnerbox p {
	padding:6px;
	padding-top:12px;
}

.partnerbox a.link {
	background:url('../_images/icn_linkpartner.gif') center left no-repeat;
	text-decoration: none;
	color: #666666;
}
.partnerbox a:hover {
	text-decoration: underline;
	/*	color: #666666; */
}

.partnerboxHead h1 {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: #CCCCCC;	
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-bottom:0;
	
}




/* 
Styles Anfrage-Seite
*******************************
*/


.anfrageIntro {
	width:560px;
}


.anfrageIntro h1 {
	padding-top:10px;
	font-size:18px;
	font-weight: bold;
}

.anfrageIntro p {
	padding-bottom:5px;	
	font-size:11px;
}

.anfrage {
	padding-top:10px;
	width:400px;
}

.anfrage td {
	background-color:transparent;
}

.anfrage a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #666666;
}
.anfrage .activeLink {
	font-weight: bold;
}
.anfrage a:hover {
	text-decoration: underline;	
	color: #666666;
}	



/* 
Veranstaltungen
*******************************
*/

.startTerminBox {
	width:170px;
}

.overviewTerminBox {
	width:399px;
}


.terminItemBorder {
	border-left: 3px solid #FF9900;
	padding-left: 3px;
	margin-bottom: 6px;
}

.terminItem {
   background-color: #FFF7EA;	
	padding-top:4px;
	padding-bottom:4px;		
}

.terminItem .termin {
	
}

.terminItem .titel {
	font-weight: bold;	
}

.terminItem .ort {
	font-style: italic;		
}

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

.terminItem a {

}



/*

Veranstaltungen

*/

table.veranstaltungen {
	
}

table.veranstaltungen th {
	text-align:left;
}

table.veranstaltungen td {
	text-align:left;
	height:26px;
	border-bottom: 1px solid #FFFFFF;
}




table.download {

}

table.download td.preview {
	text-align:center;
	background-color:#FFFFFF;
}

table.download td p {
	padding:6px;
}


table.preise {
   margin-bottom:24px;
}
table.preise tr {



}
table.preise td {
	border-bottom:1px solid #FFFFFF;
	padding-bottom:12px;
	padding-top:12px;
   padding-right:12px;
}



/* Interaktive ContentItems (ic)
********************************** */

.ic {
	
}

.iclabel a {
	padding-left:24px;	
	background: url('../_images/icn_icitem-closed.gif') left no-repeat;	
	text-decoration: none;	
}

.icItem {
	display:none;
}