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

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

body {
	font-size: 10px;
	margin: 0px auto;
	padding-left: 20px;
	font-family: verdana, sans-serif;
	color: #535353;
	background-color: #FFFFFF;
}
.lo-page-container-1 {
	width: 1024px;
	margin: 34px auto;
	padding: 0px;
	height: 670px;
}

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

/*-----------------------------------*/
/* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/
.lo-titelbereich {width: 800px; height: 150px; top: 25px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; padding-right: 0px; padding-left: 0px;}
.lo-titelbereich-container {width: 800px; height: 150px; top: 25px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; padding-right: 0px; padding-left: 0px; background-color: #504E53;}
#lo-logo-container {
	float: left;
	width: 125px;
	height: 88px;
	position: absolute;
	z-index: 2;
	overflow: hidden;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#lo-banner-rechts-container {
	width: 500px;
	height: 25px;
	position: absolute;
	z-index: 2;
	overflow: hidden;
	margin-left: 189px;
	margin-top: 66px;
	font-size: 18px;
}
.lo-banner-nav-container {float: left; width: 500px; height: 20px; top: 130px; position: absolute; z-index: 2; overflow: hidden; margin-left: 150px; padding-right: 0px; padding-left: 0px; background-color: #9CC281;}
.lo-banner-container {float: left; width: 500px; height: 150px; top: 0px; position: absolute; z-index: 1; overflow: hidden; margin-left: 150px; padding-right: 0px; padding-left: 0px; background-color: #DBE7D3;}
.lo-banner-top-container {float: left; width: 100px; height: 150px; top: 0px; position: absolute; z-index: 3; overflow: hidden; margin-left: 550px; padding-right: 0px; padding-left: 0px; background-color: #C3D7B5;}
.img-header {width: 500px; height: 150px; margin: 0px; padding: 0px;}

/*--------------------------*/
/* 2.2 - Navigation - Sprachwahl */
/*--------------------------*/
#lo-nav-container {
	width: 188px;
	top: 156px;
	position: absolute;
	z-index: 10;
	background-color: #dedede;
	height: 474px;
}
.lo-nav-tab-leer {
	line-height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 140%;
	text-decoration: none;
	z-index: 12;
	display: block;
	color: #535353;
}
.lo-nav-tab-group {
	line-height: 22px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 140%;
	text-decoration: none;
	z-index: 12;
	display: block;
	color: #535353;
}
.lo-nav-tab-group a {
	text-decoration: none;
	font-weight: normal;
	color: #535353;
	display: block;
}
.lo-nav-tab-group a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #535353;
	background-image: url(../images/LO-LOGO-tmb.gif);
	background-repeat: no-repeat;
}
.lo-nav-tab-groupaktiv {
	line-height: 22px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 140%;
	text-decoration: none;
	z-index: 12;
	display: block;
	color: #535353;
	background-image: url(../images/LO-LOGO-tmb.gif);
	background-repeat: no-repeat;
}
.lo-nav-tab-groupaktiv a {
	text-decoration: none;
	font-weight: normal;
	color: #535353;
	display: block;
	background-image: url(../images/LO-LOGO-tmb.gif);
	background-repeat: no-repeat;
}
.lo-nav-tab-groupaktiv a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #535353;
	background-image: url(../images/LO-LOGO-tmb.gif);
	background-repeat: no-repeat;
}



