@charset "utf-8";

/*
author: Fjodinho http://www.ueberkrass.de
copyright: GNU/GPL
Der Link im Footer des Templates darf nicht so ohne weiteres entfernt oder unkenntlich gemacht werden. Eine Entfernung des Links ist aber gegen eine kleine Gebühr möglich.
*/

body{
	background-image: url(../images/bg.jpg);
	margin: 0px;
	padding: 0px;
	background-color: #517082;
	background-repeat: repeat-x;
}
#marginauto {
	text-align: center;
}
#container {
	margin: 0px auto;
	padding: 0px;
	width: 822px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}
#left {
	float: left;
	width: 202px;
	color: #000;
	padding: 0px;
	margin: 0px;
}

#logo {
	background-image: url(../images/logo_lugano09_3.gif); 
	background-position: center;
	background-repeat: no-repeat; /*background-color:#FFFFFF;*/
	height: 140px; border: 1px, #0000ff; 
}
#leftspace {
	background-image: url(../images/leftcontent.png);
	background-repeat: repeat-y;
	width: 202px;
	display: block;
}
#lefttop  {
	background-image: url(../images/lefttop.png);
	background-repeat: no-repeat;
	width: 202px;
	background-position: top;
}


#leftcontent {
	width: 170px;
	margin-top: 35px;
	margin-left: 2px;
	color: #000;
}
#leftbottom {
	height: 26px;
	background-image: url(../images/leftbottom.png);
}
#outcontainer {
	margin: 0px auto;
	padding: 0px;
	width: 1180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}
#outleft {
	float: left;
	width: 822px;
	color: #000;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}
#outright {
	float: left;
	width: 222px;
	color: #000;
	margin: 0px; 	
}

#rightcontent {
	width: 210px;
	margin-top: 5px;
	margin-left: 2px;
	padding-left: 2px;; /*padding: 2px 2px 2px 2px;*/
	color: #3C4C59;
	background-color: #517082;
	border-style: none;
	border-width:thin;	
	border-color:#FFFFFF;	
}

a:link, a:visited {
	color: #FFFFFF; /*#406F99; /*#CFE3EC;*/
	text-decoration: none;
	font-weight: normal;
}

#breadcrumb a:link, #breadcrumb a:visited {
	color: #FFFFCC;
	text-decoration: underline;
	font-weight: normal;
}

#userlogo {
	width: 306px; 
	background-color: #5093BD; /*#CCFF00; */
	background: url(../images/logo/logo.gif) no-repeat 5px 50px; 
	color: #3C4C59;
	margin-top: 5px;
	margin-left: 2px;
	padding-left: 2px;
	border-style: none;	
	border-width: thin;
	border-color:#FFFFFF;	
}

#user1content { 
	width: 960px; 
	height: 40px; 
	/*background-image: url(../images/bg.jpg);*/
	/* background-color: #556577; /*517082; */
	color: #3C4C59;
	margin-top: 5px;
	margin-left: 2px; margin-right: 300px;
	padding-left: 1px;
	border-style: none;	
	border-color:#FFFFFF;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}

#user2content {
	width: 220px; 
	background-color: #5093BD; /*#CCFF00; */
	background: url(../images/logo/logo.gif) no-repeat 5px 50px; 
	color: #3C4C59;
	margin-top: 5px;
	margin-left: 2px;
	padding-left: 2px;
	border-style: none;	
	border-width: thin;
	border-color:#FFFFFF;	
}

#user3content {
	width: 220px;
	background-color: #5093BD; /*#CFE3EC;*/
	color: #CFE3EC;
	margin-top: 5px; 
	margin-bottom: 5px;
	margin-left: 2px;
	padding-left: 2px;
	/*color: #3C4C59;*/
	border-style: none; 
	border-width: thin;
	border-color: #FFFFFF;	
}

#user5content {
	width: 220px; 
	background-color: #517082; /*5093BD; #CFE3EC;*/
	color: #3C4C59;
	margin-top: 5px; 
	margin-bottom: 5px;
	margin-left: 2px;
	padding-left: 2px;
	/*color: #3C4C59;*/
	border-style: none; 
	border-width: thin;
	border-color:#FFFFFF;	
}

#user6content { 
	/*background-color: #517082; */
	color: #3C4C59;
	margin-top: 5px;
	margin-left: 2px; margin-right: 280px;
	padding-left: 145px;
	border-style: none;	
	border-color:#FFFFFF;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}

#webcam {
	width: 210px; 
	height: 352px;
	background-position:center;
	margin-top: 0px;
	margin-left: 0px;
	position:relative; top:5px;
	 /*padding: 2px 2px 2px 2px;*/
	color: #3C4C59;
	/*background-color: #5093BD;*/
	border-style: none;
	border-width: thin;	
	border-color:#FFFFFF;	
}

#right {
	float: left;
	width: 610px;
}
.user_box {
}
.user_top {
}
.user_content {
}
#right_top {
	height: 48px;
	width: 610px;
	float: left;
}
.date {
	float: left;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, Arial, Verdana;
	width: 580px;
	margin-top: 30px;
}
#right_topmenu {
	height: 65px;
	width: 610px;
	float: left;
	background-image: url(../images/right_top_bg.png);
	background-position: bottom;
}
#right_top_left {
	width: 610px;
	height: 65px;
	float: left;
	background-image: url(../images/right_top_left.png);
	background-repeat: no-repeat;
}
#right_top_right {
	width: 610px;
	height: 65px;
	float: right;
	background-image: url(../images/right_top_right.png);
	background-repeat: no-repeat;
	background-position: right;
}
#right_topmenu_content {
	float: left;
	height: 65px;
	width: 550px;
	overflow: hidden;
	padding-left: 15px;
}
#right_header {
	height: 185px;
	background-color: #5093BD;
	background-image: url(../images/banner_right.png);
	background-repeat: repeat-y;
	background-position: right;
	float: left;
	width: 610px;
}
#banner {
	background-image: url(../images/banner.jpg); 
	width: 576px;
	height: 156px;
	margin-left: 6px;
}
#right_bottom {
	height: 185px;
	background-image: url(../images/right_bottom.png);
	width: 610px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#maincontent {
	width: 600px;
	float: left;
	padding-left: 15px;
}
#content {
	color: #FFFFFF;
	width: 570px;
	float: left; 
}
#footer {
	width: 1040px;
	height: 20px;
	line-height: 20px;
	float: left;
	text-align: center;
	margin-top: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #38424E;
}
#othermenu {
	float: none;
}
#copyright {
	float: left; 
}