/*----------------------------------------------------------------------------- 

RAMA BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet 

version:   	1.0 
date:      	07/27/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/

/***********************
	-	BASICS 	-
***********************/
html {
	width: 100%;
	overflow-x:hidden;
	margin: 0;
	padding: 0;
}

body{
	background-color:#111;
	background-image:url(../images/grain.png);
	font-family: arial, sans-serif;
}

ol, ul { 
    list-style: none; 
}

a{
	text-decoration:none;
}


/***********************************
	-	THE SELECTOR STYLE	-
***********************************/
.selector {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2000;
	
}
.selector .seltext{
	float:right;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#2d251e;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
	margin-right:25px;
}

.selector .thumbbutton{
	float:right;
	font-family: arial, sans-serif;
	background:url(../images/btn_idle_tile.png);
	width:auto;
	height:18px;
	padding:9px;
	padding-left:15px;
	padding-right:15px;
	margin-top:10px;
	color:#a3988f;
	text-shadow: 1px 1px 1px #000000;
	font-size:12px;
	font-weight:bold;
	border-radius: 5px 0px 0px 5px; 
	-moz-border-radius: 5px 0px 0px 5px; 
	-webkit-border-radius: 5px 0px 0px 5px; 
	cursor:pointer;
}

.selector .thumbbutton .grain{
	background:url(../images/grain.png);
}

.selector .middle{
	border-radius: 0px 0px 0px 0px; 
	-moz-border-radius: 0px 0px 0px 0px; 
	-webkit-border-radius: 0px 0px 0px 0px; 
}

.selector .right{
	border-radius: 0px 5px 5px 0px; 
	-moz-border-radius: 0px 5px 5px 0px; 
	-webkit-border-radius: 0px 5px 5px 0px; 
}

.selector .seperator{
	height:35px;
	width:1px;
	background-color:#0b0907;
	float:right;
	margin-top:10px;
}


.selector .thumbbutton:hover, .selector .selected{
	color:#463d35;
	background:url(../images/btn_select_tile.png);
}

/*******************************
	-	MAIN SHADOWS AND EFFECTS -
********************************/

.foot{
font-size: 14px;
margin-left: 5px;
margin-top:25px;
color: #666;
}

.bannerholder{
	background:url(../images/glare.png) no-repeat;
	width:1400px;
	height:700px;
	position:absolute;
	left: 50%;
	margin-left: -700px;
	top: 90px;
}

.bannerholder .bggradient{
	background:url(../images/bgpart.png) repeat-x;
	width:100%;
	height:700px;
	position:absolute;
	left:0;
	top: 50px;
}

.bannerholder .bannershadow{
	background-image:url(../images/bannershadow.png);
	margin-top:0px;
	width:800px;
	height:100px;

	margin-left:auto;
	margin-right:auto;
	z-index: 1;
}



#container
{
	width:820px;
	margin: auto;
	margin-top:20px;
	color: #666;
}

#container a
{
	font-size: 14px;
	margin-left: 5px;
	margin-top:40px;
	color: #666;
	padding-right: 5px;

}

/*******************************
	-	BANNER STYLES	-	
********************************/
#marcos{
	
	position:relative;	
	top: 0px;
}	

#marcos ul >li{
	display:none;
}

#unten {
width: 800px;
margin:auto;
font-size: 14px;
z-index: 1;
margin-top: 15px;
}

.untenblock
{
display: block;
text-align: center;
width: 395px; 
float: left; 
z-index: 1;
}

#impressum{
	padding: 20px;
	font-size: 12px;
	color: #666;
	display:none;
	border: #666 solid 1px;
	width: 345px;
	margin-bottom: 50px;
z-index: 1;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#oeffnungszeiten{
	padding: 20px;
	font-size: 12px;
	color: #666;
	display:none;
	border: #666 solid 1px;
	width: 345px;
	margin-bottom: 50px;
z-index: 1;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}


/**********************************************************
	-	CAPTION SETTINGS FOR THE PARADIGM SLIDER	-
**********************************************************/	
.caption_transparent{
	font-family: 'PT Sans Narrow', 'Arial narrow', sans-serif;
	font-size:30px;
	color:#fff;
	background-color: rgba(0,0,0,0.5);
	padding:5px;
	position:absolute;
	font-weight: 700;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	
}

.caption_black{
	font-family: 'PT Sans Narrow', 'Arial narrow', sans-serif;
	font-size:30px;
	color:#fff;
	background-color:#000;
	padding:5px;
	position:absolute;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
}

.caption_blue{
	font-family: 'PT Sans Narrow', 'Arial narrow', sans-serif;
	font-size:30px;
	color:#fff;
	background-color:#00b4ff;
	padding:5px;
	position:absolute;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
}

.caption_green{
	font-family: 'PT Sans Narrow', 'Arial narrow', sans-serif;
	font-size:30px;
	color:#fff;
	background-color:#445626;
	padding:5px;
	position:absolute;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
}

.caption_orange{
	font-family: 'PT Sans Narrow', 'Arial narrow', sans-serif;
	font-size:30px;
	color:#fff;
	background-color:#e65700;
	padding:5px;
	position:absolute;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
}

.caption_red{
	font-family: 'PT Sans Narrow', 'Arial narrow', sans-serif;
	font-size:30px;
	color:#fff;
	background-color:#C11C1A;
	padding:5px;
	position:absolute;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
}

.caption_white{
	font-family: 'PT Sans Narrow', 'Arial narrow', sans-serif;
	font-size:30px;
	color:#000;
	background-color:#fff;
	padding:5px;
	position:absolute;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	font-weight: 700;
}

.caption_grey{
	font-family: 'PT Sans Narrow', 'Arial narrow', sans-serif;
	font-size:30px;
	color:#fff;
	background-color:#333;
	padding:5px;
	position:absolute;
	-moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.75);
	padding-left: 10px;
	padding-right: 10px;
}

a:link, a:visited {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #ddd;
}

.caption_white a:link, .caption_white a:visited {
	text-decoration: none;
	color: #000;
}

.caption_white a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #555;
}

a:focus { 
    outline: none; 
}

.minicap{
	font-size:14px;
	font-weight: normal;
}

.smallcap{
	font-size:18px;
	font-weight: normal;
}

.largecap{
	font-size:32px;
}

.imagecap{
	position:absolute;
}

.nobg{
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: #000 5px 5px 5px;
}


#small_divider {
	margin-top:8px;
}

#big_divider {
	margin-top:150px;
}
