/**************************************************************************************************
  Stylesheet für FinishWEB

  Allgemeine Definitionen
**************************************************************************************************/
body	{
	font-family:Arial, SunSans-Regular;
	margin:0px;
	}

p,td	{
	color:#000068;
	font-size:12px;
	}

p	{
	margin-bottom:0px;
	}

a	{
	color:#000068;
	text-decoration:underline;
	}

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


/**************************************************************************************************
  Layout   
**************************************************************************************************/
/* rahmen */
table.body {
	width:100%;
	height:600px;
}

	/* linke spalte */
	td.body-left {
		width:130px;
	}

	/* rechte spalte */
	td.body-right {
	}
		/* inhalt */
		td.body-content {
			padding-top:0px;
			padding-left:20px;
		}
			/* allgemeine infos */
			td.body-content p {
				margin-bottom: 12px;
			}
			td.body-content table {
				width:640px;
				margin-bottom: 12px;
			}
			td.body-content div {
				width:640px;
				margin-bottom: 12px;
			}
				/* nicht auf verschachtelungen vererben */
				td.body-content table table	{
					width:auto;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
				}
				td.body-content table div	{
					width:auto;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
				}
				td.body-content div div	{
					width:auto;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
				}
				td.body-content div table {
					width:auto;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
				}
				td.body-content table p {
					width:auto;
				}


/******************
menu 2
******************/
/* menü 1 oben */
table.menu1 {
	width:100%;
}
	table.menu1-top {
		margin-left:20px;
	}
	table.menu1-bottom {
	}

/* menü 2 links */
table.menu2 {
}


	/* ebene 1 */
	/****************************/
	/* menüpunkte */
	td.menu1    {
		color: #FFFFFF;
		font-size: 8pt;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		text-align:center;
	}
	td.menu1 a    {
		color: #FFFFFF;
		text-decoration: none;
	}
	td.menu1 a:hover    {
		color: #FFCC00;
	}
	/* menüpunkte ausgewählt */
	td.menusel1 a {
		color: #FFCC00;
	}
	/* hauptpunkte */
	td.mainpoints a	{
		color: #FFFFFF;
		font-size: 8pt;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		text-align:center;
		color: #FFFFFF;
	}
	td.mainpoints a:hover	{
		color: #FFCC00;
	}


	/* ebene 2 */
	/****************************/
	/* menüprefix */
	td.menuprefix2    {
		color: #FFFFFF;
		font-size: 10pt;
		text-decoration: none;
		padding-left:4px;
		padding-top: 4px;
		font-weight:normal;
	}
	/* menüprefix ausgewählt */
	td.menuprefixsel2 {
		color: #FFCC00;
	}
	/* menüpunkte */
	td.menu2    {
		color: #FFFFFF;
		padding-left: 2px;
		padding-top: 4px;
		font-size: 10pt;
		text-decoration: none;
		font-weight:normal;
	}
	td.menu2 a    {
		color: #FFFFFF;
		font-size: 10pt;
		text-decoration: none;
	}
	td.menu2 a:hover    {
		color: #FFCC00;
	}
	/* menüpunkte ausgewählt */
	td.menusel2 a {
		color: #FFCC00;
	}


	/* ebene 3 */
	/****************************/
	/* menüprefix */
	td.menuprefix3   {
		color: #FFFFFF;
		font-size: 10pt;
		text-decoration: none;
		font-weight:normal;
		padding-right: 0px;
		padding-top: 1px;
	}
	/* menüprefix ausgewählt */
	td.menuprefixsel3 {
		color: #FFCC00;
	}
	/* menüpunkte */
	td.menu3    {
		color: #FFFFFF;
		padding-left: 2px;
		padding-top: 1px;
		font-size: 10pt;
		text-decoration: none;
		font-weight:normal;
	}
	td.menu3 a    {
		color: #FFFFFF;
		font-size: 10pt;
		text-decoration: none;
	}
	td.menu3 a:hover    {
		color: #FFCC00;
	}
	/* menüpunkte ausgewählt */
	td.menusel3 a {
		color: #FFCC00;
	}


