/**
* Stylesheet for www.bsc.ch
*
* @author: felix stricker, ditoy
* @created: october 2007
*/

/* allgemein */
html{
	margin:0px;
	padding:0px;
}

body{
	margin:0px;
	margin-top:10px;
	padding:0px;	
	font-family: verdana;
	height:100%;
	color:black;
	background: #bfcdb8 url(../../bilder/bg-v2.jpg) repeat-y 50% 0px;
}

#no_javascript_box{
	position:absolute;
	z-Index: 1000;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	text-align:center;
	background: #CE4D53;
	border: 2px solid #8D3539;
	color:white;
	padding-top:18px;
	padding-bottom: 18px;
	font-size: 12px;
	font-weight: bolder;
}

#container{
	position:absolute;
	width: 850px;
	left:50%;
	margin-left: -425px;
	/*background: white;*/
}

#header{
	height:60px;	
}

#header #logo{
	position:absolute;
	left:175px;	
}

#navi{
	float:left;
	background:white;
	border: 3px solid #E5E4E3;
	height: 172px;
	padding: 20px;
	padding-top: 3px;
	width: 120px;		
}

#navi_header{
	border: 0px solid black;
	position:absolute;
	bottom:6px;
	left: 122px;
	height: 15px;
	width: 38px;	
}

#navi_header img{
	float:left;	
	cursor: pointer;
}

#right_box{
	position:absolute;
	right:0px;
	width:684px;
	border:0px solid red;
}

#right_box #top{
	float:left;
	background: url(../../bilder/header_bild_kino.gif);
	border: 3px solid #E5E4E3;
	border-left: none;
	height:195px;
	width:681px;
	padding:0px;
	font-size:1px;
}

#top #text{
	position:absolute;
	right:5px;
	top:0px;
	font-size:15px;
	width:180px;
	height:170px;
	padding-top:30px;
	text-align:center;
	z-index: 80;
	border:0px solid black;
	
	color: #5C5C5C;
}

#right_box #content{
	float:left;
	margin:3px;
	margin-top:10px;
	width:681px;
}

#right_box #content .two_col, #right_box #content .one_col{
	float:left;	
	margin-left:0px;
	margin-right: 15px;
	margin-top:8px;
	
}

#right_box #content .one_col{
	width:680px;
	margin-left:0px;
}

#right_box #content .one_col_small{
	width: 660px;
}

#right_box #content .two_col{
	width:325px;
}

img{
	border:none;	
}


/* navigation */
#navi_container ul{
	list-style-type:none;	
	padding:0px;
	margin:0px;
}

#navi_container ul a{
	text-decoration: none;
	color: #106D33;
	font-size:13px;
}

#navi_container ul a:hover{
	text-decoration: underline;
}
#navi_container ul li {
	line-height: 16px;
}
#navi_container ul li ul{
	text-decoration: none;
	color: black;
	font-size:14px;
	padding-left: 30px;
	display:none;
	margin:0px;
	margin-bottom:3px;
}

#navi_container .current{
	color: red;	
}

/* text */
h1{
	font-size: 13px;
	color: red;
	margin:0px;
	margin-bottom:15px;
}

h2, h3{
	font-size: 13px;
	color: red;
	margin: 0px;
	margin-bottom:5px;
	font-weight:normal;
}

h3 {
	margin-left:5px;	
}

p{
	font-size: 12px;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

.redtext{
	color: red;
}

a{
	color: #106D33;
}

a:hover{
	text-decoration:none;	
}

/* immobilien */
#spin_text, #giesserei_text, #wohnh_detail{
	border: 0px solid black;
	position:absolute;
	top:220px;
	width:300px;		
	z-index:120;
}

#giesserei_text{
	width: 400px;
}

#spin_factory, #giesserei_bild, #wohnh_plan{
	border: 0px solid black;
	position:absolute;
	right:0px;
	top:230px;
	z-index:100;
}

/* Team */
.team_box{
	float:left;
	margin-top:0px;
	width:340px;
	border: 0px solid red;
	margin-bottom:40px;
	min-height: 160px;
}

.team_pic{
	float:left;
	border: 0px solid #737373;
	margin-right: 5px;
}

.team_pic img{
	display:block;
	margin:1px;
}

.team_text{
	float:left;
	border:0px solid black;	
	width:220px;
	background:white;
	color:black;	
}

.team_text p{
	margin-bottom: 7px;	
}

.team_zitat{
	float:left;
	margin-left:0px;
	padding-top:0px;
	padding-left:10px;
	border:0px solid black;
	font-size:11px;
}

