/*************************************************************************************
Projekt: CMS für Volkshochschule Bern

Webtech AG
Lehnplatz 10, 6460 Altdorf, Schweiz
Tel. +41 (0)41 874 30 30, E-Mail mail[at]webtech[dot]ch
All rights reserved, all graphics copyrighted.
**************************************************************************************/



/* Main ******************************************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 100.00%;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	overflow:-moz-scrollbars-vertical; /* Seitwärtsverschiebung im Firefox verhindern */
	padding-bottom: 30px;
}

a:link    { color: red }     /* noch nicht besuchter Link */
a:visited { color: blue }    /* schon besuchter Link   */   
a:hover   { color: lime} 	   /* Benutzer 'hovert'     */    
a:active  { color: lime }    /* Link wird ausgewählt   */
/* Main end **************************************************************************/ 



/* Page *******************************************************************************/
#page {
	float: left;
	width: 968px;
	background-image: url(img/page_bgr.gif);
	background-repeat: repeat-y;
}
/* Page end ***************************************************************************/



/* siteLeft ***************************************************************************/
#siteLeft {
	float: left;
	width: 183px;
}
/* siteLeft end ***********************************************************************/



/* siteCenter ************************************************************************/
#siteCenter {
	float: left;
	width: 562px;
}
/* siteCenter end ********************************************************************/


/* siteRight *************************************************************************/
#siteRight {
	float: left;
	width: 223px;
}
/* siteRight end *********************************************************************/



/* Address ***************************************************************************/
#address{
	float: left;
	width: 100%;
	height: 108px;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 0.65em;
	padding-top: 24px;
}

#address p{
	padding-left: 14px;
}

#address a {
	color: #666666;
	text-decoration: none;
}

#address a:hover{
	color: #E53B20;
	text-decoration: none;
}
/* Address end ************************************************************************/



/* Main nav ***************************************************************************/
#navMain {
	float: left;
	width: 183px;
	_width: 180px; /* Bugfix IE6 */
	font-size: 1em;
	/*letter-spacing: 1px;*/
	padding-top: 0px;
}

/* Level 1 - vertical */
#navMain ul {
	list-style-type: none;
}

#navMain ul li {
}

#navMain a {
	color: #FFFFFF;
	font-size: 0.8em;
	display: block;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
	font-weight: bold;
	background-position: bottom;
	background-image: url(img/naviMain_bottom_bgr.gif);
	background-repeat: repeat-x;
}

#navMain ul li a:hover {
	color: #333333;
}

#navMain ul li a.active, #navMain ul li a.active:visited {
	/*background-image: none;*/
}

/* Level 2. - vertical */
#navMain ul ul {
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
}

#navMain ul ul li {
	list-style: none;
	display: inline;  /*Damit IE kein Abstand mehr macht!!! */
}

#navMain ul ul li a {
	color: #333333;
	background-color: #FFFFFF;
	font-size: 0.75em;
	font-weight: normal;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: none;
}

#navMain ul ul li a:hover {
	color: #E53B20;
	background-color: #FFFFFF;
	font-weight: normal;
}

#navMain ul ul li a.active:link, #navMain ul ul li a.active:visited {
	color: #E53B20;
	background-color: #FFFFFF;
	font-weight: bold;
}
/* Main nav end ***********************************************************************/



/* addLinks ***************************************************************************/
#addLinksSpacer {
	float: left;
	width: 15px;
	height: 10px;
}

#addLinks {
	float: left;
	width: 168px;
	color: #FFFFFF;
	font-size: .7em;
	padding-top: 55px;
}

#addLinks p {
	color: #FFFFFF;
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 14px;
}

#addLinks a {
	color: #FFFFFF;
	text-decoration: none;
}

#addLinks a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
/* addLinks end ***********************************************************************/



/* Header *****************************************************************************/
#header {
	float: left;
	width: 100%;
	height: 132px;
}
/* Header end *************************************************************************/



/* Logo *******************************************************************************/
#logo {
	float: left;
	width: 100%;
	height: 99px;
}	
/* Logo end ***************************************************************************/



/* navHelpSymb ************************************************************************/
#navHelpSymb {
	float: left;
	width: 80px;
	padding-top: 0px;
	padding-left: 37px;
	font-size: 0.7em;
	font-family: Verdana;
}

