@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator     YAML Builder V1.0.3b (http://builder.yaml.de)
 * @file        my_layout.css
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(./core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(./navigation/nav_shinybuttons.css);
@import url(screen/content.css);
@import url(ui/ui.all.css);

html{font-size:100%;}

/* import print layout | Druck-Layout einbinden */
/* @import url(../yaml/print/print_003_draft.css); */
#main {padding-bottom: 20px;padding-left:15px;width:590px;}
h1.tite {display:inline;clear:both;padding:3px;}
span.rate {display:inline-block;margin-top:12px;}
.search_box{float:left;margin-left:10px;}
#fragment1 input{font-size:22px;}
#fragment4 input{font-size:22px;width:120px;}
#fragment5 input{font-size:22px;width:230px;}
#fragment4 #event{width:230px;}
#fragment1 input[type=submit]{margin-top:14px;}
#fragment4 input[type=submit]{margin-top:14px;}
#fragment5 input[type=submit]{margin-top:14px;width:130px;}
#fragment1 div label {text-align:left;}
.submit {margin-top:18px;}
#fragment1{min-height:60px;}
#fragment4{min-height:60px;}
#fragment5{min-height:60px;}
#fragment1 input {float:left;}
#fragment1 div.search_box {}
#header {text-align:center;}
#header h4 {color:#0356A2;}
#advert {clear:both;}
#advert li {list-style-type:none;}
li {margin-left:0;}
.section_header {clear:both;margin:10px 0;}
.section_header h3 {margin-left:205px;background:#0356A2;color:#fff;padding:3px 0 3px 5px;border:1px solid #969696}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url('../media/delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('../media/star.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
.weather_forecast {float:left;background:#FAFAFB;border:1px solid #ccc;margin:4px;padding:5px;}
.weather_forecast ul {margin:0;}
.weather_forecast li {list-style-type:none;text-align:center;}
/* END jQuery.Rating Plugin CSS */
/* Tabs
----------------------------------*/
.tabs {min-height:170px;width:590px;}
.tabs-hide { display: none !important; }
.map {width:560px;z-index:10000;height:300px;background:transparent; color:#000 !important;}
.left_advert {display:block;width:100px;height:auto;border:1px solid #000;padding:5px;position:absolute;z-index:1;}
.right_advert{position:relative;padding-left:115px;vertical-align:top;z-index:2;}
.right_advert p {margin-left:5px;}
#right {float:right;padding:10px;font-size:14px;background:#CCCCCC;border-left:1px solid #999;filter:alpha(opacity=90);-moz-opacity: 0.9; opacity: 0.9;max-width:250px;height:100%;}
#main {float:left;font-size:14px;}
#search{width:60%;text-align:center;margin:0px auto;}
#login{width:60%;text-align:center;margin:0px auto;}
menu li {display:inline;padding:4px;}
h6 {text-transform:uppercase;font-size:90%;font-style:normal;}
#footer {height:60px;background:url('../media/patt_49911d159f55b.jpg');border-top:7px solid #333;padding:7px;}
#footer ul li {margin:0px auto;font-size:16px;}
#footer li {display:inline;}
#header{background:url('../media/bck_0001.JPG') no-repeat; border-bottom:7px solid #333;}
#header h1{padding:10px;color:#0356A2;}
#topnav {color:#ddd;font-size:13px;padding:5px 6px 3px 0;background:#0356A2;}
#local_image { height:180px;width:220px;}
#login_right label {width: 70px;display:block;float:left;}
#topnav h5{float:left;}
#main h1 {color:#990000;clear:both;}
#right h2 {color:#990000;}
#news li {list-style-type: none;}
#new_event {color:#fff;margin-top:5px;}
#new_event a {padding:5px;color:#fff;}
#right h2 {margin:10px 0 5px;}
#right .ui-datepicker {width:auto;text-align:center;}
.edit a {position:absolute;left:520px;z-index:1000;top:-5px;}
#local_weather span {position:relative;left:80px;top:-30px;}
.featured {border:1px dashed #333333;background:#DBD9C0;margin:0 20px 10px 20px;padding:4px;}
.featured h3 {text-transform:uppercase;text-align:center;}
.featured h3{color:}

/****************************/
/*	Form Section			*/
/****************************/
.section {}
.field_container {display:block;clear:both;}
.field_container span {float:left;width:170px;text-align:right;display:block;margin-right:5px;font-weight:bold;}
.section-head {}
#breadcrumbs li {float:left;list-style-type:none;margin-bottom:5px;}
input, select, textarea {margin-bottom:5px;}
#form_left {
	float:left;
	margin-right:10px;
	text-align:center;
}
#form_left a {  
	display: block;  
	border: 1px solid #aaa;  
	text-decoration: none;  
	background-color: #fafafa;  
	color: #123456;  
	margin: 2px;  
	clear:both;  
}  
#form_left select {  
	width: 140px;  
	height: 100px;
	font-size:12px;  
}
.ui-autocomplete-results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete-results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ui-autocomplete-loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ui-autocomplete-odd {
	background-color: #eee;
}

.ui-autocomplete-over {
	background-color: #0A246A;
	color: white;
}
#jSuggestContainer {
	-x-system-font:none;
	background:#FFFFFF none repeat scroll 0 0;
	border-color:-moz-use-text-color #FFB931 #FFB931;
	border-style:none solid solid;
	border-width:0 1px 1px;
	font-family:Tahoma;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	position:absolute;
}
.jSuggestLoading {
	font-style:italic;
	padding:10px;
}
#jSuggestContainer ul, #jSuggestContainer ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#jSuggestContainer ul li {
	background:#FFF9E7 none repeat scroll 0 0;
	border-bottom:1px dotted #FFE594;
	color:#666666;
	cursor:pointer;
	padding:2px 4px;
}
#jSuggestContainer ul li.last {
	border-bottom:0 none;
}
#jSuggestContainer ul li.jSuggestHover {
	background:#FFEAAA none repeat scroll 0 0;
	color:#333333;
}
.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
}
.pics img {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
#pagination-flickr{margin-left:15px;}
#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
border:0;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}
.form_error {color:red;}
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-weight:bold;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../media/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../media/success.png');
}
.warning {
color: #9F6000;
background-color: #FBE3E4;
background-image: url('../media/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../media/error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../media/validation.png');
} 
.info, .success, .warning, .error, .validation {
	clear:both;
	margin-left:10px;
}
#contact h3 {
	color:#fff;
}
#search {
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
}

