/* screen.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for brandlhof.com 

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


/* Basic CSS Rules
--------------------------------------------------------------------- */

body {
	background: #040000;
	margin: 0;
	padding: 0;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #6d6e71;
	text-align: left;			
}

img, div { 
	behavior: url(static/pngfix/iepngfix.htc)
}

h1, h2, h3, h4 {
	color: #000;
	font-weight: normal;
}


object {
	display: block;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #000;
text-decoration: none;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}



/* general site container
--------------------------------------------------------------------- */

#site {
	width: 900px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}


/* metanavigation
--------------------------------------------------------------- */

#metanav {
	width: 655px;
	height: 40px;
	overflow: visible;
	position: absolute;
	left: 245px;
	top: 91px;
	z-index: 450;
}

/* menustyles in superfish css*/




/* top area (logo)
--------------------------------------------------------------------- */

#top {
	background: url(../img/top_bg.jpg) left top no-repeat;
	width: 870px;
	height: 131px;
	padding: 0 0 0 30px;
	overflow: hidden;
}

#top .logo {
	width: 186px;
	height: 131px;
	overflow: hidden;
	float: left;
}

#top .top_links {
	width: 655px;
	height: 131px;
	overflow: hidden;
	float: right;
	padding: 15px 25px 0 0;
	color: #fff;
	line-height: 14px;
	font-size: 12px;
	text-align: right;
}

#top .top_links a {
	color: #fff;
	text-decoration: none;
}




/* center (portal, content site)
--------------------------------------------------------------- */
#center {
	background: #fff;
	width: 900px;
	overflow: hidden;
}

/* sidebar
--------------------------------------------------------------- */
#center #sidebar {
	width: 220px;
	overflow: hidden;
	padding: 35px 0 0 25px;
	float: left;
}

#sidebar .request_box {
	width: 195px;
	overflow: hidden;
	padding: 0 0 10px 0;
}

#sidebar .request_box h3 {
	width: 195px;
	overflow: hidden;
	color: #6e91a3;
	font-weight: bold;
	margin: 0 0 7px 0;
}

#sidebar .request_box form {
	width: 195px;
	overflow: hidden;
}

#sidebar .request_box form p {
	width: 195px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

#sidebar .request_box form p.submit_request {
	padding: 5px 0 0 0;
}
#sidebar .request_box form input.submitbutton {
	width: 95px;
	height: 21px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar .request_box form label {
	width: 195px;
	display: block;
	overflow: hidden;
	margin: 0 0 5px 0;
	font-size: 11px;
	line-height: 14px;
	color: #6d6e70;
}

#sidebar .request_box form select {
	float: left;
	margin: 0 3px 0 0;
}

#sidebar .request_box form .daymonthselect {
	width: 45px;
}

#sidebar .request_box form .yearselect {
	width: 60px;
}

.calendar_icon {
	background: url(../img/calendar_icon.gif) left top no-repeat;
	width: 20px;
	height: 17px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	float: left;
}


#sidebar .teaser {
	background: url(../img/teaser_line.gif) left top repeat-x;
	width: 195px;
	overflow: hidden;
	padding: 15px 0 10px 0;
}

#sidebar .teaser h3 {
	width: 195px;
	overflow: hidden;
	color: #6d6e71;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#sidebar .teaser h3 a {
	color: #6d6e71;
	font-weight: bold;
}

#sidebar .teaser p {
	width: 195px;
	overflow: hidden;
	color: #6d6e70;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 12px 0;
}

#sidebar .teaser a {
	color: #6d6e71;
	font-weight: bold;
	text-decoration: none;
}

#sidebar .teaser p.newsletter_link a {
	color: #6d6e70;
	text-decoration: underline;
}

/* content
--------------------------------------------------------------- */

#center #content {
	width: 655px;
	overflow: hidden;
	padding: 0 0 25px 0;
	float: left;
}

/* breadcrumb*/
#content .breadcrumb {
	width: 630px;
	height: 30px;
	overflow: hidden;
	padding: 5px 0 0 0;
}

#content .breadcrumb a {
	overflow: hidden;
	color: #6e91a3;
	line-height: 14px;
	font-size: 10px;
	text-decoration: none;
	margin: 0;
	display: block;
	float: left;
}

#content .breadcrumb span.position {
	height: 14px;
	overflow: hidden;
	color: #6e91a3;
	line-height: 14px;
	font-size: 10px;
	float: left;
}

