﻿* {
	margin:0; 
	padding:0;

}
html, body {
	xfont-family: Arial,Helvetica,sans-serif;
	xfont-size: 0.9em;
	height: 100.1%;
	font: .9em/1.3 Tahoma, Arial, Helvetica, sans-serif; 
}

body
{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	color: #5E5439;
	/*background-color: #A6A564;*/
}

img {
    border: 0px;
}

div {
	/*border:1px solid red;*/
}
.loading
{

}
.bullets
{
	list-style-image: url('/images/artrion.icon.jpg');
	padding-left: 20px;
	list-style-position: outside;
}

.blend
{
    opacity: .3;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
}
.darkMenu
{
	color: #5E5439;
}

h1,h2,h3,h4,h5,h6 {
	padding-bottom:2%;
}    
p {
    line-height: 150%; 
    padding-bottom:2%;
}
a
{
	text-decoration: none;
	color: #686828; 
	font-weight:bold;
}



#page { 
	position:absolute;
	top:0;left:0; right:0; bottom:0;	
	overflow:auto;

	/*
	scrollbar-base-color: #7fa3b9; 
	scrollbar-track-color: #d5cc7f; 
	scrollbar-face-color: #d5cc7f; 
	scrollbar-highlight-color: #; 
	scrollbar-3d-light-color: #; 
	scrollbar-darkshadow-color: #; 
	scrollbar-shadow-color: #; 
	scrollbar-arrow-color: #; 
	*/
}   

#menu
{
	height: 62px;
	margin-top: 60px;
	overflow: hidden;
	background-position: top;
	background: url(/images/mnu.bg.png);
	background-repeat: repeat-x; text-align:center;
	
}


#nav {
	display:inline-block;
	margin-left:auto; margin-right:auto;	
	min-width:680px;
}

#nav li {
	display:inline-block;
	float:left; 
	margin-right:10px; margin-top:1px;
	
}

/*
#nav li.active
{
	
	border:1px solid yellow;
	background-position: right;
	background: url(/images/mnu.bg.left.png);
	display: inline-block;
	background-repeat: no-repeat;	
	padding-left:10px;
	margin-top:24px;
	
}
*/


#nav a.active
{
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(/images/mnu.bg.left.png);
	display:inline-block;
	padding:0;
	xmargin-top: 20px;
	margin-top: -5px;
	color:#776a48;
}

#nav a.active span
{
	background-position: top right ;
	background-repeat: no-repeat;
	background-image: url(/images/mnu.bg.right.png);
	display:inline-block;
	padding: 8px 20px  12px 4px;
	margin-left: 10px;

}


#nav a
{
	color: #FFF;
	padding: 2px 8px;
	margin-top: 1px;
	display: inline-block;
	text-decoration: none; 	
	font: .9em/1.3 Helvetica, sans-serif, Tahoma, Arial;
	font-weight: bold;
	text-transform: uppercase;


}
#nav a:hover:not([class="active"]) {
	background:#E4E1CB;
	color:#776A48;
}




#content {
	/*
	
	*/

	display:block;
	margin-top:10px;
	margin-left:auto; margin-right:auto;
	overflow:hidden;
	width:1004px;
	min-height:101%;
	border:1px:solid red;
	margin-bottom:20px;

}	


#left {
	width: 239px;
	margin-left:0;
	float:left;
	position:relative;
}

#left_news .top
{
	background: url(/images/galerie.bg.top.png);
	background-repeat: no-repeat;
	height:18px;
}
#left_news .middle
{
	background: url(/images/galerie.bg.middle.png);
	min-height: 200px;
	background-repeat: repeat-y;	
	padding:0 30px 0 30px;
	margin:0:
}
#left_news .bottom
{
	background: url(/images/galerie.bg.bottom.png);
	background-repeat: no-repeat;
	height: 18px;
	
}

#left_news h1, #left_news h2
{
	font-size:115%;
	padding:2px 0;
	margin-bottom:3%;
}

