/* Styles VHS-Site, akunz.ch */
/* Farben
	Text=#999999;
	DunkelGrŸn:#408000;
	Grau: #e6e6e6;
	grau2:#ccc;
	knalliges-grŸn:#acf952;
	helles GrŸn:#f2fee1;
*/

/**************************/
/*     allgemein     */
/**************************/
/* default font size*/

@import url(x-small.css);

/*  fŸr Netscape 4 safe font size */
body, div, p, th, td, li, dd	{
	font-family:	 Arial, Helvetica, sans-serif;
	font-size: 12px;
}

 * { margin: 0; padding: 0;}

html { height: 100%; font-size: 100.01%; }

body
{
	text-align: center;
	height: 100%;
	color: #191919;
	margin: 0px;
	background-color: #FFF;
	background-image: url(../images/hg_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: small;
	line-height: 160%;
}

h1,h2,h3,h4,h5,h6,div,ol,ul,li,dl,dt,dd,p,input,textarea,select 
{
margin:0;
padding:0;
text-align: left;
font-family: Arial,Verdana, Helvetica, sans-serif;
color: #191919;
}

ul,li {padding:0;margin:0; position:relative;}

ul{
padding-left:1.1em;
list-style-image: url(../images/bullet.gif);}
img, a img {border:0;}
p {margin-bottom:1em;}

h1
{   
	font-size: 1.5em;
	color: #999999;
	margin: 15px 0px 10px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 6px 0px 6px 0px;
}
h2
{   
	font-size: 1.2em;
	color: #999999;
	margin: 15px 0px 10px 0px;
}
h3
{   
	font-size: 1.0em;
	color: #999999;
	margin: 15px 0px 10px 0px;
}
a:link, a:visited{color:#00C; background-color:transparent;}
a:hover, a:active{
	color:#900;
	text-decoration:underline;
	background-color:#f2fee1;
	}

.rot
{
	color: #F03;
	font-weight: bold;
}
/**************************/
/*     Positionierung     */
/**************************/


#seite
{
	position: relative;
	text-align: left;
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	background-image: url(../images/hg_2sp.gif);
	background-repeat: repeat-y;
}

* html #seite {height:100%;} /*hack fŸr Explorer*/
#header
{
	background-color: #ffffff;
	color: #e6e6e6;
	margin: 0px;
	padding: 0px;
}

#searchbox
{
	display: absolute;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 0px;
}

#metanavi
{
	background-color: #999;
	color: #ffffff;
	text-align: right;
	height: 2em;
	padding-top: 2.1em;
	padding-right:20px;
}

#navi
{
	margin: 0px;
	background: #acf952;
	color: #004080;
	height: 2em;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px #7f7f7f solid;
	position: relative;
	z-index: 11;
}

#banner
{
	margin: 0px;
	padding: 0px;
	background-color: #f2fee1;
	color: #000080;
	text-align: left;
	height: 80px;
	overflow: hidden;
	z-index: 1;
}

/*
#logo
{   position: relative;
	float: left;
	width:122px;
	z-index: 1;

	margin-left:5px;
}
*/

#headbild
{
	/*
float:right;
	width:760px;
*/
	position: relative;
}

#rootline
{
	border-top: 1px #666666 solid;
	background-color: #acf952;
	color: #1b2562;
	font-weight: bold;
	height: 1.8em;
	padding-left: 18px;
	clear: left;
}

#container
{
    min-height:100%;
	margin: 0px;
	color: #191919;
}
#links
{position:relative;
	float: left;
	width: 197px;
	margin-top: 15px;
	border-top: 1px #ffffff solid;
}
#rechts { 
position:relative;
margin-left: 215px; 
height:1%;
}

/*
#innenlinks
{  
	float:left;
	width:700px;
  	margin: 0 20px 30px 0;

}
*/

#innenlinks {  
	float:left;
	width:700px;
  	margin: 0 0px 30px 0;
}


#nonFooter {
	position: relative;
	min-height: 100%;
	}
* html #nonFooter { height: 100%; }

#footer
{
	width: 960px;
	background-color: #999;
	height: 3em;
	color: #e6e6e6;
	text-align: center;
	font-size: 0.8em;
	padding-top: 0.5em;
	position: relative;
	margin: -3em auto 0 auto;
}
* html #footer { margin-top:-4em; }
.clear:after
{
	content: "clear";
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}


.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: 30px;
	font-size: 1px;
	line-height: 1px;
	}

/**************/
/* Navigation */
/**************/

/* Auszeichnung Metanavigation */

#metanavi a, #metanavi a:visited,#metanavi a:active { color: #ffffff; }
#metanavi a:hover { text-decoration: none; }

/***************************##***/
/* Subnavigation vertikal links */
/***************************##***/
#navcontainer ul
{
	margin-left: 0;
	padding: 0;
	list-style-type: none;
	list-style-image:none;
	background-color: #ededeb;
}