#content .breadcrumb .separator {
	background: url(../img/separator.gif) left 1px no-repeat;
	width: 15px;
	height: 14px;
	overflow: hidden;
	display: block;
	float: left;
}

#content h1 {
	width: 630px;
	overflow: hidden;
	color: #6e91a3;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 15px 0;
}

/* portalimage */
#content .portalimage {
	width: 630px;
	height: 355px;
	overflow: hidden;
	position: relative;
	margin: 0 0 10px 0;
}

#content .portalimage .filmbutton {
	background: url(../img/filmbutton_bg.png) left top no-repeat;
	width: 132px;
	height: 126px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 229px;
	z-index: 10;
}

* html #content .portalimage .filmbutton {
	background: url(../img/filmbutton_bg.gif) left top no-repeat;
}


#content .portalimage .filmbutton .fimtext {
	width: 57px;
	height: 40px;
	overflow: hidden;
	color: #688799;
	font-size: 9px;
	line-height: 10px;
	margin: 50px 0 0 0;
}

#content .portalimage .filmbutton .f_button {
	width: 132px;
	height: 36px;
	overflow: hidden;
}

#content .portalimage .filmbutton label {
	overflow: hidden;
	color: #688799;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 5px;
}

#content .portal_image_slider {
	width: 630px;
	height: 355px;
	overflow: hidden;
}

#content .portal_image_slider img {
	vertical-align: top;
}


/* contentimage */
#content .contentimage {
	width: 630px;
	height: 170px;
	overflow: hidden;
	position: relative;
	margin: 0 0 10px 0;
}
#content .contentimage2 {
	width: 630px;
	height: 290px;
	overflow: hidden;
	position: relative;
	margin: 0 0 10px 0;
}


#content .contentimage .mask,
#content .contentimage2 .mask {
	background: url(../img/mask.png) left top no-repeat;
	width: 42px;
	height: 42px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
#content .contentimage-left {
	width: 200px;
	height: 133px;
	float:right;
	margin: 0 0 20px 20px;
}



/* contentblock (text) */
#content .contentblock {
	width: 630px;
	overflow: hidden;
	padding: 15px 0 5px 0;
	color: #6d6e71;
}

#content .contentblock .cb_img {
	width: 630px;
	overflow: hidden;
	margin: 5px 0;
}

#content .contentblock p {
	width: 630px;
	margin: 0 0 20px 0;
}

#content .contentblock a {
	color: #6d6e71;
	text-decoration: underline;
}

#content .contentblock h2 {
	overflow: hidden;
	color: #6d6e71;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 5px 0;
}

#content .contentblock h3 {
	overflow: hidden;
	color: #6d6e71;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0;
}

#content .contentblock ul {
	overflow: visible;
	padding: 0;
	list-style: none;
	margin: 5px 0 15px 5px;
}

#content .contentblock ul li {
	background: url(../img/list.gif) left 5px no-repeat;
	overflow: hidden;
	display: block;
	margin: 0 0 1px 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 14px;
	color: #636363;
}

#content .contentblock ul ul {
	overflow: visible;
	padding: 0;
	list-style: none;
	margin: 3px 0 3px 10px;
}

#content .contentblock ul ul li {
	background: url(../img/list2.gif) left 5px no-repeat;
	list-style-type:disc;
	overflow: hidden;
	display: block;
	margin: 0 0 1px 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 14px;
	color: #636363;
}


#content .contentblock ol {
	list-style-image: none;
	list-style-position: outside !important;
	list-style-type: decimal !important;
	margin: 5px 0;
	overflow: visible;
	padding: 0;
	margin: 5px 0 5px 25px;
}


#content .contentblock ol li {
	overflow: visible;
	padding: 0;
	float: none !important;
	font-size: 12px;
	line-height: 14px;
	color: #636363;
	margin: 0 0 2px 0;
}


#content .contentblock table {
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #636363;
	margin: 5px 0;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed !important;
}

#content .contentblock table th {
	overflow: hidden;
	padding: 2px 5px 2px 0;
	border-collapse: collapse;
	text-align: left;
	vertical-align: text-top;
}

#content .contentblock table td {
	overflow: hidden;
	padding: 2px 5px 2px 0;
	border-collapse: collapse;
	text-align: left;
	vertical-align: text-top;
}


#content .contentblock .showbox {
	width: 630px;
	overflow: hidden;
	padding: 0;
	color: #6d6e71;
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #6d6e71;
}

#content .contentblock .showbox .plus {
	position: absolute;
	right: 0;
	top: 5px;
	z-index: 10;
	background: url(../img/detail_plus.gif) left top no-repeat;
	width: 14px;
	height: 14px;
}

