@charset "utf-8";
/*
 *****************************************************************************************************************************************************
 * CSS-Datei Webseite Weinintensiv
 * 
 * @link http://www.weinintensiv.de
 * @version: 2.0
 * @author: Denis Duhme, Christian Schmitz
 * 
 * *****************************************************************************************************************************************************
 * Klassendefinitionen
 */
body {
	margin: 0;
	background-color: #f5f5f5;
	overflow-y: scroll;
	text-align: left;
}
* {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #696969;
}
/***************************************************************************************************************************************************
 * @section: Schrift-Formatierung *****************************************************************************************************************************************************
 * @section: Überschriften
 *
 */
h1 { 
	font-size: 14pt;
	color: #993333;
	margin: 0;
	padding: 15px 0 10px 0;
}
h2 {
	font-size: 10pt;
	font-weight: bold;
	color: #696969;
	margin-bottom: 10px;
}
h3 {
	font-size: 10pt; 
	font-weight: bold;
	margin-top: 20px;
	color: #0060aa;
}
h2.seminarthemen {
	color: #993333;
	background-color: #f5f5f5;
	padding: 5px;
}
/**
 * @section: Allgemeine Formatierungen
 */
.fett { font-weight:bold; }
.fett-klein { font-size: 8pt; font-weight:bold; }
p.seminar { 
	white-space: normal; 
	line-height: 1.5em;
}
p.weinintensiv { 
	white-space: normal; 
	line-height: 1.5em;
}
.img-rechts { float: right; margin: 0 10px 20px 35px; }
/**
 * @section: Aufzaehlungen
 */
ul#seminar { 
	list-style-image: url(../images/Aufzaehlzeichen.png);
	line-height: 1.5em;
}
ul#verweis { 
	list-style-image: url(../images/Pfeil.png);
	line-height: 1.5em;
}
/****************************************************************************************************************************************************
 * @section: Container, der die ganze Seite umfasst
 ****************************************************************************************************************************************************
 */
div#seite {
	width: 950px;
	margin: 0;
	padding: 0;
	background-color: #ececec;
	border: none;
}
/****************************************************************************************************************************************************
 * @section: Container fuer die Seitenelemente
 ****************************************************************************************************************************************************
 */
div#kopfzeile {
	color: #ffffff;
	margin: 0;
	padding: 0;
	height: 140px;
	background-image: url(../images/Kopfzeile.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
}
div#navigation-top {
	color: #ffffff;
	margin: 0;
	padding: 10px;
	background-color: #993333;
	border: none;
}
div#navigation-left {
	float: left;
	width: 210px;
	margin: 0;
	padding-top: 15px;
}
div#inhaltsbereich {
	color: #969696;
	margin-left: 210px;
	padding: 20px 20px 20px 30px;
	background-color: #ffffff;
	border: none;
}
div#navigation-bottom {
	clear: both;
	color: #ffffff;
	margin: 0;
	padding: 10px;
	font-size: 8pt;
	background-color: #696969;
	border: none;
	text-align: center;
}
div#fusszeile {
	clear: both;
	margin-bottom: 50px;
	padding: 10px;
	font-size: 8pt;
	color: #696969;
	background-color: #f5f5f5;
	text-align: center;
}
/****************************************************************************************************************************************************
 * @section: Tabellen und Container für den Inhaltsbereich *****************************************************************************************************************************************************
 * @section: Container fuer die Kurzbeschreibung
 */
div#kurzbeschreibung {
	width: 280px; height: 250px;
	text-align: left;
	padding: 0px 10px 0px 20px;
	margin-left: 375px;
	margin-bottom: 20px;
}
/**
 * @section: Tabelle zur Ausrichtung "unten" der Kurzbeschreibung
 */
td.unten {
	height: 250px;
	vertical-align: bottom;
	border: 0;
	cellpadding: 0;
	cellspacing: 0;
}
/**
 * @section: Container fuer die Visualisierung neben der Kurzbeschreibung
 */