/******************
titel
******************/
/* allgemein */
table.tit {
	width: 100%;
	margin-top:4px;
}

	/* überschrift 1 (standard) */
	table.tit0 td {
		font-family: Comic Sans MS;
		font-size: 10pt;
		color: #000068;
		font-weight: bold;
	}
	/* überschrift 2 */
	table.tit1 td {
		font-style:italic;
	}


/******************
text
******************/
/* allgemein */
table.text  td {
	font-family: Arial , Helvetica , Geneva , Swiss , SunSans-Regular;
}


/******************
abschnitt
******************/
/* allgemein */
	table.paragraph	{
	}
	table.paragraph	td.txt p.tit	{
		font-weight:bold;
	}
	table.paragraph	td.txt	{
		line-height:17px;
	}
	table.paragraph	td.txt table	{
		border-collapse:collapse;
	}
	table.paragraph	td.txt img {
		margin-right: 5px;
	}


/******************
abstand
******************/
.space 	{
	margin-bottom:40px;
}
.space0	{
}


/******************
tabelle
******************/
/* allgemein */
	table.tab	{
		width:100%;
		border:none;
	}
	table.tab td {
		vertical-align:top;
		border:none;
		empty-cells:show;
	}
	table.tab td a img{
		border:none;
	}
	table.tab td a:hover {
	}
	table.tab td p {
		margin-bottom:0px;
	}
	/* titel */
	table.tab td.h	{
		padding-top:5px;
		padding-bottom:20px;

		background-color:#EEE;
		font-style:italic;
	}
	/* i0 */
	table.tab td.i0	{
		padding-left: 6px;
		padding-bottom:15px;
	}
	/* i1 */
	table.tab td.i1	{
		padding-left: 6px;
		padding-bottom:15px;
	}
	/* erste spalte */
	table.tab td.f {
		padding-left:0px;
	}
	/* abstand */
	td.separator {
		height:14px;
	}


/******************
bild
******************/
/* logo oben links */
td.body-left table.pic	{
	padding:0px 0px 0px 0px;
}

/* standard */
table.pic	{
	width:100%;
	/*padding-bottom:10px;*/
}
table.pic td	{
	vertical-align:top;
	padding:0px 0px 0px 0px;
}

/******************
link
******************/
/* allgemein */
	p.link	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 14px 0px;
	}


/******************
linkliste
******************/
/* allgemein */
	table.linklist-table	{
		width:100%;
	}
	table.linklist-table td	{
		vertical-align:bottom;
	}
	table.linklist-table td img	{
		vertical-align:bottom;

		padding-top:5px;
		padding-right:2px;
	}
	table.linklist-table td.title	{
		font-style:italic;
		padding-bottom:5px;
	}
	table.linklist-table td.item0	{
	}
	table.linklist-table td.item0 a	{
	}
	table.linklist-table td.item1	{
	}
	table.linklist-table td.item1 a	{
	}


/******************
formular zu email
******************/
/* allgemein */
	table.mail-tbl input         {
		width:175px;
		width:auto;
	}
	table.mail-tbl select       {
		font-size:10px;
		width:122px;
	}
	table.mail-tbl .frm-frm-but           {
		background-color:#000099;
		color:#FFFFFF;
	}
	table.mail-tbl td .mail-frm-tit        {
		font-weight:bold;
	}
	table.mail-tbl td {
		vertical-align:top;
		text-align:left; 
		width: 160px;
	}
	table.mail-tbl td img.mail-frm-cap-img {
		margin-right: 10px;
		float: left;
	}
	table.mail-tbl td input.mail-frm-cap {
		float: left;
		width: 60px;
	}
	table.mail-tbl .mail-frm-err { 
		color:red;
	}


