/* ----------------------------------------------------------------
	www.kcr-online.ch Standard CSS
	Autor: Mario Luginbühl
	Version: 2004.12.13
	Allg. Formatierungen, Layout,...
---------------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: center;
}

img {
	border: 0;
}

img.gallerythumb {
	border: 1px solid #FFFFFF;
}

	
/* Main-Container
------------------------------------------------- */

#main {
	position: relative;
	border-left: 1px solid #868686;
	border-right: 1px solid #868686;
	border-bottom: 1px solid #868686;
	width: 1100px;
	height: 817px;
	margin: 0 auto;
	top: -15px;
	z-index: 1;
	}

/* Headergrafiken
------------------------------------------------- */
#header {
	position:absolute;
	height: 150px;
	width:1098px;
	top:0px;
	left:0px;
	z-index: 2;
	}

#header #logo {
	position:absolute;
	background: #FFFFFF url(pics/tech/logo.gif) no-repeat;
	height: 100px;
	width:178px;
	top:10px;
	right: 40px;
	z-index: 3;
	}
#header #saclogo {
	position:absolute;
	top:25px;
	left: 10px;
	z-index: 3;
}
#header #balken {
	BACKGROUND: #666666; LEFT: 0px; WIDTH: 1100px; POSITION: absolute; TOP: 120px; HEIGHT: 25px; box-sizing: content-box
}

#header #balken #text {
	FONT-WEIGHT: bold! important; FONT-SIZE: 14px; Z-INDEX: 2; RIGHT: 55px; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; COLOR: #ffffff; POSITION: absolute; TOP: 5px; HEIGHT: 25px; TEXT-ALIGN: right; box-sizing: content-box
}
/*#header #text {
	position:absolute;
	height: 25px;
	width:1098px;
	background: #666666; /* #868686 
	top:120px;
	left: 0px;
	z-index: 3;
	padding-top: 5px;
	padding-right: 55px;
	text-align: right;
	font-size: 14px;
	font-weight: bold !important;
	color: #FFFFFF;
	}*/

/* Navi
------------------------------------------------- */
#navi {
	position: absolute;
	top: 145px;
	left: 0;
	width: 150px;
	height: 672px;
	text-align: left;
	border-right: 1px solid #868686;
	z-index: 3;
}

/*#navi p {
	position: relative;
	background: none;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}*/

#navi a {
	TOP: 30px;
	MARGIN-TOP: 10px;
	FONT-SIZE: 12px;
	LEFT: 10px;
	FLOAT: left;
	WIDTH: 150px;
	PADDING-TOP: 3px;
	POSITION: relative;
	HEIGHT: 20px;
	TEXT-DECORATION: none;
}
#navi a.hl {
	background: none !important;
	font-weight: bold !important;
}
#navi a.hul {
	width:150px;
	position: relative;
	font-size: 10px;
	height:12px;
	padding-top: 1px;
	MARGIN-TOP: 0px !important;
	left: 20px;
	
}
#navi a.hul:hover {
	background: #868686 ïmportant;
	color: #000;
	left: 0px !important;
	padding-left: 20px;
	width: 130px;
	
}

#navi a:link {
	background: none;
	color: #000;
	font-weight: normal;
}

#navi a:visited {
	background: none;
	color: #000;
	font-weight: normal;
}

#navi a:hover {
	background: #868686;
	color: #000;
	font-weight: normal;
	left: 0px !important;
	padding-left: 10px;
	width: 140px;
}

#navi a:active {
	background: none;
	color: #000;
	font-weight: normal;
}


/* Membernavi
------------------------------------------------- */
#member {
	background: none;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 150px;
	text-align: left;
	border: 0px solid #000000;
	border-top: 0px solid #868686;
	z-index: 4;
}
#member p {
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#member P.titel {

	FONT-SIZE: 14px; 
	LEFT: 10px; 
	WIDTH: 140px; 
	POSITION: relative; 
	TOP: 0px; 
	HEIGHT: 20px

}

#member P.line {

	BORDER-TOP: #868686 1px solid; 
	LEFT: 0px; 
	WIDTH: 150px; 
	POSITION: relative; 
	TOP: 0px; 
	HEIGHT: 1px

}
#member A {

	MARGIN-TOP: 0px; FONT-SIZE: 12px; LEFT: 10px; FLOAT: left; WIDTH: 150px; PADDING-TOP: 3px; POSITION: relative; TOP: 0px; HEIGHT: 20px; TEXT-DECORATION: none

}

