/* ---------------------- */
/* Copyright by Marc Wolf */
/* ---------------------- */
/* http://www.marcwof.net */
/* ---------------------- */

@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}
html {
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
	background: #000000;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000000;
	color: #FFFFFF;
	margin: 20px 0 0 0px;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 17px;;
	font-weight: bold;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 15px;
}
h2 {
	font-size: 21px;;
	font-weight: bold;
	line-height: normal;
	margin-top: 0;
	margin: 0;
	margin-bottom: 5px;
}
p {
	line-height: normal;
	margin: 0 0 1.2em 0;
	line-height: 1.2em;
}
:focus {
	outline: 0;
}
img{
  border: 0px;
}
small {
	font-size: 9px;
}
hr {
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
	color: #FFF;
	border: none;
	margin: 0 0 1.2em 0;
}
input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 2px solid #999999; padding: 3px;
	background-color: #EDEDED;
}

ul, ol {
	padding: 0;
	margin: 0;
}
#edituser {
	margin: 0 auto;
	background: url(/img/bg_2.jpg) repeat-x #877057;
	width: 530px;
	height: 320px;
	padding: 20px;
}
#editproberties {
	margin: 0 auto;
	background: url(/img/bg_2.jpg) repeat-x #877057;
	width: 530px;
	height: auto;
	padding: 20px;
}
#editmediaslider {
	margin: 0 auto;
	background: url(/img/bg_2.jpg) repeat-x #877057;
	width: 530px;
	height: 270px;
	padding: 20px;
}
.customer {
	font-size: 17px;
}
.txtarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 2px solid #999999; padding: 3px;
	background-color: #EDEDED;
}
.active {
	font-weight: bold;
}
.refactive {
	font-weight: bold;
	font-size: 15px;
}
.mactive {
	text-decoration: underline;
}
#main {
	background: url(/img/bg_2.jpg) repeat #877057;
	margin: 0 auto;
	width: 980px;
}
#header {
	width: 100%;
}
#topnavi {
	float: left;
	font-weight: bold;
	padding-top: 65px;
	padding-left: 40px;
	font-size: 14px;
}
#topnavi li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 52px 0 0;
}
#logoprint {
	display: none;
	float: right;
	padding: 36px 35px 0 0;
}
#logo {
	float: right;
	padding: 36px 35px 0 0;
}
#middle {
	float: left;
	margin-top: 32px;
	padding-left: 40px;
	min-height: 480px;
	height: auto !important;
	height: 480px;
	width: 940px;
}
#navi {
	width: 200px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	border-top: 1px solid #FFFFFF;
	margin-top: 21px;
	margin-right: 25px;
	margin-bottom: 60px;
	float: left;
}
#navi li {
	list-style: none;
	float: none;
	margin: 0;
	font-size: 11px;
	border-bottom: 1px solid;
}
#navi a {
	display: block;
	padding: 5px 0 5px 2px;
}
#navi li:hover {
	background-color: #bba991;
}
.liactive {
	background-color: #bba991;
}
.secliactive {
	padding-left: 25px;
	background-color: #bba991;
}
.secli {
	padding-left: 25px;
}
.sec {
}
.secactive {
	font-weight: bold;
}
#sitemap li {
	list-style: none;
	padding: 2px;
}
#lng {
	width: 500px;
	float: left;
	height: 21px;
	font-size: 9px;
}
.additional {
	font-size: 9px;
}
#lng li {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0 0 0 18px;
}
#lng li.back {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
}
#newsarchive {
	margin-top: 10px;
	text-align: right;
	font-size: 9px;
}
.newsitem td {
	padding-top: 9px;
	padding-left: 3px;
	padding-bottom: 9px;
}
.tbottom {
}
.hover {
	background: #bba991;
	cursor:pointer;
}
.hover a {
	background: #bba991;
	cursor:pointer;
	text-decoration: underline;
}
.hoverr {
	background: #bba991;
}
#center {
	border-top: 1px solid #FFFFFF;
	padding-top: 15px;
	width: 500px;
	float: left;
	font-size: 14px;
	margin-bottom: 20px;
}
#center ul {
	margin: 0 0 1.2em 15px;
}
#prbnews a {
  font-weight: bold;
  text-decoration: underline;
}
#prbnews a:hover {
  text-decoration: none;
}
#pf {
	width: 100%;
	margin-bottom: 20px;
}
a.option {
	display: block;
	float: left;
	width: 200px;
	text-align: left;
	padding: 5px 0 5px 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	background-color: #99836b;
}
a.option:hover {
	background-color: #bca890;
}
#center ol {
	margin-left: 30px;
	padding-bottom: 20px;
}
#city {
	margin-top: -8px;
	width:150px;
	float: right;
	text-align: right;
}
#city li {
	list-style: none;
	font-size: 14px;
	width: 100px;
	padding-right: 50px;
	background-image: url(/img/city-line-30n.gif);
	background-repeat:no-repeat;
	background-position:120px 2px;
	padding-bottom: 15px;
}
#footer {
	width: 980px;
	height: 29px;
	float: left;
	background-color: #FFFFFF;
	color: #9c3939;
	font-size: 10px;
	font-weight: bold;
}
#footer ul {
	padding-left: 35px;
}
#footer li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	padding: 7px 5px 0 5px;
}
#footer a {
	color: #c1a98f;
}
#devhint {
	text-align: right;
}
#devhint a {
	color: #070707;
	font-size: 6px;
}
#startmain {
	height: 643px;
	width: 980px;
	margin: 0 auto;
	background: url(/content/img/screen.jpg) no-repeat;
}
#newsteaser {
	font-size: 14px;
	padding: 50px 40px 0 40px;
	height: 450px;
}
#newsteaser p {
	font-size: 14px;
	font-weight: normal;
}
#startbottom {
}
#startcity {
	float: left;
	font-size: 14px;
	padding-top: 18px;
}
.letters {
	padding: 4px;
	margin-right: 10px;
}
.refhr {
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 15px;
}
.reftablec {
	padding-top: 10px;
	padding-left: 3px;
	padding-bottom: 10px;
}
.reftables {
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 10px;
}
.reftables a {
	line-height: 19px;
}
.reftables p {
	line-height: 2px;
	margin: 0;
	padding: 0;
	padding-left: 6px;
	background: url(/img/ref_list.gif) no-repeat left top;
}
#startcity ul {
	padding: 0;
	margin: 0;
}
#startcity li {
	list-style:none;
	background: url(/img/city-line-30n.gif) no-repeat 0px 3px;
	padding:0 0 18px 40px;
}
#startlogoprint {
	display: none;
}
#startlogo {
	float: right;
	width: 655px;
	height: 42px;
	text-align: right;
	padding: 10px 35px 0 0;
}
#startbtnt {
	font-size: 14px;
	float: right;
	width: 700px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-top: 20px;
}
#startbtnt ul {
	padding: 0;
	margin: 0;
}
#startbtnt li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#startbtnt li {
	padding: 6px 30px 6px 5px;
}
#startbtnb {
	float: right;
	width: 700px;
	font-size: 10px;
	padding-top: 5px;
}
#startbtnb ul {
	padding: 0;
	margin: 0;
}
#startbtnb li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#startbtnb li {
	padding: 8px 5px 5px 5px;
}
.pageprop {
	font-size: 12px;
	color: #333;
}
.extraborder {
	border: 1px solid #FFF;
	padding: 4px;
	margin-right: 5px;
}
.marginbottom {
	margin-bottom: 15px;
}
.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	padding: 3px;
	border: none;
	background-color: #FFF;
	color: #877057;
}
.search {
	margin: 0;
	padding: 3px;
	margin-bottom: -5px;
	margin-left: 5px;
	font-size: 12px;
	border: none;
	background-color: #FFF;
	color: #877057;
}
.searchbtn {
	margin: 0;
	padding: 2px;
	margin-bottom: -5px;
	font-size: 12px;
	border: none;
	background-color: #FFF;
	color: #877057;
}
.searchbtn:hover {
	margin: 0;
	padding: 2px;
	margin-bottom: -5px;
	font-size: 12px;
	border: none;
	background-color: #a8947c;
	color: #FFF;
}
.contactbtn {
	border: none;
	background-color: #FFF;
	color: #877057;
}
.contactbtn:hover {
	border: none;
	background-color: #877057;
	color: #FFF;
}
#login {
	border: 1px solid #FFF;
	padding: 40px;
	width: 400px;
	height: 160px;
	margin-bottom: 40px;
	background-color: #bba991;
}
#login p {
	padding: 0;
	margin: 0;
	margin-top: 10px;
 
}
.login {
	font-size: 12px;
	width: 80%;
	padding: 3px;
	font-weight: bold;
	color: #877057;
}
#flashcontent {
	margin-bottom: 20px;
}
#modulearea {
	padding: 5px;
	border: 1px solid #abc6dd;
	filter: alpha(opacity=50);
	/*
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	*/
	background-color: #88a4bb;
}
/*
#noflash {
	display: none;
}
#yesflash {
	display: inline;
}
*/

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
  /*width:725px;*/
  width: 500px; 
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:200px; 
	bottom:0px; 
	right:5px; 
	background:url(/img/slideitmoo_forward.png) no-repeat center;
	background-position: 0% +60px;
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(/img/slideitmoo_back.png) no-repeat center;  
	background-position: 0% +60px;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	font-size:11px; 
	width:128px; 
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:2px; }
#SlideItMoo_items a img{ border:none; }


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
 
}
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