/*
  project: CSS - table design
  type: stylesheet
  description: golden style
  edited: 14.09.2005, Michael Horn
*/
#main table {
  border-collapse: collapse;
  font: normal 80%/140% verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #fffff0;
  }
#main caption {
  padding: 0 .4em .4em;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: transparent;
  }
#main td, th {
  border: 1px solid #cc9;
  padding: .3em;
  }
#main thead th, tfoot th {
  border: 1px solid #cc9;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #444;
  background: #dbd9c0;
  }
#main tbody td a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  border-bottom: 1px dotted #cc9;
  }
#main tbody td a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }
#main tbody th a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  font-weight:bold;
  border-bottom: 1px dotted #cc9;
  }
#main tbody th a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }
#main tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
#main tfoot td {
  border: 1px solid #996;
  }
.odd {
  color: #333;
  background: #f7f5dc;
  }
#main tbody tr:hover {
  color: #333;
  background: #fff;
  }
#main tbody tr:hover th,
#main tbody tr.odd:hover th {
  color: #333;
  background: #D1D1D1;
}
/* navigation */
	
	#nav {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #ccc;
		border-bottom: 1px solid #999;
		}
	
	#nav li { 
		float: left;
		margin: 0;
		padding: 0;
		}
	
	#nav a {
		float: left;
		display: block;
		padding: 6px 30px 6px 5px;
		text-decoration: none;
		font-weight: bold;
		font-size: 100%;
		color: #666;
		background: #ccc url(../media/nav_slant.gif) no-repeat top right;
		}
	
	#nav #nav-1 a {
		padding-left: 20px;
		}
	
	#nav a:hover {
		color: #000;
		}
	
	/* more */