#member A:hover {

	PADDING-LEFT: 10px; BACKGROUND: #868686; LEFT: 0px; WIDTH: 150px; COLOR: #000; POSITION: relative

}
/*#member p a {
	padding: 3px 10px 1px 10px;
	margin: 0;
	text-decoration: none;
	font-size: 12px;
	height:20px;
	width:150px;
}
/*#member p a:link,#member p a:visited, #member p a:active {
	color: #000;
}*/
/*#member p a:hover {
	background: #868686;
	color: #000;
}*/
#member p.logintxt {
	color: #FF0000;
	margin-left:10px;
}

/* Content
------------------------------------------------- */
#content {
	background: none;
	position: absolute;
	overflow:auto;
	top: 145px;
	left: 151px;
	width: 947px;
	height: 671px;
	text-align: center;
	z-index: 5;
	scrollbar-track-color : #FFFFFF; 
	scrollbar-base-color : #FFFFFF;
	scrollbar-arrow-color : #868686; 
	scrollbar-face-color : #EEEEEE;
	scrollbar-3dlight-color : #EEEEEE; 
	scrollbar-darkshadow-color : #EEEEEE; 
	scrollbar-highlight-color : #EEEEEE; 
	scrollbar-shadow-color : #EEEEEE;
}
#content #contenttable{
	position: relative;
	top: 10px;
	left: 0px;
	width: 898px;
	border: 1px;
}
#content .expandtable {
	position: relative;
	top: 0px;
	left: 10px;
	width: 898px;
	border: 0px;
}

#content .titel {
	padding: 3px 10px 1px 10px;
	background: #CCCCCC;
	font-size: 14px;
	height:20px;
}

#content .outline {
	border: 2px solid #CCCCCC;
	display: block;
}
#content #overview {
	background: #efefef;
	position: relative;
	top: 10px;
	left: 0px;
	width: 900px;
	text-align: left;
	border: 1px solid #000000;
	/*z-index: 5;*/
}
#titel {
	top: 0px;
	left: 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
#infoblock {
	background: #FFFFFF;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	padding: 5px;
}
#liste {
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
}
#home_pics {
	background: #GGGGGG;
	position: absolute;
	top: 200px;
	left: 0px;
}
#liste_overview {
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
}
#more {
	position: relative;
	bottom: 0px;
	left: 810px;
	width: 80px;
	text-align: right;
}
#more a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none !important;
}
#more a:hover {
	color: #999999;
}
#expand {
	position: relative;
	top: 5px;
	right: 55px;
	text-align: right;
}


#expand a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none !important;
}
#expand a:hover {
	color: #999999;
}

#aktuell {
	position: absolute;
	top: 0px;
	right: 5px;
	text-align: left;
	border: dashed 1px;
	width: 450px;
	height: 165px;
	scrollbar-track-color : #FFFFFF; 
	scrollbar-base-color : #FFFFFF;
	scrollbar-arrow-color : #868686; 
	scrollbar-face-color : #EEEEEE;
	scrollbar-3dlight-color : #EEEEEE; 
	scrollbar-darkshadow-color : #EEEEEE; 
	scrollbar-highlight-color : #EEEEEE; 
	scrollbar-shadow-color : #EEEEEE;
	overflow:auto;
}

#portrait {
	position: absolute;
	top: 40px;
	left: 10px;
	/*width: 900px;*/
	width: 920px;
	height: 622px;
	text-align: left;
}

#sidebar {
	position: absolute;
	top: 40px;
	right: 20px;
	width: 300px;
	height: 622px;
	text-align: right;
	z-index: 1;
}

#kontakt {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 600px;
	height: 622px;
	text-align: left;
}
#kontaktform {
	position: relative;
	top: 10px;
	left: 0px;
	width: 600px;
	text-align: left;
	border: solid 1px #868686;
}

#home_top_left {
	background: none;
	position: absolute;
	top: 40px;
	left: 10px;
	width: 200px;
	/*height: 667px;*/
	text-align: left;
	border: 0px solid #000000;
	/*z-index: 5;*/
}