#navHelpSymb a img {
	vertical-align: baseline;
}

#navHelpSymb a {
	color: #333333;
	text-decoration: none;
	font-family: Arial;
}

#navHelpSymb a:hover {
	color: #E53B20;
	text-decoration: none;
}
/* navHelpSymb ************************************************************************/



/* addThis ****************************************************************************/
#addthis_area {
	float: left;
	width: 90px;
	padding-top: 3px;
}
/* addThis end ************************************************************************/



/* navHelp ****************************************************************************/
#navHelp {
	float: right;
	width: 300px;
	padding-top: 6px;
	padding-right: 30px;
	text-align: right;
	font-size: 0.7em;
	font-family: Verdana;
}

/* Level 1 - horizontal */
#navHelp ul {
	list-style-type: none;
}

#navHelp li {
	display: inline;
	color: #333333;
}

#navHelp a {
	color: #333333;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Arial;
}

#navHelp a:hover {
	color: #E53B20;
	text-decoration: none;
}

#navHelp ul li a.active, #navHelp ul li a.active:visited {
	/*color: #E53B20;
	font-weight: bold;*/
	text-decoration: none;
}
/* navHelp ****************************************************************************/



/* Content area ************************************************************************/
#contentSpacer {
	float: left;
	width: 37px;
	height: 555px;
}

#content {
	color: #333333;
	float: left;
	width: 495px;
	font-size: 0.75em;
	padding-top: 11px;
	background-image: url(img/content_bgr.gif);
	background-repeat: repeat-x;
}

#content h1 {
	color: #E53B20;
	margin-bottom: 15px;
	font-size: 1.4em;
	font-weight: bold;
}

#content h2 {
	color: #333333;
	/*margin-bottom: 10px;*/
	margin-bottom: 0px;
	font-size: 1em;
	font-weight: bold;
}

#content p {
	color: #333333;
	font-size: 1em;
	line-height: 1.25em;
	padding-bottom: 20px;
}

#content ul, #content ol {
	padding-left: 30px;
	margin-bottom: 15px;
	color: #333333;
}

#content ul {
	list-style-type: square;
}

#content ul li, #content ol li {
	padding-bottom: 4px;
}

#content a {
	color: #E53B20;
	text-decoration: none;
	font-weight: normal;
}

#content a:visited {
	color: #999999;
}

#content a:hover {
	color: #E53B20;
	text-decoration: underline;
	font-weight: normal; 
}

#content a.active:link, #content a.active:visited {
	color: #E53B20;
	text-decoration: underline;
	font-weight: normal; 
}

#content img {
	margin-bottom: 5px;
	/*border: 1px solid #333333;
	_border: 0;*/
}

/* LightBox mit Bildlegende */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin-top:-10px;
	font-size: 0.8em;
}


/* Formular Style */
.csc-mailform {
	border: none; /* Rand ausschalten */
	padding-bottom: 20px;
}

.csc-mailform-field label {
	float: left;
	clear: both;
	display: block;
	width: 190px;
	padding-left: 0px;
	margin-bottom: 2px;
}

.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
	font-family: Arial;
	font-size: 1em;
	margin-bottom: 10px;
	width: 235px;
}

.csc-mailform-field textarea {
	height: 100px;
}

.csc-mailform-check {
	width: auto !important;
}

.csc-mailform-radio {
	border: none;
}

#csc-mailform-radio {
	border: none;
}

csc-mailform-radio {
	border: none;
}

.csc-mailform-radio legend {
  display:none;
}

.csc-mailform-submit {	
	margin-top: 10px;
	margin-left: 190px; 
	/*clear: both;*/
	float: left;
	width: 100px !important;
}

.csc-mailform-reset {
	float: right !important;
	margin-top: 10px;
	margin-right: 65px;
	width: 100px !important;
}

/* Sitemap */
.csc-sitemap ul li a:link, .csc-sitemap ul li a:visited{
	text-decoration: none !important;
	border-bottom: none !important;
}

/* Suche-Style */
.tx-indexedsearch {
	color: #333333;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { 
	width:100px; 
	margin-left: 10px !important;
	margin-top: 2px;
	margin-bottom: 20px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { 
	width:150px; 
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 2px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox SELECT { 
	width:154px; 
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* Tabellen im Content */
#content .contenttable {
	width: 100%;
	border-collapse: collapse;
}

#content .contenttable tr {
}

#content .contenttable th, #content .contenttable td {
	padding-right: 15px;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
}

