/*************************************************************/
/*   Design:  Bross (Screen)                                 */
/*   Author:  Synergy-Network                                */
/*   Web:     www.synergy-network.ch                         */
/*   Date:    Februar-28-2007                                */
/*************************************************************/

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

body {
	font-size: 62.5%;
	margin: 0px auto;
	padding: 0px;
	font-family: verdana, sans-serif;
	color: #FFFFFF;
	background-color: #040108;
}
.page-container-1 {
	width: 800px;
	margin: 20px auto 0px auto;
	padding: 0px;
	border: solid 1px #040108;
	height: 600px;
	background-image: url(../img/hp-bross.jpg);
}
.page-container-2 {
	width: 800px;
	margin: 20px auto 0px auto;
	padding: 0px;
	border: solid 1px #040108;
	height: 600px;
	background-image: url(../img/hp-bross2.jpg);
}
.page-container-3 {
	width: 800px;
	margin: 20px auto 0px auto;
	padding: 0px;
	border: solid 1px #040108;
	height: 600px;
	background-image: url(../img/hp-brossvideo.jpg);
}
.footer-container {
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 30px;
}

/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/

/*-----------------------------------*/
/* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/
.site-name {width: 300px; height: 45px; top: 18px; position: absolute; z-index: 4; overflow: hidden; margin: 0px; padding-left: 0px;}
.site-name a {margin: 0px; padding: 0px; text-decoration: none; color: none;}
.site-slogan-container  {
	top: 293px; 
	position: absolute;
	z-index: 1;
	width: 610px;
	height: 100px;
	overflow: hidden;
	margin: 0px;
	padding-right: 0px;
	padding-left: 146px;
	background-color: transparent;
}
.site-banner-container  {
	top: 153px;
	position: absolute;
	z-index: 1;
	width: 326px;
	height: 100px;
	overflow: hidden;
	margin: 0px;
	padding-right: 0px;
	padding-left: 235px;
	background-color: transparent;
	background-image: url(../img/rahmen-text.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#Layer1 {
	visibility: hidden;
}	
#Layer3 {
	visibility: hidden;
}	
#Layer5 {
	visibility: hidden;
}	
.site-banner2-container  {
	top: 154px;
	position: absolute;
	z-index: 1;
	width: 650px;
	height: 92px;
	overflow: hidden;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: transparent;
}
#Layer2 {
	visibility: visible;
}	

.site-slogan {
	width: 550px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: .2em;
	color: #FFFFFF;
}
/*--------------------------*/
/* 2.2 - Navigation - NEWS */
/*--------------------------*/
.nav0-container {
	width: 250px;
	top: 259px;
	position: absolute;
	z-index: 2;
	padding-left: 146px;
	background: transparent;
	left: 29px;
}
.nav0 {font-family: verdana, verdana, sans serif; color: #FFFFFF; font-size: 10px;}
.nav0 a {color: #FFFFFF; text-decoration: none; font-size: 10px;}
.nav0 a:hover {color: #999999; text-decoration: none;}

/*----------------------------*/
/* 2.3 - Navigation - NEWS    */
/*----------------------------*/
.navn-container {width: 240px; top: 260px; position: absolute; z-index: 2; padding-left: 148px; background: transparent;}
.navn {font-family: verdana, verdana, sans serif; color: #FFFFFF; font-size: 10px;}
.navn a {color: #FFFFFF; text-decoration: none; font-size: 10px;}
.navn a:hover {color: #999999; text-decoration: none;}

/*----------------------------*/
/* 2.3 - Navigation - SPRACHWAHL    */
/*----------------------------*/
.nav1-container {width: 200px; top: 260px; position: absolute; z-index: 2; padding-left: 423px; background: transparent;}
.nav1 {font-family: verdana, verdana, sans serif; color: #FFFFFF; font-size: 10px;}
.nav1 a {color: #FFFFFF; text-decoration: none; font-size: 10px;}
.nav1 a:hover {color: #999999; text-decoration: none;}

/*----------------------------*/
/* 2.5 - Navigation           */
/*----------------------------*/
.nav3 {width: 115px; top: 300px; position: absolute; z-index: 2; margin: 0px 0px 0px 10px; padding: 0px; color: #FFFFFF; font-size: 10px;}

.nav3-title a {
	display: block;
	width: 115px;
	height: 24px;
	padding: 6px 0px 0px 10px;
	background: url(../img/nav-1.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
}
.nav3-title a:hover {background-image: url(../img/nav-1-hoover.gif);}
.nav3-title-selected a {
	display: block;
	width: 115px;
	height: 24px;
	padding: 6px 0px 0px 10px;
	background: url(../img/nav-1-hoover.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	}
.nav3-group a {
	display: block;
	width: 93px;
	height: 24px;
	padding: 6px 0px 0px 5px;
	background: url(../img/nav-2.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 22px;
	}
.nav3-group a:hover {background-image: url(../img/nav-2-hoover.gif);}
.nav3-group-selected a {
	display: block;
	width: 93px;
	height: 24px;
	padding: 6px 0px 0px 5px;
	background: url(../img/nav-2-hoover.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 22px;
	}
.nav3fr-group a {
	display: block;
	width: 93px;
	height: 24px;
	padding: 1px 0px 4px 5px;
	background: url(../img/nav-2.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 22px;
	}
.nav3fr-group a:hover {background-image: url(../img/nav-2-hoover.gif);}
.nav3fr-group-selected a {
	display: block;
	width: 93px;
	height: 24px;
	padding: 1px 0px 4px 5px;
	background: url(../img/nav-2-hoover.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 22px;
	}

/*----------------------------*/
/* 2.5 - Navigation russisch           */
/*----------------------------*/
.nav3r {width: 125px; top: 300px; position: absolute; z-index: 2; margin: 0px 0px 0px 10px; padding: 0px; color: #FFFFFF; font-size: 10px;}

.nav3r-title a {
	display: block;
	width: 125px;
	height: 24px;
	padding: 6px 0px 0px 10px;
	background: url(../img/nav-1r.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
}
.nav3r-title a:hover {background-image: url(../img/nav-1r-hoover.gif);}
.nav3r-title-selected a {
	display: block;
	width: 125px;
	height: 24px;
	padding: 6px 0px 0px 10px;
	background: url(../img/nav-1r-hoover.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	}
.nav3r-group a {
	display: block;
	width: 103px;
	height: 24px;
	padding: 6px 0px 0px 5px;
	background: url(../img/nav-2r.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 22px;
	}
.nav3r-group a:hover {background-image: url(../img/nav-2r-hoover.gif);}
.nav3r-group-selected a {
	display: block;
	width: 103px;
	height: 24px;
	padding: 6px 0px 0px 5px;
	background: url(../img/nav-2r-hoover.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 22px;
	}
.nav3frr-group a {
	display: block;
	width: 103px;
	height: 24px;
	padding: 1px 0px 4px 5px;
	background: url(../img/nav-2r.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 22px;
	}
.nav3frr-group a:hover {background-image: url(../img/nav-2r-hoover.gif);}
.nav3frr-group-selected a {
	display: block;
	width: 103px;
	height: 24px;
	padding: 1px 0px 4px 5px;
	background: url(../img/nav-2r-hoover.gif) no-repeat;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 22px;
	}


/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
/******************************************************************************/

.bross-c-1 {width: 510px; top: 150px; position: absolute; z-index: 2; margin: 0px 0px 0px 235px; padding: 15px 15px 0px 15px; color: #FFFFFF; font-size: 10px;}
.bross-spot {width: 510px; top: 118px; position: absolute; z-index: 2; margin: 0px 0px 0px 235px; padding: 15px 15px 0px 15px; color: #FFFFFF; font-size: 10px;}
.bross-c-maintitle {color: #5F6C82; display: block; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 140%;}
.bross-c-subtitle {color: #5F6C82; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-weight: bold; font-size: 110%;}
.bross-c-subtitle a {color: #5F6C82; text-decoration: none;}
.bross-c-subtitle a:hover {color: #FF6600; text-decoration: none;}
.bross-c-text {color: #5F6C82; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 100%;}
.bross-c-text a {color: #5F6C82; text-decoration: underline;}
.bross-c-text a:hover {color: #FF6600; text-decoration: none;}
.bross-c-text a:active {color: #FF6600; text-decoration: none;}
.c-adola-1-pagetitle {overflow: hidden; width: 480px; margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; border-top: solid 1px #999999; color: #5F6C82; font-weight: bold; font-size: 180%;}
.bross-c-container {color: #5F6C82; clear: both; float: left; width: 510px; margin: 7px 0px 7px 0px; padding: 0px; font-size: 100%;}
.bross-c-3col-left {overflow: hidden; float: left; width: 155px; margin: 0px 15px 0px 0px; padding: 0px;}
.bross-c-3col-middle {overflow: hidden; float: left; width: 143px; margin: 0px; padding: 0px;}
.bross-c-3col-right {overflow: hidden; float: right; width: 143px; margin: 0px; padding: 0px;}
.bross-c-3col-middle-right {overflow: hidden; float: right; width: 334px; margin: 0px; padding: 0px;}
.c-adola-container-3-1-2col-left {overflow: hidden; float: left; width: 140px; margin: 0px 11px 0px 0px; padding: 0px;}
.c-adola-container-3-1-2col-right {overflow: hidden; float: right; width: 315px; margin: 0px; padding: 0px 0px 0px 10px; border-left: solid 1px #999999; font-size: 0.8em;}
.c-adola-container-4-2-2col-left {overflow: hidden; float: left; width: 110px; margin: 0px 10px 0px 0px; padding: 0px;}
.c-adola-container-4-2-2col-right {overflow: hidden; float: right; width: 110px; margin: 0px; padding: 0px 0px 0px 0px;}
.c-adola-txtbox-noshade2 {margin: 3px 0px 0px 0px; padding: 7px 2px 2px 2px; border-left: solid 1px #999999; border-top: solid 1px #999999; border-right: solid 1px #999999; border-bottom: solid 1px #999999; font-size: 0.8em;}
.c-adola-txtbox-sidebar-noshade {margin: 0px 0px 4px 0px; padding: 7px 2px 2px 10px; border-left: solid 1px #5F6C82; border-bottom: solid 1px #5F6C82; font-size: 0.8em;}
.c-adola-txtbox-sidebar-shade {margin: 0px 0px 4px 0px; padding: 7px 2px 2px 10px; border-left: solid 1px #5F6C82; border-bottom: solid 1px #5F6C82; font-size: 0.8em; background-color: #F8ECF0;}
.adola-sidebar-maintitle {display: block; height: 1.5em; margin: 0px 0px 0px 0px; font-weight: bold; font-size: 110%; padding: 3px 5px 4px 10px; color: #5F6C82; text-transform: uppercase; border-left-color: #999999; border-left-style: solid; border-left-width: 1px; background-image: url(../img/navi-passiv.jpg);}

	

/*********************************/
/* SECTION 6 - COMMON PARAMETERS */
/*********************************/

/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/

/* Titles and textboxes*/

.c-adola-txtbox-noshade1 {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);
	margin-left: 10px;
}
.c-adola-subtitle-noshade-size1 {margin: 0px; padding: 0px; color: #5F6C82; font-weight: bold; font-size: 110%;}
.c-adola-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255); font-size: 0.9em;}

/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraphs */
p {margin: 0px 0px 0.2em 0px; padding: 0px; line-height: 1.2em; font-family: verdana, sans serif;}

/* Quote */
p.quote {clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}

/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: verdana; font-size: 120%;}
ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/* Tables */
.table {
	clear: left;
	margin: 0.1em 0px 0.1em 0px;
	border: solid 1px rgb(150,150,150);
	empty-cells: show;
	border-collapse: collapse;
	background-color: rgb(233,232,244);
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 100%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 100%; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 100%;}

/* Images */
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}


/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 800px; height: 30px; margin: 0px; padding: 0px 0px 0px 0px; background-color: #040108; color: #CCCCCC; font-size: 1em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/
.content1 a, .sidebar-txtbox-noshade a {color: rgb(75,75,75); text-decoration: underline;}
.content1 a:hover, .sidebar-txtbox-noshade a:hover {color: rgb(0,0,0); text-decoration: none;}
.content1 a:visited, .sidebar-txtbox-noshade a:visited {color: rgb(150,150,150);}
.footer a {color: #CCCCCC; text-decoration: underline;}
.footer a:hover {color: #999999; text-decoration: none;}

/*******************************/
/* SECTION 7 - GENERIC CLASSES */
/*******************************/

/*----------------------------*/
/* 7.1 - Title decoration box */
/*----------------------------*/
.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0px 0.2em 0px 0.3em;}
.box-off {display: none;}

/*-----------------------------*/
/* 7.2 - Horizontal alignments */
/*-----------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*------------------*/
/* 7.3  Text colors */
/*------------------*/
.txt-white {color: rgb(255,255,255);}
.txt-black {color: rgb(0,0,0);}

/*-------------------------*/
/* 7.4 - Background colors */
/*-------------------------*/
.bg-white {background-color: rgb(255,255,255);}
.bg-black {background-color: rgb(0,0,0);}

/*---------------------------*/
/* 7.5  Bottom border colors */
/*---------------------------*/
.line-box {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 7px; margin: 0px 0px 7px 0px;}

.line-white {border-bottom: solid 1px rgb(255,255,255); padding-bottom: 2px; margin: 0px 0px 1px 0px;}
.line-black {border-bottom: solid 1px rgb(0,0,0); padding-bottom: 2px; margin: 0px 0px 1px 0px;}



/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}

#bross-spotinfo {width: 115px; top: 500px; position: absolute; z-index: 4; margin: 0px 0px 0px 10px; padding: 0px; color: #FFFFFF; font-size: 10px;}
}
#bross-spotinfomore {
	width: 200px;
	top: 500px;
	position: absolute;
	z-index: 3;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 10px;
	visibility: hidden;
}
/*----------------------------*/
/* 2.3 - Navigation - SPOT    */
/*----------------------------*/
.spotmore-container {
	width: 200px;
	top: 495px;
	position: absolute;
	z-index: 3;
	padding-left: 20px;
	background: transparent;
	visibility: hidden;
}
.spotmore {font-family: verdana, verdana, sans serif; color: #FFFFFF; font-size: 10px;}
.spotmore a {color: #FFFFFF; text-decoration: none; font-size: 10px;}
.spotmore a:hover {color: #999999; text-decoration: none;}