/* ----------------------------------------------------------------- */
/*     CSS developed by Smartforce.ch                                */
/*     TQZ 0.1, Copyright 2005 by Smartforce.ch                      */
/*     border: 1px solid #9400d3;                                    */
/* ----------------------------------------------------------------- */

body{ text-align: center; margin: 30px 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background: #6a1118 url(../pics/bg_main.gif) repeat top; }
acronym{ border-bottom: 1px dotted #da8a8b; cursor: help; }
img { border: 0; margin: 0 auto; }
a{ text-decoration: none; color: white}
p{ margin: 0; padding: 0 0 10px;}
hr{ display:none;}

/* ----------------------------------------------------------------- */
/* MainDivision */
/* ----------------------------------------------------------------- */
#wrapper { margin: 0 auto; padding: 0; width: 750px; text-align: left;}
#contentwrapper{ background-color: #fff;  width: 722px; clear:both; padding: 15px;}
#contentwrapper img.headerpic{ padding-bottom: 15px; }
.spacer { clear: both; }
#contentbg-tile{ width: 720px; height: 100%; background: #fff url(../pics/bg_content.gif) repeat left; }

/* ----------------------------------------------------------------- */
/* TopNavigation */
/* ----------------------------------------------------------------- */
#topnav { background: #8a131b; width: 720px; height: 23px; margin: 0 15px;}
#topnav ul { list-style: none; margin: 0; padding: 0; }
#topnav li { float: left; margin: 0; padding: 0;  background-color: #8a131b; line-height: normal; text-indent: 0; font-size: 11px; font-weight: bold;}
#topnav li a { display: block; padding: 5px 18px 5px; text-decoration: none; white-space: nowrap;}
#topnav li a:hover{ background-color: #bd1a26;}
#topnav li.active a{ background-color: #c27b00; color: white;}
#topnav li.active a:hover{ color: #fff; }

/* ----------------------------------------------------------------- */
/* Sidebar */
/* ----------------------------------------------------------------- */
#sidebar{ width: 240px; padding: 15px; color: #6a1118; margin-left: 435px;}
html>body #sidebar{ margin-left: 450px;}

#sidebar ul { list-style: none; margin: 0 0 0 15px; padding: 0;}
html>body #sidebar ul { margin: 0;}

#sidebar li a { display: block; padding: 5px;}
#sidebar li a:hover{ background-color: #eac990; color: #8a131b;}

#sidebar li li a { margin: 0 0 0 5px; width: 195px; padding: 5px 0 5px 10px; background: url(../pics/sidebar_dot_leer.gif) no-repeat 0 50%;}
#sidebar li li a:hover{ background-color: #eac990; color: #8a131b; background: url(../pics/sidebar_dot_full.gif) no-repeat 0 50%;}
#sidebar li li a.active{ background-color: #c27b00; color: #8a131b; background: url(../pics/sidebar_dot_full.gif) no-repeat 0 50%;}
#sidebar li li a.active:hover{ background-color: #c27b00; color: #8a131b;}

html>body #sidebar li li a { margin: 0 0 0 20px; padding: 5px 0 5px 10px; background: url(../pics/sidebar_dot_leer.gif) no-repeat 0 50%;}
html>body #sidebar li li a:hover { margin: 0 0 0 20px; padding: 5px 0 5px 10px; background: url(../pics/sidebar_dot_full.gif) no-repeat 0 50%; color: #6a1118;}

#sidebar li a.active{ background-color: #eac990; color: #6a1118;}
#sidebar li a.active:hover{ background-color: #eac990; color: #c27b00 }
/*
	Der ganze Link soll klickbar sein im IE unter Win.
   http://www.positioniseverything.net/explorer/escape-floats.html
\*/
* html #sidebar a {width:100%; }

#sidebar h2 { font-size: small; padding: 5px; margin: 20px 0 0 10px;}
html>body #sidebar h2 { padding: 5px 0; margin-left: 0;}


#sidebar #subnav-link li a { background: url(../pics/sidebar_pfeil_extern.gif) no-repeat 0 50%; padding-left: 10px;}
#sidebar #subnav-link li a:hover{ color: #6a1118}
#sidebar #subnav-link li{ width: 220px; }
html>body #sidebar #subnav-link li{ width: 240px; }

#sidebar #subnav li.hilite { background:#6a1118; }


/* ----------------------------------------------------------------- */
/* Inhalt */
/* ----------------------------------------------------------------- */
#content{ float: left; width: 405px; padding: 15px; font-size: 12px; line-height: 1.7em; color: #77191f; /*border: solid black 1px;*//*border: solid black 1px;*/ }
/*#content h1{ font-size: 18px; color: #a12830;}*/
#content h2{ font-size: 18px; color: #a12830; }
#content h3{ font-size: 13px; padding-top: 10px; }
#content h3 em { font-size: 13px; font-weight:normal !important; font-style: normal; }
#content h4{ padding: 0; margin: 0; font-style: italic; font-weight: bold; color: #cd8b0d; }

#content blockquote{ margin: 20px 0; padding: 30px; color: #c27b00; background: url(../pics/quote_top.gif) no-repeat top left; }
#content #quote{ background: url(../pics/quote_end.gif) no-repeat right bottom; }
#content #author{ font-style: italic;}
#content dt{ font-weight: bold; }
#content dd{ margin-bottom: 10px; }
#content a{ color: #c27b00; text-decoration: none;}
#content a:hover{ color: #8a131b;  text-decoration: underline;}
/* PDF-Links */
#content a.pdf{ background: url(../pics/ico_pdf.gif) no-repeat 0 50%; padding-left: 13px; text-decoration: none;}

/* Hervorhebung im Text */
#content .box{ background: #fff8dc; color: #76181e; padding: 8px; margin: 10px 0 15px; }
#content .box h4{ font-style: normal; font-size: 11px; color: #a02830; }
#content .box p{ font-size: 10px; margin: 0; padding: 0;}

/* ----------------------------------------------------------------- */
/* BilderMatrix Tabelle */
/* ----------------------------------------------------------------- */
#matrix { margin:0; padding:0; border: 3px solid #f9eeb4;  border-collapse: collapse; border-spacing: 0;}
html>body #matrix { margin: 1px; }
#matrix tr td{ margin:0; padding:0; }
#matrix td{ background-color:#ebf2f6; }
#matrix a{ border:3px solid #f9eeb4; display: block;}
#matrix a:hover{ border:3px solid #fff;}
#matrix img{ vertical-align: bottom;}

/* ----------------------------------------------------------------- */
/* KursMatrix Tabelle */
/* ----------------------------------------------------------------- */
dl.liste { width:395px; background: #fcf6da; border-top: 2px solid #eac990;}
dl.liste dl{ margin:10px 20px; padding:0;}
dl.liste dt{ margin:2px; padding:0; font-size: 80%; font-style: italic; font-weight: normal;}
dl.liste dd{ margin:0; padding:0 0 4px 2px; border-bottom: 2px solid #eac990; font-size: 110%;}
dl.liste a{ color: #c27b00; padding: 0 0 0 10px; text-decoration: none; background: url(../pics/listen_pfeil.gif) no-repeat 0 50%;}
dl.liste a:hover{ color: #bd1a26;  text-decoration: none;}

/* ----------------------------------------------------------------- */
/* News liste */
/* ----------------------------------------------------------------- */
#newsliste { width:395px; background: #fcf6da;border-top: 2px solid #eac990;}
#newsliste dl { margin:10px 20px; padding:0;}
#newsliste dt{ margin:2px; padding:0 4px 0; font-style: italic; font-weight: normal;}
#newsliste dd{ margin:0; padding:4px; border-bottom: 2px solid #eac990;}
#newsliste dd h3{ margin:0; padding:0;}
#newsliste a{ color: #c27b00; padding: 0 0 0 10px; text-decoration: none; background: url(../pics/listen_pfeil.gif) no-repeat 0 50%;}
#newsliste a:hover{ color: #bd1a26;  text-decoration: none;}

/* ----------------------------------------------------------------- */
/* Shop Items */
/* ----------------------------------------------------------------- */
dl.shop {
	margin: 0;
	padding: 0;
	}
dl.shop dt {
	margin: 0;
	padding: 0;
	}
dl.shop dt a {
	float: left;
	display: block;
	margin: 10px 10px 20px 10px;
	padding: 2px;
	border: 1px solid transparent;
	background: #fff;
	}
dl.shop dt a img {
	float: left;
	}
dl.book dt a {
	border-color: #c27b00;
	}
dl.shop dt a:hover {
	padding: 0;
	border: 3px solid #c27b00;
	}
dl.shop dd {
	margin-left: 0px;
	padding: 0;
	}
dl.shop dd.title {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	}
dl.shop dd em {
	color: #888;
	font-style: italic;
	}
dl.shop dd input {
	float: right;
	margin: 10px;
	}
.shop-row {
	margin: 0 0 20px 0;
	}
.shop-row:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.shop-row dl.shop {
	float: left;
	width: 100%;
	margin: 0 5% 0 0;
	padding: 0;
	border: none;
	}
.shop-row dl.last {
	width: 100%;
	margin: 0;
	}

#content ol li { margin: 0 0 20px 0; }
#content ul li { margin: 0 0 1px 0; }


/* ----------------------------------------------------------------- */
/* Details fuer KursAnzeige und Aktuelles */
/* ----------------------------------------------------------------- */
#listedetails { width:395px; padding:4px; background: #fcf6da; border-top:2px solid #eac990; border-bottom:2px solid #eac990;}
#listedetails dl { float:right; margin:10px 20px; padding:0;}
#listedetails dt{ float:left; width:100px;margin:0; padding:0;}
#listedetails dd{ margin:0 0 0 100px; padding:0 0 4px 0;}


/* ----------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------- */
#footer { background: #8a131b; width: 700px; height: 15px; margin: 0 15px; font-size: 11px; color: #da8a8b; padding: 5px 11px;}

/* ----------------------------------------------------------------- */
/* Leftright */
/* ----------------------------------------------------------------- */
#leftright {margin:0; padding: 0; list-style: none;}
#leftright #left {float: left; margin:0;}
#leftright #right {float: right; margin:0;}

/* ----------------------------------------------------------------- */
/* Forms */
/* ----------------------------------------------------------------- */
/*
form { color: #2d5d68 }
form #formleft{ float:left; width:46%; padding: 5px;  background-color: #ffc;  }
form #formright{ float:left; width:46%; padding: 5px;  background-color: #cf9; }
form fieldset{ border: 0; margin: 5px 0; padding: 5px;}
form h3{ margin: 0; padding: 0; background:; font-weight: bold; color: #2d5d68;}
form label, input, select, textarea {width: 180px;}
form label{ margin: 5px 0 0 0; font-style: italic;}
*/

form fieldset{ border: 0; margin: 0; padding: 0;}
#content form dt{ color: #6a1118; margin: 0;}
form dt{ padding: 4px; margin: 0; border-top: 4px solid #f9eeb4; font-weight: bold; background: #fcf6da; }
form dd{ padding: 4px; margin: 0; background: #fcf6da;}
form dl { padding: 0 0 5px 0; background: #fcf6da;}