div#keyfoto {
	float: left;
	width: 375px; height: 250px;
	margin-bottom: 20px;
	padding: 0;
}
/**
 * @section: Container fuer den Seminar-Inhalt sowie die Seminar-Leistungen
 */
div#inhalt {
	clear:both;
	background-color: #f5f5f5;
	padding: 10px 10px 0px 10px;
	border-top: 1px dotted #993333;
	border-bottom: 1px dotted #993333;
}
div#inhalt h2 {
	color: #993333;
}
/**
 * @section: Tabellen Leistungsübersicht/Termine
 */
table.leistung {
	border-collapse: collapse;
	text-align: center;
	margin: 5px;
}
th.leistung {
	border: 1px solid #C0C0C0;
	background-color: #dcdcdc;
	padding:5px;
	font-weight:bold;
}
th.termin {
	background-color: #ffffff;
	border-bottom: 3px double #c0c0c0;
	padding:5px;
	font-weight:bold;
}
td.leistung {
	border: 1px solid #C0C0C0;
	padding:5px;
}
tr.schatten {
	background-color: #f5f5f5;
}
/**
 * @section: Tabelle zur Seminarübersicht Basis/Aufbau
 */
table.seminaruebersicht {
	border-collapse: separate;
	border-spacing: 5pt;
	text-align: right;
	border: none;
	empty-cells:hide;
}
td.seminarzelle {
	border: 1px dotted #C0C0C0;
	padding: 10px;
	width: 220px;
}
col#col1 { width: 150px; text-align: left; }
col#col2 { width: 300px; text-align: left; }
col#col3 { width: 300px; text-align: left; }
col#col4 { width: 150px; text-align: right; }
.links {
	text-align: left;
}
/****************************************************************************************************************************************************
 * @section: Links ***************************************************************************************************************************************************** @section: Allgemeine Links auf der Seite
 */
a:link { color:	#993333; text-decoration: none; }
a:visited { color: #993333; text-decoration: none; }
a:hover { color: #993333; text-decoration: underline; }
a:active { color: #993333; text-decoration: underline; }
/** 
 *@section: Hauptnavigation
 */
 a.hauptnavigation {
	color: #ffffff;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	font-weight: normal;
}
a.hauptnavigation:link { }
a.hauptnavigation:visited { }
a.hauptnavigation:hover { text-decoration: underline; }
a.hauptnavigation:active { text-decoration: underline; }
/**
 * @section: Klasse fuer aktive Punkte der Hauptnavigation
 */
.hauptnavigation-aktiv {
	color: #ffffff;
	padding: 2px 10px 2px 10px;
	text-decoration: underline;
	font-weight: normal;
}
/**
 * @section: Navigation-Left (Seminarmenü)
 */
.seminarmenue-container {
	width: 170px;
	margin: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #c0c0c0;
}
.seminarmenue-fragen {
	width: 170px;
	margin: 20px;
}
a.seminarmenue {
	display: block;
	padding: 2px 10px 2px 10px;
	border-left: 5px solid #ececec;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}
a.seminarmenue:link { color: #993333; }
a.seminarmenue:visited { color: #993333; }
a.seminarmenue:hover { color: #993333; border-left: 5px solid #993333; text-decoration: none; }
a.seminarmenue:active { color: #993333; border-left: 5px solid #993333; text-decoration: none; }
/**
 * @section: Klasse fuer aktive Punkte der Navigation-Left (Seminarmenü)
 */
.seminarmenue-aktiv{
	display: block;
	padding: 2px 10px 2px 10px;
	border-left: 5px solid #993333;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}
/** 
 *@section: Weinkompakt bestellen
 */
 a.weinkompakt {
	color: #993333;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	font-weight: bold;
}
a.weinkompakt:link { }
a.weinkompakt:visited { }
a.weinkompakt:hover { text-decoration: underline; }
a.weinkompakt:active { text-decoration: underline; }
/**
 * @section: Navigation-Bottom
 */
a.navigation-bottom {
	padding: 2px 10px 2px 10px;
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
}
a.navigation-bottom:hover { text-decoration: underline; }
a.navigation-bottom:active { text-decoration: underline; }