/* ------------------------------------------------------------------- */
/* Simon & Renoldi
/* 100705 0900
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* Cross-Browser - HTML-Tag - Resetting
/* ------------------------------------------------------------------- */
@import url(./reset.css);
@import url(./buttons.css);

/* ------------------------------------------------------------------- */
/* Standard-HTML-Tags
/* ------------------------------------------------------------------- */

html, body { height: 100% }

body { background: url(../images/page-main-background.gif) 0 153px repeat-x #1f1934; color: #1f1934; font: 74%/140% Arial, Verdana, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; margin-bottom: 0.5em }
h1, h2 { font-size: 1.4em; margin-bottom: 1.2em; margin-top: 0.5em; }
h3, h4, h5 { margin-bottom: 0.5em; }
h3 { font-weight: 700; margin-bottom: 1em; }
h4 { font-style: italic; }

h1 em, h2 em, h3 em, h4 em { display:block; font-style:normal; font-weight:normal; }

table { border: 1px solid #b4946f; width: 100%; }
th, td { padding: 1px; }
th { background-color: #97b5cf; }

p { line-height: 1.5em; margin-bottom: 1.5em; }

a { color: #1f1934; text-decoration: none; } a:hover { color: #87808c; }

label, input, select, textarea { display: block; float: left; margin-bottom: 0.5em; width: 450px; }
label { width: 100px; }
form br { clear: left; }
input#submit { float: none; margin-left: 100px; width: auto; }

/* ------------------------------------------------------------------- */
/* Layout
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* #PAGE																												*/

#page {
	background-color: #f6f3eb;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;
	min-height: 100%;
	overflow: visible;
	width: 940px;
}

/* ------------------------------------------------------------------- */
/* #PAGE > #PAGE-HEADER																					*/

#page-header {
	background-color: #1f1934;
	border: 0;
	padding-top: 10px;
}

#logo {
	height: 143px;
	position: relative;
}

#logo h1 {
	background: url(../images/page-header-logo.gif) 0 0 no-repeat transparent;
	margin: 0 auto;
	text-indent: -999em;
}

#logo h1,
#logo h1 a {
	display: block;
	height: 143px;
	width: 165px;
}

#page-header.xmas { background:url(../images/page-header-xmas.jpg) 0 0 no-repeat #1f1934; }
.xmas #logo h1 { background:none; }

/* ------------------------------------------------------------------- */
/* Cross-Browser - Horizontal Menu
/* ------------------------------------------------------------------- */

#navbar {
	background-color: #f6f3eb;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	position: relative;
	z-index: 9998;
}

#navbar li {
	display: inline;
	float: left;
	position: relative;
}

#navbar a {
	color: #1f1934;
	display: block;
	height: 25px;
	margin-right: 3px;
}

#navbar li.hover ul,
#navbar li:hover ul {
	display: block;
	left: 0;
}

#navbar li li {
	float: none;
	position: static;
	width: 100%;
}

#navbar li li a,
#navbar li li a:hover,
#navbar li li a:active {
	height: auto;
	padding: 1px 12% 2px;
	text-indent: 0;
	width: 76%;
}

#navbar li li a:hover {
	background: #d7d7d9 none repeat scroll 0 0;
}

#navbar  a.nesting:hover {
	background: #d7d7d9 url(../images/page-header-nav-arrow.gif) no-repeat 95% 50%;
}

#navbar li ul {
	background: #f6f3eb none repeat scroll 0 0;
	border-bottom: 1px solid #1f1934;
	display: none;
	line-height: 1.5em;
	margin-left: -5px;
	padding: 5px 0;
	position: absolute;
	top: 20px;
	width: 200px;
	z-index: 9999;

	/* alpha */
	filter: alpha(opacity=95);
	opacity: 0.95;
	moz-opacity: 0.95;
}

#navbar li li ul {
	margin-left: 0;
	top: 0;
	z-index: 0;
}

#navbar ul ul,
#navbar li.hover ul ul,
#navbar li:hover ul ul {
	display: none;
}

