/*
vonsteindl.at

COLORS
sitebg  #c5bfa9
mainstagebg #e1ded2
font #444236;

maincubes brown
light #999481
middle #7c7867 
dark #504e40


Verdana, Geneva, Arial, Helvetica, sans-serif;
"Lucida Grande",



.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
*/




/**** basic
*/
*									{ margin: 0; padding: 0; }
body								{   
									 font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;;
 							color:#444236;
					 				  background-color: #c5bfa9; }

a, a:visited						{ text-decoration: none; outline: none; color: #444236; }
a:hover								{ color: #2e2e2e; }
a img								{ border: none; }
img									{ vertical-align: middle; }
.clear								{ clear: both; }
fieldset							{ border: none; }
::selection                         { background:#c5bfa9; color: white; /* Safari */ }
::-moz-selection                    { background: #c5bfa9; color: white; /* Firefox */ }

.alignCenter						{ text-align: center; }
.floatLeft							{ float: left; }
.floatRight							{ float: right; }


h1,h2,h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#444236;
font-weight:bold;
margin:0;padding:0;
}

h1 {
		 font-size: 17px;
		line-height:22px;	
}

h2 {
		 font-size: 15px;
			line-height:20px;
	
}

h3 {
		  font-size: 13px;
		line-height:18px;
	
}


strong { font-weight:bold;
	color:#504e40;
	}



	hr{
	height:1px;
	border:0;
	border-top:1px solid #c5bfa9;
	clear:both;
	margin-top:5px;
	}


/**** structure
*/

#pagewrap							{ width: 880px;
												 position: relative;
												margin-left: 75px; 
			
									  }
									  

#logo					{ 
	background: url(../_media/pics/mainlogo1.gif) top left no-repeat;
												width: 155px;  height: 50px;
												position:absolute;
												top:25px;
											
										}
#logo a					{ width: 155px;  height: 50px;
							text-decoration: none; outline: none; 
						
							display:block;
							}
									  
	

							
																								
#mainstage					{ width: 655px; height: 430px;
										/* background: #e1ded2 url(../_media/images/bg_news.jpg) top left no-repeat; */
										background-color:#e1ded2 ;
										position:absolute;
										top:90px;
										overflow:hidden;
								
									  }
									
									
#gallerystage					{ width: 655px; height: 430px;
									background-color: #e1ded2;
									position:absolute;
								top:90px;
									overflow:hidden;
}
									

									
									
					
/* mainpage brown cubes */
#cubebar1				{ width: 375px; height: 150px;
 									background:  url(../_media/pics/cubebg1.png) top left no-repeat;
									top:445px;
									left:505px;
										position: absolute;
										z-index:100;
										
									  } 
									
									#cubebar1 a, #cubebar1 a:visited	{ text-decoration: none; outline: none; color: #fff; }
									  
#cubebar1 div 	{ position: absolute;
					color:#FFFFFF;
				
					}	
					
/* pic-cubes */
#cubebar2				{ width: 300px; height: 150px;	
		top:445px;
		left:580px;
			position: absolute;
			z-index:100;
			margin:0; padding:0;
			
	}
	#cubebar2 a; 	#cubebar2 a:hover			{ text-decoration: none; outline: none; }												
		
		
#cubebar2 ul, #cubebar2 ul li, #cubebar2 ul li a	{ border:none; float:left; list-style: none; margin:0; padding:0;}	
		
		
		
			#cubebar2 img.selected			{ 
			
				
				/* 	filter:alpha(opacity=50);
					-moz-opacity:0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
					border:1px solid #504e40; */
				 }	
	
		
									
#contentTop				{ 

				padding:10px;
							position:absolute;
							top:0px;
							left:0px;
					}									  
#contentBottom				{ 
									padding:10px;
									position:absolute;
									bottom:0px;
									left:0px;
}  
  
#topnav {
position:absolute;
top:90px;
left:660px;

}
#leftnav {
position:absolute;
top:530px;
left:0px;
}

#newsteaser {
position:absolute;
top:530px;
left:270px;
}


#mainstage a, #rightbox a, 
#mainstage a:visited, #rightbox a:visited,
#mainstage a:hover, #rightbox a:hover
  {
	 text-decoration: underline;
	}