/******************
news
******************/
	div.nw table	{
	}
	div.nw table.tab, 
	div.nw table.tab0 {
		width:100%;
		margin-bottom:20px;
	}
	div.nw table.tab td,
	div.nw table.tab0 td {
	}
	/* überschrift */
		div.nw table.tit td {
		}

	/* allgemein */
		/* titel */
		div.nw table.tab td.h	{
		}
		/* i0 */
		div.nw table.tab td.i0	{
		}
		/* i1 */
		div.nw table.tab td.i1	{
		}
		/* erste spalte */
		div.nw table.tab td.f {
		}
		/* abstand */
		div.nw td.separator {
			height:20px;
		}
		/* bilder */
		div.nw img {
			border:0px;
			vertical-align:bottom;
		}
	/* standard */
		div.nw table.tab0	{
		}
		/* titel */
		div.nw table.tab0 td.h	{
		}
		/* i0 */
		div.nw table.tab0 td.i0	{
		}
		/* i1 */
		div.nw table.tab0 td.i1	{
		}
		/* beitrag text */
			/*News-Titel*/
			div.nw td.style-1	{
				font-style:italic;
			}
			/*Datum& E-Mail*/
			div.nw td.style-2	{
				padding-bottom:5px;
			}
			/*Nachricht*/
			div.nw td.style-3	{
				width:100%;
			}
			/*URL*/
			div.nw td.style-4	{
			}
			/*Bild*/
			div.nw td.style-5	{
			}
			/*Schlagzeilen : einzelne Felder*/
			div.nw td	{
				vertical-align:top;
			}
			/*Schlagzeilen : "mehr >>"*/
			div.nw td.style-6 a {
			}


/******************
gästebuch
******************/
/* allgemein */
	div.gb table	{
		border-collapse:collapse;
	}
	/* überschrift */
		div.gb table.tit td {
			display:none;
		}

	/* beitrag schreiben */
		/* allgemein */
		div.gb form table table.box	{
			width:100%;
		}
		div.gb form table td	{
			vertical-align:top;
			padding-bottom:2px;
		}
		div.gb form table td .captcha	{
			vertical-align:top;
			padding-right:5px;
			padding-bottom:10px;
		}

		/* formular */
			/* input */
			div.gb input.frm-frm-txt {
			}
			/* Input-Felder */
			div.gb td.style-7	{
			}
			/* Input-Felder */
			div.gb td.style-7 textarea	{
			}
			/* Input-Text optional */
			div.gb td.style-8	{
				vertical-align: top;
			}
			/* Input-Text muss */
			div.gb td.style-9	{
				font-weight:bold;
				vertical-align: top;
			}
			/* link zurück zum gästebuch */
			div.gb p.link a{
			}

	/* anzeige */
		/* allgemein */
		div.gb table.text{
			width:100%;
		}
		div.gb table table.box td.box-rahmen	{
		}
		div.gb table table.box	{
			width:100%;
		}
		div.gb table.text table.box td.box-o {
			width:100%;
		}

		/* beitrag text */
			/* static-elemente */
			div.gb td.style-1	{		
				font-weight:bold;
			}
			/* absender */
			div.gb td.style-2	{
				font-weight:bold;
			}
			/* ort */
			div.gb td.style-3	{
				font-weight:bold;
			}
			/* eintrag titel */
			div.gb td.style-4	{
				font-weight:bold;
			}
			/* nachricht */
			div.gb td.style-5	{
			}
			/* datum */
			div.gb td.style-6	{
			}

		/* navigation */
		div.gb table.text0 td {
			text-align:left;
			vertical-align:middle;
		}  
		div.gb table.text0 td p {
		} 
		div.gb table.text0 td p img {
			border:0px;
			vertical-align:bottom;
		}


/******************
dateiliste
******************/
/* allgemein */
	table.filelist       {
		width:100%;
		border-collapse:collapse;
	} 
	table.filelist td.icon        {
		width:16px;
	}
	table.filelist td.file {
		padding-left:9px;

	}
	table.filelist td.date {
		text-align:right;
		width:75px;
	}
	table.filelist td.size {
		width:60px;
	}
	table.filelist td {
		empty-cells:show;
	}

	table.filelist td.i0 {
		background-color:#EEE;
	}
	table.filelist td.i1 {
	}


/******************
externes bild
******************/
/* allgemein */
	table.externalimage	{
		width:100%;
	}
	table.externalimage td	{
		text-align:center;
	}