#navbar li li.hover ul,
#navbar li li:hover ul {
	display: block;
	left: 200px;
}

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


#navbar ul.links { height: 25px; margin: 0 auto; width: 561px; }
#navbar.de_DE ul.links { width: 560px; }
#navbar.en_EN ul.links { width: 531px; }

#navbar ul.languages { position: absolute; right: 5px; text-align: right; }

/*#navbar ul.social { left:5px;position:absolute;text-align:left;top:2px }
#navbar ul.social a { background:url('../images/bg_btn_social.gif') no-repeat 0 0 transparent;display:block;height:20px;width:20px }
#navbar ul.social .twitter { background-position:-20px 0;text-indent:-999em } #navbar ul.social .twitter:hover { background-position:-20px -20px; }
#navbar ul.social .facebook { background-position:0 0;text-indent:-999em } #navbar ul.social .facebook:hover { background-position:0 -20px; }*/

/* ------------------------------------------------------------------- */
/* #PAGE > #PAGE-CONTENT																					*/

#page-content {
	background-color: #f6f3eb;
	padding-bottom: 1em;
}

#page-content img {
	margin-bottom: 1em;
}

#page-content .column_grid {
	float: left;
	padding: 0 0 0 20px;
}

#page-content .column {
	float: left;
	padding-right: 20px;
}

#page-content .column img.float_left {
	margin-right: 20px;
}

#page-content .column img.float_right {
	margin-left: 20px;
}

#page-content .column.last {
	padding-right: 0;
}

#page-content .column.last:after {
	clear: left;
}

#page-content .column.w100 {
	width: 900px;
}
#page-content .column.w80 {
	width: 710px;
}
#page-content .column.w75 {
	width: 655px;
}
#page-content .column.w66 {
	width: 584px;
}
#page-content .column.w60 {
	width: 530px;
}
#page-content .column.w50 {
	width: 440px;
}
#page-content .column.w40 {
	width: 350px;
}
#page-content .column.w33 {
	width: 287px;
}
#page-content .column.w25 {
	width: 215px;
}
#page-content .column.w20 {
	width: 170px;
}

#page-content .gallery {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

#page-content .gallery a {
	display: block;
	float: left;
	margin: 0 1em 1em 0;
}

#page-content .gallery img {
	border: 1px solid #87808c;
	margin: 0;
}

#page-content .column img.logo {
	float: right;
	/* border: 1px solid #e5dabb; */
}


#page-content .teaser.must-have {
	border: 1px solid #b7b4af;
	color: #e6e3de;
	padding: 12px;
	position: relative;
}
#page-content .teaser.must-have img {
	position:relative;
	z-index:100
}

#page-content .teaser.must-have div.info {
	font-size: 1.4em;
	left:0;
	padding: 20px;
	position: absolute;
	top:0;
	z-index:200;
}
#page-content .teaser.must-have div.info.seo {
	z-index:0
}

#page-content div.info h2 {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
	margin: 0 0 .75em;
}

#page-content .teaser.must-have div.info p {
	font-size:.9em;
	line-height: 1.2em;
}

#page-content .teaser.must-have img {
	margin: 0;
}

/* ------------------------------------------------------------------- */
/* #PAGE > #PAGE-CONTENT > #FOOTER																*/

#footer,
#footer-push {
	height: 20px;
}

#footer {
	background: url(../images/page-footer-background.gif) 50% 0 repeat-y #87808c;
	clear: left;
}


/* ------------------------------------------------------------------- */
/* individual classes
/* ------------------------------------------------------------------- */

.hidden {
	left: -999em;
	position: absolute;
	top: -999em;
	text-indent: -999em;
	z-index: 0;
}
.nowrap {
	white-space: nowrap;
}

.justify {
	text-align: justify;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}
.align_left {
	text-align: left;
}
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}

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

br.clear {
	clear: both;
	height: 1%;
}

/* Anti Spam convert for mail-adresses */
.convert_eas {
	direction: rtl;
	unicode-bidi: bidi-override;
}