#navcontainer li a  
{
	display: block;
	color: #333333;
	width: 168px;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	border-left: 10px solid #acf952;
	font-weight: bold;
}
#navcontainer li li a 
{
	display: block;
	color: #333333;
	background-color: #f4fde4;
	width: 170px;
	padding: 3px 3px 3px 17px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	border-left: 8px solid #cccccc;
	font-weight: normal;
}
#navcontainer li a:hover, #navcontainer li a.current
{
	background-color: #ffffff;
	color: #333333;
	background-image: url(../images/pfeil_rechts.gif);
	background-repeat: no-repeat;
	background-position: 1px 50%;
}
#navcontainer li li a:hover, #navcontainer li li a.current
{
	background-color: #ffffff;
	color: #333333;
	background-image: url(../images/pfeil_rechts.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

/* Bug: "Disappearing List-Background Bug" */
* html ul { position: relative; }

.csc-textpic-caption{font-size:0.8em;}

/************************/
/* Sitemap formatieren */
/***********************/
.sitemap1 {
	font-size : 1em;
	color : #ffffff;
	margin-top : 5px;
	font-weight : bolder;
	margin-left : 0px;
	background-color: #efefef;	
}
.sitemap2 {
	font-size : 0.9em;
	color : #990000;
	margin-left : 20px;
}
.sitemap3 {
	font-size : 0.9em;
	color : #cc3300;
	margin-left : 40px;	
}
.sitemap4 {
	font-size : 0.9em;
	color : #003333;
	margin-left : 60px;
}
.csc-sitemap li {
	list-style-type: none;
}

/****************************/
/* Styles  plugin Kurstest */
/**************************/

div.user-kursanzeige-pi1,div.user-kurstest-pi1 {padding: 0 0px 0 0px;}
.user-kursanzeige-pi1-searchbox select {font-size:0.9em;}
.even { background-color: #f2fee1; }
.odd { background-color: none; }
.abgelaufen {color:#666;}
.abgelaufen a {color:#666;}
/*.header { background-color: #eee; }*/

/************************************/
/* Styles  Tabelle  Kurstest */
/**********************************/
.user-kurstest-pi1-listrow table, .user-kursanzeige-pi1-listrow table {
	width:100%;
	line-height:1.4em;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-bottom:4em;
}


.user-kurstest-pi1-listrow table th, .user-kursanzeige-pi1-listrow table th {
	background-color:#999;
	color:#fff;
	padding: 0.3em;
	border:1px solid #ccc;
}
.user-kurstest-pi1-listrow table th a:link, .user-kursanzeige-pi1-listrow table th a:link,
.user-kurstest-pi1-listrow table th a:visited, .user-kursanzeige-pi1-listrow table th a:visited{
	color:#fff;
}
.user-kurstest-pi1-listrow table td, .user-kursanzeige-pi1-listrow table td {
	padding: 0.3em;
	border:1px solid #ccc;
}

/* Kurse Einzelansicht*/
.user-kurstest-pi1-singleView table, .user-kursanzeige-pi1-singleView table{
width:100%;
	line-height:1em;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-bottom:2em;
}

.user-kurstest-pi1-singleView table th,  tr.header, .user-kursanzeige-pi1-singleView table th{
text-align: left;
background-color:#ccc;
	color:#fff;
	padding: 0.3em;
	border:1px solid #ccc;
}
.user-kurstest-pi1-singleView .kursleitung, .user-kursanzeige-pi1-singleView .kursleitung{
	color: #777;
}
.user-kurstest-pi1-singleView table td, .user-kursanzeige-pi1-singleView table td{
	padding: 0.3em;
	border:1px solid #ccc;
	line-height:1.5em;
}

.einzelkurs dd{color:#666;line-height: 1.5em;}
.einzelkurs dt{color:#111;line-height:1.5em;padding-bottom:0.8em;}

.einzelkurs dd.anmeldung,  dd.bestellen{color:#111;line-height:1.5em;padding-top:0.8em;}

/* Formulardaten */
form.kursanmeldung { 
	width: 400px;
	margin: 15px 0px; 
}
#person label {
	display: block;
	font-weight: bold;
}

.kursanmeldung fieldset
{
	border: 1px solid #dbd;
	background: #f2fee1;
	padding:15px;
}

.kursanmeldung legend
{
	font-weight: bold;
	font-size: 120%;
	color: #999;
	
}

.kursanmeldung textarea
{
	width: 340px;
	height: 80px;
	font-size:1.1em;

}
/**** Formulardaten fŸr t_content.mailform.20*/
label{
	display:inline;
	width:100px;
}
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:95%;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border: 1px solid #C0C0C0;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-submit {
color: #ffffff;
background-color: #C0C0C0;
border: 0px;
margin-top:15px;
}

/* ###########################
** ### Skiplink-Navigation ###
** ###########################
*/

.skip
{
	position: absolute;
	left: -1000em;
	width: 20em;
}
/* ###########################
** ### Tooltip links       ###
** ###########################
*/
div#info
{
	position: relative;
	text-align: left;

}
div#info a {
	text-decoration: none;
    color: black;
}

div#info a span {display: none;}

div#info a:hover span {
display: block;
   position: absolute; 
   top: 0px; 
   left: 480px; 
   width: 200px;
   padding: 5px; 
   margin: 10px; 
   z-index: 100;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   background: #EFFFD8;
	text-align: left;
	border:1px solid #CCC;
	text-decoration: none;
}

/*Styles fŸr Dateiliste (uploads)   */
.csc-uploads-fileName p {margin-bottom:0em;}

/*******************************************
* Styles fŸr Extension "tx_indexedsearch"
********************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:normal; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { color:#aaa; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { font-style: normal; padding:0 0.3em 0 0.3em; background:#f2fee1; border: 1px #ccd solid; }