/* General page style */
body { 
	word-wrap: break-word;		/* against IE5 and IE6 problem */
	margin:0;
	padding:0; 
	border:0;					/* This removes the border around the viewport in old versions of IE */
	width:98%;
	background:#240405 url(../pics/site/bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	min-width:600px;			/* The min-width property does not work in old versions of Internet Explorer */
	font-size: 85%;
	margin-top: 1%;
	}
a {
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}


h1{
	margin: 1em 0 0.3em 0;
	padding:0;
}

h2, h3 {
	margin:.5em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}


/* Header styles */
#braxos { 
	position:relative;
	background-color: transparent;
	clear:both;
	float:left;
	width:100%;
}

#header { 
	position:relative;
	margin-top: 10%;
	background-color: #240405;
	border-top: thin solid yellow; 
	border-left: thin solid yellow;
	border-right: thin solid yellow;
	/* border-bottom:1px solid #000; */
	clear:both;
	float:left;
	width:100%;
}

#language_pic{
max-width: 40px;
margin-right: 2px;
}

/*----------------------------------------------------------------------------------------------------*/	
/* common column settings */

.colmask { 	position:relative;				/* This fixes the IE7 overflow hidden bug */
		clear:both; 
		float:left; 
		width:100%;							/* width of whole page */
		overflow:hidden; 
		min-width: 700px; 
		margin-right: auto;					/* to center the stuff */
		margin-left: auto;
		border-right: thin solid yellow; 
		border-left: thin solid yellow;		/* This chops off any overhanging divs */
		background-color: #240405;
	}
	
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
	}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#ff9900;		/* right column background colour */
	border-left: thin solid yellow;
	border-right: thin solid yellow;
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background:#ff9900;	/* left column background colour */
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}

/*----------------------------------------------------------------------------------------------------*/	
/* Footer styles */
#footer { 
	background-color: #ff9900; 
	clear:both; 
	float:left; 
	width:100%; 
	border: thin solid yellow;
	font-size: 12px;
	margin-bottom: 2%;
	}
	
#footer p {
	padding:0px;
	margin:0.5em;
	text-align: center;
}

/*----------------------------------------------------------------------------------------------------*/	
/* picture galerie specific */

	.picgal_con{
		width: 300px;
		height: 280px;
		float:left;
		padding: 10px 10px 0px 10px;
		margin: 10px 10px 0px 0px;
		background-color: white;
		border-left: 1px solid grey;
		border-top: 1px solid grey;		
		border-right: 4px solid grey;
		border-bottom: 4px solid grey;
		font-family: Lucida Serif;
		}
		
	.picgal_con img {
		width: 300px;
		height: 220px;
		border: 1px solid black;
	}

	.picgal_con p {
		text-align: center;
		font-family: "Lucida Handwriting", serif;
		font-size: 14px;
		font-weight: bold;
	}

/*----------------------------------------------------------------------------------------------------*/	
/* menue card specific */

	.menuecard_left_col{
		width: 49%;
		float:left;
		margin-right: 1em;
		}
		
	.menuecard_right_col {
		width: 49%;
		float:left;
	}
	
	.menuecard_con {
		width:99%;
		background-color: transparent;
		border-left: 1px dotted yellow;
		margin: 0em 0em 3em 1em;
	}
	
	.menuecard_con img {
		float:left;
		padding: 2px;
		margin-right: 1em;
		margin-left: -1em;
		width: 20%;
		border: 1px solid yellow;
	}

	.menuecard_con h2 {
		font-style: italic;
	}
	
	.menuecard_item { margin-left: 3em;
				  list-style: square ;
				  font-weight: bold;
				  font-size: 18px;}

	.menucard_span {
					font-weight: normal;
					font-size: 14px; }
					
	.menuecard_price {
		font-weight: italic;
		font-weight: bold;
		font-size: 16px;
		color: yellow;
		text-decoration: underline;
	}
				  
/*----------------------------------------------------------------------------------------------------*/	
/* links specific */
.link_con{
	margin-bottom: 2em;
	border-style: dotted;
	border-color: yellow;
	border-width: 1px 0px 0px 0px;
}
.link_img {
	float: left;
	width: 160px;
	height: 110px;
	padding: 2px;
	margin: -0.5em 2em 0em 0em;
	border-color: yellow;
	border-width: 1px;
	border-style: solid;
}
		  
/*----------------------------------------------------------------------------------------------------*/	
/* Find-Us specific */

/* wrapper for google maps */
.map_wrapper img{
	float: none;
	width: 516px; 
	height: 316px; 
	background-color: transparent; 
	border: 2px solid yellow;
	padding: 4px;
	margin : 2em;
	text-align : center;
}

/*----------------------------------------------------------------------------------------------------*/	
/* Imprint specific */
.impr	{ text-align: justify;}


/*----------------------------------------------------------------------------------------------------*/	
/* misc */				  
	
/* left coloumn picture at bottom of page */
#lc_img { width: 200px; border: none; position: absolute; bottom: 0%; right: 7%;}


/*----------------------------------------------------------------------------------------------------*/	
/* vertical navigation bar */
#navcontainer {
	background: transparent;
	width: 90%;
	margin: 0 auto;
	padding: 1.5em 0;
	font-family: Times;
	font-size: 100%;
	text-align: left;
	text-transform: capitalize;
}
	

dl, dt, dd, ul, li {
margin: 0 0 0 0.3em;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto 0 0;
width: 90%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

/* style for inactive menue items */
ul#navlist li a
{
display: block;
width: 100%;
padding: 0.7em 0 0.2em 0.7em;
border-width: 0px 0px 1px 0px;
border-color: transparent transparent yellow transparent;
border-style: none none dotted none;
/*color: #777; */
color: #585858;
text-decoration: none;
background: transparent;
}

ul#navlist li#sub a
{
padding: 0.2em 0.5em 0.2em 0.5em;
margin:0em 0em 0em 0em;	
text-align: left;
}


#navcontainer>ul#navlist li a { width: auto; }

/* style for active menue item */
ul#navlist li#active a
{
background: transparent;	/* #f0e7d7 */
color: #a41b35;
text-transform: uppercase;
font-style: normal;
font-weight: bolder;
text-decoration: none;
}

/* style for menueitem with mouse over */
ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-width: 0px 0px 1px 0px;
border-style: none none solid none;
border-color: transparent transparent yellow transparent;
background-image: url(../pics/site/star.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
font-size: 100%;
font-weight: bolder;
letter-spacing: 0px;
}