#content .contenttable th p, #content .contenttable td p {
	color: #4B4B4D;
	font-size: 1em;
	line-height: 1.2em;
	padding-top: 8px;
	padding-bottom: 3px;
}

/* Personen-Porträts */
.csc-frame-frame1{
	border: 0px solid #ccc;	
	width: 300px;
	float: left;
	margin-right: 15px;
	padding-bottom: 25px;
}
.csc-frame-rulerBefore{
	clear: both;
}
/* Content area end *******************************************************************/



/* Footer *****************************************************************************/
#footer {
	color: #FFFFFF;
	float: left;
	width: 562px;
}
/* Footer end *************************************************************************/



/* Copy *******************************************************************************/
#copy {
	float: left;
	width: 500px;
	padding-top: 35px;
	padding-left: 37px;
	padding-bottom: 2px;
	color: #999999;
	font-size: 0.65em;
}

#copy a {
	color: #999999;
	text-decoration: none;
}

#copy a:hover{
	color: #999999;
	text-decoration: underline;
}
/* Copy end ***************************************************************************/



/* Search *****************************************************************************/
#searchSpacer {
	float: left;
	width: 223px;
	height: 101px;
	background-color: #FFFFFF;
}

#search {
	float: left;
	width: 100%;
	color: #333333;
	background-color: #FFFFFF;
	padding-bottom: 9px;
}

#search .search_text {
	float: left;
	font-family: Arial;
	font-size: 0.7em;
	width: 135px;
	/*
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	vertical-align:middle;
	border: 1px solid #999999;
	padding: 3px;
	*/
	padding: 2px;
}

.search_submit_btn {
	float: right;
}
/* Search end *************************************************************************/



/* News *******************************************************************************/
#news {
	float: left;
	width: 223px;
	font-size: 1em;
}

#news h1 {
	color: #FFFFFF;
	background-color: #E53B20;
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}


#news_head {
	font-family: Verdana;
	float: left;
	width: 210px;
	padding-left: 13px;
	font-size: 0.7em;
}

#news_head ul {
	background-color: #CCCCCC;
	list-style-type: none;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-position: bottom;
	background-image: url(img/navNews_bottom_bgr.gif);
	background-repeat: repeat-x;
}

#news_head li {
	display: inline;
	color: #333333;
}

#news_head a {
	font-family: Arial;
	color: #333333;
	text-decoration: none;
}

#news_head a:hover {
	color: #E53B20;
}

#news_head ul li a.active, #news_head ul li a.active:visited {
	color: #E53B20;
	text-decoration: none;
	font-weight: normal;
}


#news_text {
	float: left;
	width: 210px;
	font-size: 0.75em;
	padding-left: 13px;
	padding-top: 10px;
}

#news_text h2 {
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

#news_text p {
	color: #333333;
	font-size: 1em;
	padding-bottom: 0px;
}

#news_text a {
	color: #E53B20;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 5px;
}

#news_text p a, #news_text .moreLink {
}

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

/* Aktuelle Kurse */
#courses_head {
	float: left;
	width: 210px;
	padding-left: 13px;
	font-size: 0.7em;
}

#courses_head h2 {
	color: #FFFFFF;
	background-color: #E53B20;
	font-size: 1em;
	font-weight: normal;
	padding-left: 9px;
	padding-top: 4px;
	padding-bottom: 3px;
}

#courses_text {
	float: left;
	width: 210px;
	font-size: 0.75em;
	padding-left: 13px;
	padding-top: 10px;
}

#courses_text h2 {
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

#courses_text p {
	color: #333333;
	font-size: 1em;
	padding-bottom: 10px;
}

#courses_text a {
	color: #E53B20;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 5px;
}

#courses_text p a {
	font-weight: normal;
}

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

/* News end ***************************************************************************/



/* start buttons **********************************************************************/
#start_button_spacer {
	padding-bottom: 8px;
}

.start_buttons {
	float: left;
}

.start_buttons img {
	border: none !important;
}
/* start buttons end ******************************************************************/



/* Special ****************************************************************************/
.clear {
	clear: both;
}

.hide { 
	display: none; 
}
/* Special end ************************************************************************/