@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
   outline:none !important;
}
button{
	padding:1px 3px;	
}
#content ul, #content ol{
	margin-left:1.5em;
}
img, form, fieldset, p, div, ul, ol, li {
	border:none;
}

p,h1,h2,h3{
	margin-bottom:1em;
}

hr{
	margin:.5em 0;
}

html,body{
	height:100%;
	margin:0;
	overflow:auto;
	padding:0;
	width:100%;	
}

body{
   position:relative;
	font-size: 0.65em;
   min-width:990px;
	min-height:590px;	
	overflow:hidden;
	line-height:1.5em;
}

body */*, body *:hover, body *:visited, body *:focus, body *:active*/ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}


a{
	color:#707173;
   text-decoration:none;
	
	transition:color .3s linear;
	-moz-transition:color .3s linear;
	-webkit-transition:color .3s linear;
}
a:visited{
	color:#707172;
}

a:focus,a:hover{
	color:#000;
}

address{
	font-style:normal;
}


/**********************/

body{
	background:url(../buw2010_statimg/bg.jpg) repeat-x left bottom #01a6ba;
}
	#main{
		position:absolute;

		width:900px;
		height:556px;
		left:50%;
		top:50%;
		float:left;
		margin-left:-450px;
		margin-top:-295px;
		background-color:#ffffff;
		border:1px solid #707173;
		border-top:none;
	}
		#imageframe{
			position:absolute;
			width:550px;
			height:185px;
			
			top:0;
			left:26px;
			
			border:5px solid #00636b;
			background-color:#fff;
			
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius: 20px;
			-khtml-border-radius: 20px;
			
			z-index:5;
		}
		
			#video{
				position:absolute;
				right:5px;
				top:5px;
			}
		
		#head{
			position:absolute;
			right:27px;
			width:287px;
			text-align:right;
			z-index:11;
		}
			#head hr{
				height:1px;
				margin:15px 0 5px 0;				
				border:none;
				border-top:1px solid #b1b3b4;
			}
		
		
		#content{
			position:absolute;
			background:transparent url(../buw2010_statimg/contentframe.png) no-repeat left top;
			top:106px; /* 185 */
			left:53px;
			height:260px;
			width:420px;
			/*padding:72px 133px 44px 130px;*/
			padding:132px 133px 63px 110px;
			z-index:5;
			color:#707173;
		}
		#content.standard{
			background:transparent url(../buw2010_statimg/contentframe_std.png) no-repeat left top;
		}
			#content #block1{
				top:142px;
				height:300px;
				overflow:auto;
				width:430px;
				padding-right:20px;
				background-color:#fff;
				/*position:relative;
				top:0;*/
			}
			#content.wide {
				padding:122px 133px 63px 65px;
				width:480px;
			}
				#content.wide #block1{
					width:480px
				}
				#content.standard #block1 h1{
					position:absolute;
					top:30px;	
					left:20px;
					font-size:3.5em;	
					color:#00636b;
					width:100%;
				}
				#content h2{
					color:#00636b;				
				}
				
				
				#content.standard #block1 h1 + h2{
					position:absolute;
					top:70px;
					left:109px;
					font-size:1.3em;	
				}
				.seepark_gal{
					margin-top:1em;
				}
					.seepark_gal_thumb{
						float:left;
						text-align:center;
						margin:0 40px 2em 0;
					}
					.seepark_gal_thumb.last{
						margin-right:0;	
					}
						.seepark_gal_thumb span{
							border-left:1px solid #707173;
							border-right:1px solid #707173;
							padding:0 .5em 0 .5em;
							margin:.5em 0 0 0;
							display:block;
						}
						
			#content.referenzen{
				padding-left:30px;	
				width:500px;
				padding:122px 133px 73px 110px;
			}
			#content.referenzen.gal{
				width:420px;
				padding:100px 200px 93px 40px;
			}
				#content.referenzen #refcontainer{
					position:relative;
					width:450px;
					height:310px;
					overflow:auto;
				}
				#blswitch{
					position:absolute;
					top:70px;
					left:80px;
				}
					#blswitch li{
						float:left;
						list-style:none;
						padding:0 .5em;
						border-left:1px solid #707173;
					}
					#blswitch li.last{
						border-right:1px solid #707173;						
					}
						#blswitch a:hover,#blswitch .active a{
							color:#00636b;	
						}
				#content.referenzen #block1{
					width:530px;
					height:320px;
					background-color:transparent;
				}
				#content.referenzen.gal #block1{
					height:325px;
					width:550px;
					top:110px;
					background-color:transparent;
					overflow:visible;
				}
					#content.referenzen td.img{
						border:5px solid #00636b;
						background-color:#fff;
											
						border-radius:10px;
						-moz-border-radius:10px;
						-webkit-border-radius: 10px;
						-khtml-border-radius: 10px;
						
						box-shadow:1px 1px 5px #666666;
						-moz-box-shadow:1px 1px 5px #666666;
						-webkit-box-shadow:1px 1px 5px #666666;
						-khtml-box-shadow:1px 1px 5px #666666;
					}
					#content.referenzen td img{
						opacity:0;
						filter:opacity(0);
					}
						#map{
							position:absolute;
							top:25px;
							right:200px;	
						}
				#content.wide table{
					border-collapse:collapse;	
					width:100%;
				}
				#content.wide table td,#content.wide table th{
					border:1px solid #aaa;
					border-collapse:collapse;
					padding:3px 4px;
				}
					#content.wide table span{
						float:left;
					}
					#content.wide table .icon{
						float:right;
					}
					#content.wide table .icon.j{ color:#33CC33; }
					#content.wide table .icon.s{ color:#FFCC00; }
					#content.wide table .icon.n{ color:#FF0000; }
					
					
				#refpopup{
					z-index:20;
					position:absolute;
					width:580px;
					padding:1px 30px 30px 10px;
					height:290px;
					left:300px;
					top:180px;
					background:transparent url(../buw2010_statimg/refbg.png) no-repeat left top;
					display:none;
				}
					#refpopup h1{
						font-size:2em;	
						color:#00636b;
						margin:30px 0 0 30px;
					}
					#refpopup p{
						margin:20px 0 0 50px;
						color:#666;	
						font-size:0.9em;
						background-color:#fff;
					}
					#refpopup div{
						
						z-index:30;
						float:right;
						margin:30px 2px 0 0;
						background-color:#fff;
						
						border:4px solid #00636b;			
						
						border-radius:10px; 					/* Standard / Opera */
						-moz-border-radius:10px;			/* Firefox */
						-webkit-border-radius: 10px;		/* Chrome / Safari */
						-khtml-border-radius: 10px;		/* Konqueror */					
						
						width:300px;
						height:240px;
					}
						#refpopup div div{
							opacity:0;
							-moz-opacity:0;
							-webkit-opacity:0;
							-khtml-opacity:0;
						}
						#refclose{
							position:absolute;
							top:15px;
							right:40px;
						}
						#refimg{
							background-position:center center !important;
							background-repeat:no-repeat !important;	
						}
						
				
	#ausverkauft {
		left:220px;
		position:absolute;
		top:160px;
		bottom:-20px;
		z-index:9;
	}
			
	#somacharity {
		left: 619px;
		position:absolute;
		top: 410px;
		z-index:10;
	}
	
	#gallery{
		position:absolute;
		bottom:0px;
		right:0px;
		width:210px;
		height:50px;
		overflow:hidden;
		z-index:6;
	}
		#container{
			position:relative;
			left:20px;
		}
		#container .thumb{
			width:42px;
			height:35px;
			overflow:hidden;
			float:left;
			margin-right:8px;
			
			border:4px solid #00636b;			
			
			border-radius:10px; 				/* Standard / Opera */
			-moz-border-radius:10px;		/* Firefox */
			-webkit-border-radius: 10px;	/* Chrome / Safari */
			-khtml-border-radius: 10px;	/* Konqueror */
			
			box-shadow:1px 1px 5px #666;
			-moz-box-shadow:1px 1px 5px #666;
			-webkit-box-shadow:1px 1px 5px #666;
			-khtml-box-shadow:1px 1px 5px #666;
			
			z-index:2;
		}

			#container .thumb a{
				position:relative;
				z-index:2;
			}
			#container roundrect{
				margin: 5px;
			}
			#container .thumb img{
				visibility:hidden; /* Opacity im jQuery */
			}
			
			a#left,a#right{
				width:20px;
				color:#00636b;
				line-height:45px;
				z-index:4;
				background-color:#fff;
				text-align:center;
				font-size:1.7em;					
				position:absolute;
				height:100%;
				top:0;
			}
			a#left{ left:-3px; }
			a#right{ right:0;	}
		
		
		#popup{
			position:relative;
			z-index:10;
			left:26px;
			display:none; /* -> ie.css */
			width:650px;
		}
			#popupframe{
				height:500px;
				width:560px;
				/*border:5px solid #00636b;		*/
				background-color:#fff;	
				background-position:center center;
			
				/*border-radius: 			20px;	/* Standard / Opera */
				/*-moz-border-radius: 		20px;	/* Firefox */
				/*-webkit-border-radius: 	20px;	/* Chrome / Safari */
				/*-khtml-border-radius: 	20px;	/* Konqueror */
			}
				#popupframe img{
					position:absolute;					
					z-index:11;
				}
					#popupimg{
						position:relative;
						left:5px;
						top:5px;
					}
			#popuptext{
				position:absolute;
				/*left:565px;
				width:90px;
				height:100px;
				top:300px;*/
				
				left:15px;
				bottom:10px;
				font-size:1.7em;
				color:#00636b;
				background-color:#fff;
				z-index:12;
				padding:3px;
			}	
			#popuptext2{
				position:absolute;
				bottom:0;
				padding:20px;
				width:520px;
			}
			
			#popuparrows{
				position:absolute;	
				left:565px;
				width:90px;
				height:100px;
				top:300px;
				font-size:1.7em;
			}
			
			img#loader{
				position:absolute;
				top:240px;
				left:275px;
				z-index:10;
				display:none;
			}
			#popclose{
				position:absolute;
				top:10px;
				right:110px;
				z-index:30;
			}
				#gprev{ float:left; 	margin:1em 0 0 1.5em; }
				#gnext{ float:right; margin:1em 1.5em 0 0;}
			
			
			#zinsrechner{
				border-top:1px solid gray;
				border-bottom:1px solid gray;
				float:left;
				width:95%;
				margin:.5em 0 .5em 5%;
			}
				#zinsrechner p{
					float:left;
					width:260px;
					margin:.5em 0;
				}
				#rechner{
					float:right;
					width:120px;
					margin-top:20px;
				}
				#ergebnis{
					margin:.5em 0;
					display:none;	
				}
					#finanzimg{
						/*position:absolute;
						top:60px;
						right:60px;	*/
						margin:0 0 2em;
						text-align:center;
						display:block;
					}
	
	#foot{
		position:absolute;
		width:900px;
		height:30px;
		padding:4px 0 0 0;
		top:50%;
		left:50%;
		margin-left:-450px;
		margin-top:262px;
		color:#fff;
	}
	
	#startslo{ /* slowenien flagge start */
		position:absolute;
		top:210px;
		left:70px;
		z-index:10;
	}