#left_news h3, #left_news h4
{
	font-size:102%;
	padding:4% 0 2% 0;
}
#left_news p
{
    line-height: 1%;
    padding-bottom: 0;
    font: .7em/1.3 Tahoma, Arial, Helvetica, sans-serif; 
}


.left_news img
{
	width: 476px;
}
#left_news img
{
	width: 180px;
}





#left_slider .top
{
	background: url(/images/galerie.bg.top.png);
	background-repeat: no-repeat;
	height:18px;
}
#left_slider .middle
{
	background: url(/images/galerie.bg.middle.png);
	min-height: 230px;
	background-repeat: repeat-y;	
	padding:0 30px 0 30px;
	margin:0;
}

#left_slider .bottom
{
	background: url(/images/galerie.bg.bottom.png);
	background-repeat: no-repeat;
	height: 18px;
	
}

 .top_slide {
	position:relative;
	overflow:hidden; 
 }   
 .top_slide img {
	width:170px;
 } 
.deospaDynamicSlider {
    height:230px;
    width:5000px;
    position:relative;
    margin:0;padding:0;
    overflow:hidden;
}
.deospaDynamicSlider .element {
    width:170px;
    height:230px;
    margin:0;padding:0;
    position:relative;
    float:left;
	padding-right:10px;
}









div.galerie
{
	position:relative;
}


.galerie img
{
	width: 200px;
	height:200px;
	display:block;
}
.galerie div
{
	
	height:218px;
	width:200px;
	overflow:hidden;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:10px;
	display:inline-block;
	float:left;
	font-weight:normal;
	 font-size:0.8em;
	  font-style:italic;
}


#stage{
	width: 542px;
	margin-left:-10px;
	float:left;
	position:relative;
}
#stage .top
{
	background: url(/images/stage.bg.top.png);
	background-repeat: no-repeat;
	height:18px;
}
#stage .middle
{
	background: url(/images/stage.bg.middle.png);
	min-height: 560px;
	background-repeat: repeat-y;
	padding:0px 50px 0 30px;
}
#stage .bottom
{
	background: url(/images/stage.bg.bottom.png);
	background-repeat: no-repeat;
	height: 18px;
	
}





#news
{
	width: 239px;
	margin-left:-15px;
	float:left;
	position:relative;
}

#news .top
{
	background: url(/images/galerie.bg.top.png);
	background-repeat: no-repeat;
	height:18px;
}
#news .middle
{
	background: url(/images/galerie.bg.middle.png);
	min-height: 100px;
	background-repeat: repeat-y;	
	padding:0 30px 20px 30px;
}
#news .bottom
{
	background: url(/images/galerie.bg.bottom.png);
	background-repeat: no-repeat;
	height: 18px;
	
}

#news h1, #news h2
{
	font-size:115%;
	padding:2px 0;
	margin-bottom:3%;
}

#news h3, #news h4
{
	font-size:102%;
	padding:4% 0 2% 0;
}
#news p
{
    line-height: 1%;
    padding-bottom: 0;
    font: .7em/1.3 Tahoma, Arial, Helvetica, sans-serif; 
}





.clear:before, .clear:after { content: ""; display: table; }
/*.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
.clear:after {clear: both; }
.clear {display: inline-block;}
.clear { zoom: 1; }

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


#hostedby {
    position:fixed;
    bottom:0px;
    margin-right:20px;
    right:0;
    padding:2px 4px;
    text-align:right;
    color:#000;
    color:#fff;
    font: .8em/1.3 Tahoma, Arial, Helvetica, sans-serif; 
}
#hostedby a { text-decoration:none;color:#fff; font-weight:normal; } /*#626463;*/
#hostedby a:hover { text-decoration:none; color:#000;}




#content_galerie {
	padding: 20px;
}


#container {

  margin-bottom: 20px;
  border-radius: 5px;
  clear: both;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}


.box {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  background: #D8D5D2;
  background: url(/images/bg15.png);
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
          

   width: 120px;   

}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box img, #tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }


.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }





mg { max-width: 380px; }
.col5 img { max-width: 480px; }