/*impressionen*/
.impressionen_box{
	float:left;
	margin-bottom:20px;
	border:0px solid black;
}

.impressionen_box p{
	margin-left: 5px;
	font-size: 10px;
	margin-bottom: 5px;
}

.pic_container{
	float:left;
	margin:5px;	
	border: 0px solid #737373;
	cursor: pointer;
}

.impressionen_box .pic_container:hover{
	background: #106D33;	
}

.pic_container img{
	padding:1px;
	display:block
}

#gallery_container{
	position:absolute;
	width:700px;
	min-height:200px;
	padding-bottom:50px;

	background: #eeecec;
	border: 3px solid #E5E4E3;
	z-index:999;	
	left:50%;
	margin-left:-350px;
	top:100px;
}

#gallery_container #content, #gallery_container #navi_box{
	width: 100%;
	text-align:center;
}

#gallery_container #content img{
	display: block;
	margin: auto auto;
	border: 1px solid #737373;
}

#gallery_container table{
	color: white;	
	text-align:center;
	margin-left: auto;
	margin-right:auto;
	cursor: pointer;
	font-size:12px;
}

#gallery_container table a{
	color: #106D33;
	text-decoration:none;
}

#gallery_container table a:hover{
	color: #106D33;
	text-decoration: underline;
}

#gallery_container table .center{
	width:100px;	
}

#gallery_container table .aussen{
	width:50px;	
}


/*kontakt*/
#right_box #content .contact_col1{
	float:left;	
	margin:8px;
	margin-right:0px;
	margin-left: 0px;
}

#right_box #content .contact_col2{
	float: left;	
	margin:8px;
	margin-left:20px;
	border: 0px solid black;
	width:200px;
}

#right_box #content .contact_col3{
	float: left;	
	margin:8px;
	margin-left:0px;
	border: 0px solid black;
}

#right_box #content .contact_col4{
	float: left;	
	margin:8px;
	margin-left:0px;
	border: 0px solid black;
	width:230px;
}

#right_box #content .contact_col3 .pic_container img{
	width:410px;
}

.pic_container:hover{
	background: #106D33;	
}

.contact_col3 .pic_container{
	cursor: pointer;
}

#table_kontakt{
	border-bottom: 0px solid #737373;	
	padding-bottom:5px;
	margin-left:0px;
}

#table_kontakt td{
	vertical-align: top;
	font-size:11px;
}

#table_kontakt input, #table_kontakt textarea{
	border: 1px solid #737373;	
	color:black;
	margin-left:5px;	
	font-family: verdana;
	font-size:11px;
}

#table_kontakt .button{
	background: white;
	font-size:10px;
	margin:0px;
	margin-left:5px;
}

/* vermieten */
#vermieten_teaser{
	float:left;	
	margin-top: 20px;
	width: 100%;
}

#vermieten_teaser img{
	float:left;		
	margin:5px;
}

.text_short{
	padding:5px;
	padding-left:7px;
	padding-top:0px;
	padding-bottom: 0px;	
}

.title{
	padding-left:4px;
	color:white;
}

.text_left{
	float:left;
	border: 0px solid black;	
	font-size:12px;
}

#pic_container_box{
	width:413px;
	padding:10px;
	float:right;	
	border: 0px solid black;
	margin:0px;
	margin-right:10px;
}

#container_middle{
	float:left;
	width: 100%;
}

.text_long{
	float:left;
	padding:5px;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 7px;
	width:97%;
}

#pic_container_box table{
	margin:0px;	
}

table{
	margin-bottom: 10px;
	margin-left:5px;
	margin-top:10px;
}

table .fett{
	font-weight:bolder;
	padding-right:10px;	
}

table .height{
	padding-top:20px;
}

#pic_container_box .pic_full{
	border: 0px solid black;
	float:left;
	margin:5px;
}

#table_pic img{
	width: 190px;
	padding:1px;
}

.pic_small:hover{
	background: #106D33;	
}

#pic_container_box .pic_small{
	border: 0px solid black;
	float:left;
	margin: 5px;
}

#popupBox{
	background: #EDECEB;
	padding:16px;
	position:absolute;
	left:50%;
	width:400px;
	margin-left: -29px;
	text-align:center;
	z-index: 90;
}

#popupBox img{
	display: block;	
}

/* gestaltungsplan downloads */
ul.downloads{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;	
	width: 100%;
	margin-top: 5px;
}

ul.downloads li{
	margin-bottom: 10px;
}

ul.downloads a{
	background: url(../../bilder/icon_pdf_small.gif) left top no-repeat;
	margin-bottom: 5px;	
	padding-top: 5px;
	padding-left: 25px;
}