#content .contentblock .showbox .minus {
	position: absolute;
	right: 0;
	top: 5px;
	z-index: 10;
	width: 14px;
	height: 14px;
	background: url(../img/detail_minus.gif) left top no-repeat;
}

#content .contentblock .showbox .box {
	width: 630px;
	overflow: hidden;
	padding: 5px 0 10px 0;
}

/* golf courses */
#content .contentblock #golf_courses {
	width: 630px;
	height: 360px;
	overflow: hidden;
	margin: 5px 0;
	position: relative;
}

#content .contentblock #golf_courses a {
	display: block;
	width: 45px;
	height: 120px;
	overflow: hidden;
	position: absolute;
	z-index: 30;
	text-decoration: none;
}


/* gallery (images) */
#content .gallery {
	width: 635px;
	overflow: hidden;
	padding: 0;
}

#content .gallery a {
	display: block;
	width: 60px;
	height: 40px;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 0;

}

/* formblock (forms) */
#content .formblock {
	width: 620px;
	overflow: hidden;
	padding: 15px 0 10px 10px;
	color: #6d6e71;
	font-size: 11px;
	
	background: #e3e3e3;
}

#content .formblock input {
	margin: 0 5px 0 0;
}

#content .formblock a {
	color: #6d6e71;
}

#content .formblock table {
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #636363;
	margin: 5px 0;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed !important;
}

#content .formblock table th {
	overflow: hidden;
	padding: 2px 2px 2px 0;
	border-collapse: collapse;
	text-align: left;
	vertical-align: text-top;
}

#content .formblock table td {
	overflow: hidden;
	padding: 2px 2px 2px 0;
	border-collapse: collapse;
	text-align: left;
	vertical-align: text-top;
}


/* contentblock (text) */
#content .teamblock {
	width: 605px;
	overflow: hidden;
	padding: 15px 0 0 25px;
}

#content .teamblock .member {
	width: 100px;
	height: 174px;
	overflow: hidden;
	float: left;
	margin: 15px 20px 0 0;
}

#content .teamblock .member .img {
	width: 100px;
	height: 127px;
	overflow: hidden;
}

#content .teamblock .member .descr {
	width: 100px;
	height: 42px;
	overflow: hidden;
	font-size: 11px;
	color: #6e91a3;
	line-height: 14px;
	padding: 5px 0 0 1px;
}

#content .teamblock .member_big {
	width: 220px;
	height: 174px;
	overflow: hidden;
	float: left;
	margin: 15px 20px 0 0;
}

#content .teamblock .member_big .img {
	width: 220px;
	height: 127px;
	overflow: hidden;
}

#content .teamblock .member_big .descr {
	width: 222px;
	height: 42px;
	overflow: hidden;
	font-size: 11px;
	color: #6e91a3;
	line-height: 14px;
	padding: 5px 0 0 0;
}

/* footer
--------------------------------------------------------------- */

#footer {
	background: url(../img/footer_bg.jpg) left top no-repeat;
	width: 850px;
	overflow: visible;
	padding: 5px 25px 5px 25px;
	height: 40px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer .f_line {
	width: 850px;
	overflow: visible;
	color: #fff;
	line-height: 14px;
	font-size: 12px;
	text-align: right;
	margin: 0 0 5px 0;
}

#footer .f_line .f_links {
	overflow: hidden;
	color: #fff;
	line-height: 14px;
	font-size: 12px;
	text-align: right;
	float: right;
}

#footer .f_line .f_team {
	overflow: visible;
	height: 14px;
	float: right;
	margin: 0 4px 0 0;
}




#our_team
{	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

#our_team li
{	
	list-style: none;
	position: relative;
	overflow: visible;
}

#our_team li a
{	display: block;
	padding: 0;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	white-space: nowrap;
}
	
#our_team li ul {	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	width: 140px;
	background: #fff;
	border-bottom: 3px solid #333;
	overflow: hidden;
	left: 0;
	top: -87px;
	z-index: 999;
	 
}

#our_team li ul li {
	width:	100%;
	float: none;
	position: relative;
	height: auto;
	overflow: visible;
	padding: 0 !important;
	border-top: 1px solid #333;
	float: left;
	vertical-align:bottom;
}

#our_team li ul li a {
	display: block;
	padding:  3px 0 3px 5px;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	background: #fff;
	overflow: hidden;
}

#our_team li ul li a:hover {
	color: #fff !important;
	background: #333;
}