#rightbox{
	position:absolute;
	top:300px;
	left:655px;
	width:225px;
	height:145px;

}

#rightbox div{
padding:10px;
	position:absolute;
	bottom:0px;
}

#subbox{
	position:absolute;
	top:520px;
	left:260px;
	width:370px;

	padding:10px;
}
#subbox #alist{
	background:  url(../_media/pics/navline1.gif) bottom left no-repeat;
	 margin-bottom:5px; padding-bottom:8px;
	
}

/*  gallery */

#gal-description {
	position:absolute;
	top:300px;
	left:655px;
	width:225px;
	height:145px;
}

#gal-description div{
padding:10px;
	position:absolute;
	bottom:0px;
}

#gal-controls {
	position:absolute;
	top:530px;
	left:458px;
		z-index:200;
}

#gal-controls a, #gal-controls a:link, #gal-controls a:visited{
padding:2px 4px;
}

   #gal-controls a:hover, #gal-controls  a:active{
	 background: #7c7867 ; color: white; 

}

/*
light #999481
middle #7c7867 
dark #504e40
*/
#form { margin-top:16px;}
#form input 	{ 
	width: 223px; padding: 2px; border: 1px solid #999481 ; 
	margin-bottom:5px;
	margin-right:8px;
	vertical-align: middle;
		 font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;;
color:#444236;
background-color: #fff;
				 }
				
				#form textarea 	{ 
					width: 223px; padding: 2px; border: 1px solid #999481 ; 
					height:60px;
					margin-bottom:0px;
					margin-right:8px;
					vertical-align: top;
						 font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;;
				color:#444236;
				background-color: #fff;
								 }
								
#form #sbtbutton {
	margin-top:8px;
	margin-left:0px;
	font-weight:bold;
}

.selected, .current {
	color:#504e40;
	font-weight:bold;
}

/*** ULS ***/
#topnav ul { border:none;   list-style: none;  display:block;  margin:0; padding:0;}
#topnav ul#ul1  {  width: 200px; /*  border-bottom: 1px dotted #444236;*/ background:  url(../_media/pics/navline1.gif) bottom left no-repeat; margin:0; padding-bottom:1px;}
#topnav ul  ul  {  /* border-top: 1px dotted yellow; */ background:  url(../_media/pics/navline1.gif) top left no-repeat;	 padding-top:2px; margin-bottom:3px;}
#topnav ul  ul ul {  border-bottom:none;  margin-top:2px;}

#topnav ul li li a { width: 200px; border:none; background:none;	padding: 2px 0px  3px  5px; line-height:12px; }
#topnav ul li li li a { width: 200px;  border:none; background:none; padding: padding: 2px 0px  3px  5px; line-height:12px; }

 
#topnav ul li				{   display:block;  }
#topnav ul li a			{   display:block;
	padding: 5px 0px 5px 5px; 
						line-height:12px;			
						
		width:200px;

background:  url(../_media/pics/navline1.gif) top left no-repeat;	
/* border-top: 1px dotted #444236; */
							}
#Xtopnav ul li a:hover	{ background: #7c7867 ; color: white; }
#topnav ul li a:hover 	{ font-weight:bold; color: #504e40;}


/***  ***/


#leftnav ul	, #newsteaser ul			{ list-style: none;  display:block;
        margin: 0;
}
#leftnav ul li, #newsteaser ul li			{   display:block; }
#leftnav ul li a, #newsteaser ul li a			{   display:block;
	padding: 1px 0px 2px 0px; 
line-height:11px;				
						width: 100px;
							}
#xleftnav ul li a:hover	{ background: #7c7867 ; color: white; }
#leftnav ul li a:hover 	{ font-weight:bold; color: #504e40;}


/***  ***/

#newsteaser ul			{ list-style: none;  display:block;
        margin:5px 0px;
 padding-bottom:5px;
border-bottom: 1px dotted #444236;
}
#newsteaser ul li			{   display:block; }
#newsteaser ul li a			{   display:block;
	padding: 1px 0px 2px 0px; 
line-height:11px;				
						width: 230px;
							}
#newsteaser ul li a:hover	{ background: #7c7867 ; color: white; }