/*----------------------------*/
/* 2.3 - Navigation - bread    */
/*----------------------------*/
.bread-container {width: 450px; height: 16px; top: 92px; position: absolute; z-index: 4; overflow: hidden; margin: 0px; padding-left: 165px;}
.bread {margin: 0px; padding: 0px; font-family: verdana, verdana, sans serif; font-size: 1em; color: #999999; text-decoration: none;}
.bread a {margin: 0px; padding: 0px; font-family: verdana, verdana, sans serif; font-size: 1em; color: #999999; text-decoration: none;}
.bread a:hover {color: #666666; text-decoration: none;}

/*----------------------------*/
/* 2.5 - Navigation           */
/*----------------------------*/

.nav3-tab {width: 150px; height: 225px; overflow: hidden;  position: absolute; margin: 10px 0px 0px 0px; padding: 0px}	
.lo-tab-title a {margin: 0px 10px 0px 5px; padding: 0px 0px 0px 5px; font-weight: bold; font-size: 110%; text-transform: uppercase; border-left: solid 5px; border-left-color: #F5D0C9; border-bottom: solid 1px; border-bottom-color: #FF0000; display: block; color: #5F6C82; text-decoration: none; line-height: 18px; height: 18px;}
.lo-tab-title a:hover {border-left-color: #FF0000; border-bottom-color: #FF0000; text-decoration: none;}
.nav3-tab-title-selected a {margin: 0px 10px 0px 5px; padding: 0px 0px 0px 5px; font-weight: bold; font-size: 110%; text-transform: uppercase; border-left: solid 5px; border-left-color: #FF0000; border-bottom: solid 1px; border-bottom-color: #FF0000; display: block; color: #5F6C82; text-decoration: none; line-height: 18px; height: 18px;}
.lo-tab-pretitle {
	line-height: 15px;
	margin: 0px 0px 15px 0px;
	padding: 92px 15px 0px 10px;
	font-weight: 100;
	font-size: 140%;
	display: block;
	z-index: 12;
	text-decoration: underline;
}
.lo-tab-title {
	line-height: 15px;
	margin: 0px 0px 15px 0px;
	padding: 10px 5px 0px 10px;
	font-weight: 100;
	font-size: 200%;
	display: block;
	z-index: 12;
	color: #A8002B;
}
.lo-tab-title a {
	text-decoration: none;
}
.lo-tab-title a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #666666;
}
.lo-tab-text {
	line-height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 0px 10px;
	font-weight: normal;
	font-size: 110%;
	display: block;
	text-decoration: none;
	z-index: 12;
}
.lo-tab-text a {
	text-decoration: none;
}
.lo-tab-text a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #666666;
}
.lo-tab-impressum {
	line-height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 0px 10px;
	font-weight: normal;
	font-size: 110%;
	display: block;
	text-decoration: none;
	z-index: 12;
	overflow: auto;
}
.lo-tab-impressum a {
	text-decoration: none;
}
.lo-tab-impressum a:hover {
	text-decoration: none;
	color: #990033;
}
.lo-tab-group {
	line-height: 25px;
	margin: 10px 0px 0px 0px;
	padding: 0px 15px 0px 10px;
	font-weight: normal;
	font-size: 120%;
	display: block;
	text-decoration: none;
	z-index: 12;
	background-color: #EBEBEB;
}
.lo-tab-group a {
	text-decoration: none;
	font-weight: normal;
	display: block;
}
.lo-tab-group a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}
.lo-tab-links {
	line-height: 25px;
	margin: 10px 0px 0px 0px;
	padding: 0px 15px 0px 10px;
	font-weight: normal;
	font-size: 120%;
	text-decoration: none;
	z-index: 12;
	background-color: #EBEBEB;
}
.lo-tab-links a {
	text-decoration: none;
	font-weight: normal;
}
.lo-tab-links a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}
/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
/******************************************************************************/
#lo-content-container{
	width: 835px;
	top: 156px;
	position: absolute;
	z-index: 1;
	background-color: #FFFFFF;
	height: 474px;
	margin-left: 189px;
}
#lo-content-text-container{
	width: 294px;
	top: 156px;
	position: absolute;
	z-index: 10;
	height: 474px;
	margin-left: 295px;
	background-image: url(../images/HGTEXT.jpg);
	filter: alpha(opacity=75);
	moz-opacity:.75;
	opacity:.75;
  }

#lo-content-text{
	width: 294px;
	top: 176px;
	position: absolute;
	z-index: 11;
	height: 474px;
	margin-left: 295px;
  }
#lo-content-kontakt-container{
	width: 474px;
	top: 156px;
	position: absolute;
	z-index: 10;
	height: 474px;
	margin-left: 295px;
	background-image: url(../images/HGTEXT.jpg);
	filter: alpha(opacity=75);
	moz-opacity:.75;
	opacity:.75;
  }

#lo-content-kontakt{
	width: 474px;
	top: 176px;
	position: absolute;
	z-index: 11;
	height: 474px;
	margin-left: 295px;
  }

#lo-content-disclaimer{
	width: 444px;
	top: 156px;
	position: absolute;
	z-index: 11;
	height: 474px;
	margin-left: 295px;
	overflow: auto;
  }