/******************
galerie
******************/
/* allgemein */
	div.gallery	{  }
	div.gallery	table.gallery { width:100%; }

	div.gallery	table.gallery { border-collapse:collapse; clear:both; }
	div.gallery	table.gallery td { padding-right:5px; padding-bottom:5px; }
	div.gallery	table.gallery td.thumbnail { text-align:left; }
	div.gallery	table.gallery td.i0 {  }
	div.gallery	table.gallery td.i1 {  }

	div.gallery	table.gallery td.item { text-align:center; }

	div.gallery div.navigation { float:left; }
	div.gallery div.navigationitem { float:right; }
	div.gallery div.navigation     table.datanavigation { width: 80px; border-collapse:collapse; }
	div.gallery	div.navigation     table.datanavigation img { border:none; }
	div.gallery div.navigation     table.datanavigation td { text-align:center; padding-right: 5px; padding-bottom: 5px; }
	div.gallery div.navigation     table.datanavigation td.disabled {  }
	div.gallery div.navigation     table.datanavigation td.enabled {  }
	div.gallery div.navigation     table.datanavigation td.first {  }
	div.gallery div.navigationitem table.datanavigation td.first { display:none; }
	div.gallery div.navigationitem table.datanavigation td.previous { text-align:right; }
	div.gallery div.navigation	   table.datanavigation td.page {  }
	div.gallery div.navigation	   table.datanavigation td.selected {  }
	div.gallery div.navigationitem table.datanavigation td.next { text-align:right; }
	div.gallery	div.navigation	   table.datanavigation td.last {  }
	div.gallery	div.navigationitem table.datanavigation td.last { display:none; }

	body.gallerypopup { background-color:#FFFFFF; }
	body.gallerypopup div.navigation {  }
	body.gallerypopup div.navigation table.datanavigation { margin-left:auto; margin-right:auto; margin-bottom: 10px; border-collapse:collapse; }
	body.gallerypopup div.navigation table.datanavigation img{ border:none; }
	body.gallerypopup div.navigation table.datanavigation td { text-align:center; padding-right: 5px; padding-bottom: 5px; }
	body.gallerypopup div.navigation table.datanavigation td.disabled {  }
	body.gallerypopup div.navigation table.datanavigation td.enabled {  }
	body.gallerypopup div.navigation table.datanavigation td.first {  }
	body.gallerypopup div.navigation table.datanavigation td.page {  }
	body.gallerypopup div.navigation table.datanavigation td.selected { font-weight:bold; }
	body.gallerypopup div.navigation table.datanavigation td.last {  }

	body.gallerypopup #image {  }


/******************
animation
******************/
/* allgemein */
	table.animation	{
		width:100%;
		text-align:center;
	}


/******************
shop
******************/
/* allgemein */
	/* general */
	div.formshop table.formshop-art td{
		vertical-align:top;
	}
	div.formshop table.formshop-art td img{
		display:block;
	}
	div.formshop table.formshop-art input {
		width:50px;
	}
	div.formshop div.formshop-art-tit {
		font-weight:bold;
	}
	div.formshop tr.formshop-art-single	{
		margin-bottom:10px;
	}
	/* detail */
	.popup	{
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
	}
		.popup h1	{
			padding-left:5px;
			font-weight:bold;
			font-size:12px;
			color: #BA0000;
		}
		.popup table	{
			height:350px;
		}
		.popup table .popup-left	{
			vertical-align:top;
		}
		.popup table .popup-description	{
			vertical-align:top;
		}
		.popup table .popup-close	{
			vertical-align:bottom;
			font-weight:bold;
		}

	/* form */
	div.formshop div.formshop-frm	{
		padding-top:10px;
	}

	/* message */
	div.formshop .formshop-message	{
		margin-bottom:20px;
	}

	/* form txt above */
	div.formshop div.formshop-txt-above{
		margin-bottom:20px;
		font-weight:bold;
	}

	/* adress */
	div.formshop table.formshop-form-adress	{
	}

	/* payment */
	div.formshop div.formshop-txt-pay	{
		padding-top:20px;
		font-weight:bold;
	}
	div.formshop div.formshop-txt-tot{
	}

	div.formshop div.formshop-txt-but	{
		margin-top:20px;
	}

	div.formshop div.formshop-txt-below	{
		margin-top:20px;
		margin-bottom:20px;
	}