#home_top_right {
	background: none;
	position: absolute;
	top: 40px;
	right: 10px;
	width: 700px;
	/*height: 667px;*/
	text-align: left;
	border: 0px solid #000000;
	/*z-index: 5;*/
}
#home_bottom {
	background: none;
	overflow:auto;
	position: absolute;
	top: 320px;
	left: 10px;
	width: 928px;
	height: 337px;
	text-align: left;
}
#programm_left {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 310px;
	height: 647px;
	text-align: left;
	border: 0px solid #000000;
}

#programm_right {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 600px;
	height: 600px;
	text-align: center;
	border: 0px solid #000000;
}

#transparent {
	background-color: black;
	opacity:.70;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;
	WIDTH: 600px; 
	Height: 200px;
	POSITION: absolute; 
	TOP: 200px;
	Left: 100px;
	text-align: center;
	BORDER: 1px solid #000000;   
}
#loading {
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	background-color: #FFFF66;
	WIDTH: 100px; 
	Height: 40px;
	POSITION: absolute; 
	TOP: 280px;
	Left: 350px;
	text-align: center;
	BORDER: 1px solid silver;
}
#loading_img
{
	POSITION: relative; 
	TOP: 3px;
}

#area
{
	position: relative;
	top: 10px;
	left: -76px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}



/* Textformatierung
------------------------------------------------- */
h1, h2, h3, h4, h5 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none !important;
}

a:hover {
	/*background: #FFEAAA;*/
	color: #868686;
}

h2, h3, h4 {
	color: #000000;
	text-transform: uppercase;
	/*width: 450px;*/
	letter-spacing: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	position:relative;
	left: 10px;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:10px;
}

h3 {
	font-size: 10px;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	font-size: 12px;
}
/* Spacer */
p.space {
	font-size: 12px;
	padding-top:10px;
}
.red {
	color: #FF0000;
}
.code {
	position: relative;
	top:-38px;
	left: 120px;
}
.codefalsch {
	position: relative;
	top:-38px;
	left: 120px;
	color: #FF0000;
}
img.imgcode {
	position:relative;
	top: 4px;
}
img.imgmail {
	position:relative;
	top: 1px;
}

a.edit {
	position:relative;
	top:0px;
	left:550px;
}

.contentbox {
	background-color: #CCCCCC;
	color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
}

td.tbl_header {
	background-color: #838383;
	color: #F8F8F8;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}

td.tbl_space {
	font-size: 4px;
}
td.tbl_inhalt {
	padding-left: 5px;
}
td.notourtxt {
	font-size: 12px;
}

A.memberbox {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none! important
}

input.read {
	background-color: #DFDFDF;
	font-color: #6D7BBA;
	border: 1px solid #C3C3C3;
}

textarea.read {
	background-color: #DFDFDF;
	font-color: #FFFFFF;
	border: 1px solid #C3C3C3;
}


/* Collapsmenu
--------------------------------------------------*/

/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: left;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #D4D4D4;
font-weight: bold;
border-top: 1px solid #0033FF;
border-left: 0px solid #0033FF;
border-right: 0px solid #0033FF;
padding: 3px;
text-align: left;
}

.eg-bar2{
background-color: none;
padding: 3px;
text-align: left;
}
.eg-bar-titel{
background-color: none;
padding: 3px;
text-align: left;
font-weight: bold;
font-size: 12px;
}
.eg-bar-titel-one{
background-color: none;
padding: 22px;
text-align: left;
font-weight: bold;
font-size: 12px;
}
.eg-bar-datum{
background-color: none;
padding: 0px;
text-align: left;
font-weight: normal;
font-size: 12px;
}
div.eg-bar{
width: 900px;
}
div.eg-bar2{
width: 900px;
}
div.icongroup1{
width: 900px;
}
.icongroup1{
background-color: none;
padding-left: 26px;
padding-top: 5px;
padding-bottom: 20px;
border-left: 0px solid #0033FF;
border-right: 0px solid #0033FF;

}

/* HIGHTSLIDE
------------------------------------------------- */

.highslide {
	cursor: url(pics/highslide/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid #FFFFFF;
}
.highslide:hover img {
	border: 1px solid #FFFFFF; /*868686*/
}

.highslide-image {
	border: 5px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
	text-align: left;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;

}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}

/* HINTBOX
***************************************/
#hintbox { /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: lightyellow;
	width: 150px; /*Default width of hint.*/ 
	padding: 0px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

.hintanchor { /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	margin: 3px 8px;
}
.hintanchor_adr { /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	margin: 0px;
}