.lo-navi-container {float: left; width: 150px; position: absolute; height: 425px; margin: 150px 0px 0px 0px; padding: 0px; color: #5F6C82; font-size: 100%; background-color: #F5D0C9;}
.lo-sitebar-container {float: right; width: 150px; position: absolute; height: 425px;  margin: 0px 0px 0px 0px; padding: 0px; background-color: #BBD5FF;}
.lo-footer-container {
	width: 500px;
	position: absolute;
	height: 30px;
	overflow: hidden;
	margin: 600px 0px 0px 150px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #504E53;
}


/*--------------------*/
/* 6.2 - Sidebar Area */
/*--------------------*/
.sidebar-title {color: #5F6C82; text-transform: uppercase; font-weight: bold; font-size: 110%;}
.sidebar-txtbox {line-height: 1.25em; color: #5F6C82; font-size: 94%;}
.sidebar-txtbox a {line-height: 1.25em; color: #5F6C82; font-weight: bold; font-size: 94%; text-decoration: none;}
.sidebar-txtbox a:hover {line-height: 1.25em; color: #E60106; font-weight: bold; font-size: 94%; text-decoration: none;}
.sidebar-txtbox p {line-height: 1.25em; color: #5F6C82; font-size: 94%;}


/*********************************/
/* SECTION 6 - COMMON PARAMETERS */
/*********************************/
.lo-content-maintitle {display: block; padding: 3px 10px 2px 3px; color: #5F6C82; text-transform: uppercase; margin: 15px 0px 0px 15px; font-weight: bold; font-size: 140%;}
.lo-content-subtitle {display: block; padding: 3px 10px 2px 3px; color: #5F6C82; margin: 10px 0px 0px 15px; font-weight: bold; font-size: 110%;}
.lo-content-txtbox-noshade {margin: 5px 0px 0px 15px; padding: 3px 5px 2px 3px;}
.lo-content-txtbox-noshade p {margin: 0px 0px 0px 0px; padding: 0px; font-size: 100%;}
/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/

/* Titles and textboxes*/

/* 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.5em 0px; padding: 0px; line-height: 1.3em; font-family: verdana, sans serif; font-size: 100%; }
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.embed {float: left; width: 120px; margin: 7px 7px 5px 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%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* 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 5px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
ul.indent {margin: 0px 0px 7px 5px; 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%; }



/*--------------------*/
/* 6.2 - Sidebar Area */
/*--------------------*/
.sidebar {overflow: hidden; float: right; width: 144px; height: 500px; margin: 0px; padding: 0px; text-align: left; color: #666666;}
.sidebar-maintitle {display: block; padding: 3px 5px 2px 3px; color: #5F6C82; text-transform: uppercase; margin: 0px; font-weight: bold; font-size: 110%;}
.sidebar-txtbox-noshade {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 3px;}
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar-logo-container {width: 150px; height: 190px; overflow: hidden; margin: 0px; padding-right: 0px; padding-left: 0px;}
.sidebar-address-container {width: 140px; height: 75px; overflow: hidden;  position: absolute; margin: 155px 0px 5px 5px; padding: 0px; z-index: 3; border: solid 1px; border-color: #9CC281; font-size: 95%;}
.sidebar-link-container {width: 140px; height: 135px; overflow: hidden;  position: absolute; margin: 5px 0px 5px 5px; padding: 0px; z-index: 3; border: solid 1px; border-color: #9CC281;}
.sidebar-link-container1 {width: 140px; height: 135px; overflow: hidden;  position: absolute; margin: 5px 0px 5px 5px; padding: 0px; z-index: 3; border: solid 1px; border-color: #9CC281;}

.lo-txtbox {font-size: 100%;}
.lo-txtbox p {font-size: 100%;}
/*--------------------*/
/* 6.3 - Disclaimer Area  */
/*--------------------*/
#more {
	width: 316px;
	padding: 105px 0px 5px 703px;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 120%;
	height: 25px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-width: 0px 0px 1px 0px;
	vertical-align: bottom;
	text-align: right;
}
#more a {
	color: #666666;
	text-decoration: underline;
}
#more a:hover {
	color: #990033;
	text-decoration: none;}
#filter 
{
	position:absolute;
	width: 942px;
	top:104px;
	padding-left: 75px;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 120%;
	height: 25px;
	vertical-align: bottom;
	text-align: right;
}
#filter a {
	color: #666666;
	text-decoration: underline;
}
#filter a.selected {
	color: #666666;
	font-weight:bold;
	text-decoration: underline;
}
#filter a:hover {
	color: #990033;
	text-decoration: none;}
/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
#footer {
	width: 716px;
	padding: 465px 0px 5px 303px;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 120%;
	height: 45px;
	vertical-align: bottom;
}
#footer2 {
	width: 716px;
	padding: 5px 0px 0px 303px;
	background-color: #FFFFFF;
	color: #999999;
	font-size: 95%;
	height: 15px;
	border-top-style: solid;
	border-top-color: #999999;
	border-width: 1px 0px 0px 0px;
	vertical-align: bottom;
}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 100%;}

.navi-dropdown {
	position:absolute;
	width: 290px;
	padding: 100px 0px 5px 480px;
	color: #666666;
	font-size: 120%;
	height: 25px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-width: 0px 0px 1px 0px;
	vertical-align: bottom;
	text-align: right;
}
/*-------------------*/
/* 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: #666666;
	text-decoration: underline;
}
#footer a:hover {
	color: #990033;
	text-decoration: none;}
#footer2 a {color: #999999; text-decoration: underline;}
#footer2 a:hover {
	color: #990033;
	text-decoration: none;
}

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

/*----------------------------*/
/* 7.1 - Title decoration box */
/*----------------------------*/
.box-on {float: left; 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);}
.lo-kontaktbox {
	background-color: #C3D7B5;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
/*---------------------------*/
/* 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 */
/*****************************/
p.show { display: block }
p.hide { display: none; }

.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}
.lo-form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	color: #333333;
	border: 0px;
}
.lo-leerzeile td {
	font-size: 4px;
	line-height: 4px;
	height: 4px;
	display: table;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
td.repHDFirst {
	font-size: 3px;
	height: 5px;
	padding-bottom: 4px;
}



#apDiv1 {
	position:absolute;
	width:134px;
	height:15px;
	z-index:2;
	left: 662px;
	top: 133px;
}

#weather {
	width: 255px;
	background-color: #FFFFFF;
	color: #999999;
	font-size: 85%;
	position:absolute;
	padding-left: 777px;
	text-align: center;
	z-index:50px;
}