/***********************
	FILE
************************
Author:				Benjamin Stellmacher
					<benjamin.stellmacher@hellgrau.com>
Description:		Contains definitions for all elements on the site
***********************/

/***********************
	DOCUMENT
***********************/

/* Global White Space Reset */
* {
	margin: 0;
	padding: 0;
}

html {}

body {
	margin: 0;
	padding: 0 0 10px 0;
	color: #585753;
	text-align: center;
	background: #fff;
	font-size: 0.9em;
}

/***********************
	GENERAL DEFINITIONS
***********************/

h1, h2,h3,p,div,span,a,form,label,input,select,textarea,ul,ol,li {
	font-family: Georgia, Tahoma, Helvetica, Verdana, 'Times New Roman', Arial, sans-serif;
	/*font-family: Arial;*/
}

/* FORMS */

fieldset{ border: none; }

label {}

input,select,label,textarea {
	font-family: Arial, Verdana, Tahoma;
	color:rgb(75,76,62);
	font-size: 0.9em;
}

/* LINKS */

img { border: none; }
a img { border: none; }

a { color: #6b032d; }

a.more {
	padding-right: 20px;
	background: transparent url(../images/arrow.jpg) no-repeat right;
}

/* FORMATTING */

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.notice { font-weight: bold; color: #F00; }

.pre { white-space: pre; }
.no-indent { text-indent: 0px; }
.no-break { white-space: nowrap; }

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.clear { clear: both; }
.seperator { font-size: 0.8em; color: #7e7e7e; }

/* CONTENT IMAGES */
.csc-textpic-imagewrap,
.csc-textpic-imagerow {
	width: auto !important;
}

.csc-textpic-imagerow li {
	margin: 0 3px 3px 0 !important;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
}

div.csc-textpic div.csc-textpic-text {
	padding: 0 10px;
}

div.csc-textpic-caption { font-size: 0.7em; }


/***********************
	NAVIGATION
***********************/

div#navigation {
	margin: 20px auto 20px auto;
	width: 786px;
	height: 123px;
	text-align: right;
	position: relative;
}

div#navigation img.logo { float: left; }

div#navigation ul {
	clear: right;
	position: absolute;
	top: 110px;
	right: 0;
	margin: 0px;
}

div#navigation ul li {
	display:inline;
	margin: 0 2px;
	font-size: 0.9em;
}

div#navigation ul li.seperator {
}

div#navigation ul li a {
	color: #7e7e7e;
	text-decoration: none;
}

div#navigation ul li a:hover { text-decoration: underline; }
div#navigation ul li.active a { color: #6b032d; }

/* SEARCH BOX */

div#search {
	float: right;
	position: relative;
	margin: 0 0 0 12px;
	padding: 1px;
	width: 170px;
	height: 1.0em;
	border: 1px solid #d5d4cf;
	background: #fafafa url(../images/select_background.gif) repeat-x;
}

div#search input {
	float: left;
	width: 147px;
	padding: 0px 2px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 0.70em;
	line-height: 0.75em;
	border: 1px solid rgb(235,234,230);
}

div#search img { position: absolute; top: 1px; right: 1px; cursor: pointer; }

/* LANGUAGE SELECTOR */

div#lang {
	float: right;
	position: relative;
	margin: 0 0 0 12px;
	padding: 1px;
	width: 170px;
	height: 1.0em;
	border: 1px solid #d5d4cf;
	background: #fafafa url(../images/select_background.gif) repeat-x;
}

div#lang div {
	float: left;
	width: 147px;
	margin: 2px 0 0 0;
	padding: 0 2px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 0.70em;
	line-height: 0.75em;
	text-align: left;
}

div#lang div.a {
	width: 151px;
	height: 15px;
	padding: 1px 2px 0 2px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	border: none;
	cursor: pointer;
}

div#lang div#lang_select {
	position: relative;
	right: 2px;
	width: 168px;
	font-family: Arial, Verdana, Tahoma;
	text-align: left;
	background: #eeeeec;
	background: #fafafa;
	border: 1px solid #d5d4cf;
	z-index: 1000;
}

div#lang div#lang_select a {
	display: block;
	margin: 2px 0;
	padding: 3px 2px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 1.5em;
	color: #000;
	text-decoration: none;
}

body#langselector div#lang div#lang_select a { font-size: 1.0em; }

div#lang div#lang_select a:hover { background: #d5d4d1; }

div#lang img { position: absolute; top: 1px; right: 1px; cursor: pointer; }


/***********************
	HEADER
***********************/

div#header {
	margin: 0;
	/*height: 200px;*/
	background: #d5d4d1;
}

div#header div img,
div#header div object,
div#header div embed {
	margin: 0 0 -3px 0;
	padding: 0px;
	border: none;
}


/***********************
	BANNER
***********************/

div#background {
	margin: 0;
	padding: 0 0 5px 0;
	background: #eeeeec;
}


/***********************
	CONTENT
***********************/

div.seperator-top,
div.seperator-bottom {
	padding: 30px 0 0 0;
	background: #eeeeec;
}

/* breadcrumb */

div#breadcrumb {
	margin: 0 0 13px 0;
	padding: 0 0 5px 0;
	/* height: 14px; */
	font-size: 0.7em;
	border-bottom: 1px solid #fff;
}

div#breadcrumb span {
	margin: 0 5px 0 0;
	font-family: Arial;
}

div#breadcrumb ul {
	display: inline;
}

div#breadcrumb ul li {
	display: inline;
	margin: 0 5px 0 0;
	font-family: Arial;
	text-decoration: underline;
}
div#breadcrumb ul li.seperator {
	font-family: Arial;
	text-decoration: none;
}

div#breadcrumb ul li a {
	font-family: Arial;
}

/* CONTENT */

div#content {
	margin: 0 auto;
	width: 786px;
	text-align: left;
}

div#content.middle_line {
	background: transparent url(../images/white.gif) repeat-y 393px 0px;
}

div#content div#column-left,
div#content div#column-middle-left,
div#content div#column-middle,
div#content div#column-middle-wide,
div#content div#column-middle-full,
div#content div#column-middle-right,
div#content div#column-right {
	float: left;
	width: 186px;
	margin: 0 7px 0 7px;
}

div#content div#column-left { margin-left: 0px; }
div#content div#column-middle { width: 386px; }
div#content div#column-middle.left-bound { margin-left: 0px; width: 386px; }
div#content div#column-middle-wide { margin-left: 0px; width: 586px; }
div#content div#column-middle-full { margin-left: 0px; margin-right: 0px; width: 786px; }
div#content div#column-right { margin-right: 0px; }

div.content-element {
	margin: 0 5px 1em 0;
}

div.content-element h1 {
	margin-bottom: 8px;
	font-size: 0.9em;
	color: #4b4c3c;
	font-weight: bold;
}

div.content-element h2 {
	margin-bottom: 8px;
	font-size: 0.9em;
	color: #4b4c3c;
	font-weight: bold;
}

div.content-element h1.csc-firstHeader {
	margin-bottom: 8px;
	font-size: 1.3em;
	color: #4b4c3c;
	font-weight: normal;
}


div.content-element h1.site-headline {
	text-decoration: underline;
}

div.content-element p {
	margin: 8px 0;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #585753;
}

div.content-element p a {
	padding: 0 20px 0 0;
	text-decoration: underline;
	background: transparent url(../images/icon_arrow.gif) no-repeat right center;
}

div.content-element div.popup-link a {
	padding:2px 4px 2px 17px;
	color:#ffffff;
	text-decoration:none;
	background:#6B032D url(../images/icon_arrow_right.gif) no-repeat 2px 50%;
}


div.content-element ul {
	margin: 0 0 0 10px;
}

div.content-element ul li {
	margin: 0 5px 0em 5px;
	font-size: 0.9em;
	line-height: 1.3em;
}

div.content-element table.contenttable {
	border: 1px solid #fff;
	width: 100%;
}

div.content-element table.contenttable td {
	padding: 2px;
	font-size: 0.9em;
	vertical-align: top;
	background: #f6f6f4;
	border: none;
}

div.content-element table.contenttable td,
div.content-element table.contenttable p,
div.content-element table.contenttable a {
	font-family: Arial, Verdana, Tahoma;
}

/* NAVIGATION */

div#content div#nav-seperator {
	margin: 0 0 0 0;
	padding: 0;
	width: 185px;
	height: 25px;
	background: #f6f6f4;
}

div#content ul#subnavigation {
	margin: 0;
	padding: 0;
	width: 186px;
	list-style: none;
}

div#content ul#subnavigation li {}

div#content ul#subnavigation li a {
	display: block;
	padding: 10px 0 14px 12px;
	width: 173px;
	font-size: 0.9em;
	color: #939387;
	text-decoration: none;
	background: #f8f8f8 url(../images/nav_bg.gif) repeat-x;
	border-bottom: 1px solid #f1f0ee;
}

div#content ul#subnavigation li a:hover {
	color: #6b032d;
}

div#content ul#subnavigation li.active a {
	color: #6b032d;
	text-decoration: none;

}

/***********************
	FOOTER
***********************/

div#footer {
	width: 100%;
	font-size: 0.7em;
	color: rgb(75,76,62);
	text-align: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

div#footer ul { list-style-position: inside; }

div#footer ul li {
	display: inline;
	margin: 0 2px;
	font-size: 1.0em;
}

div#footer ul li.seperator { position: relative; top: 1px; vertical-align: top; }

div#footer ul li a {
	font-family: Arial, Verdana, Tahoma;
	color: rgb(75,76,62);
	text-decoration: none;
}

div#footer ul li a:hover { text-decoration: underline; }

div#footer div.copy {
	float: right;
}

div#footer table {
	margin: 0 auto;
	width: 786px;
	height: 23px;
}

div#footer table tr td {
	vertical-align: center;
	font-family: Arial, Verdana, Tahoma;
}


/***********************
	TEASER
***********************/

/* white teaser */

div.teaser-1 { width: 186px; }

div.teaser-1 div.body {
	margin: 0px;
	padding: 12px;
	width: 162px;
	background: transparent url(../images/bg_teaser_std_top.gif) no-repeat;
}

div.teaser-1 div.body h1 {
	padding: 0 0 5px 0;
	font-size: 1.0em;
	font-weight: normal;
	color: #6b032d;
	border-bottom: 1px solid #e8e7e4;
}

div.teaser-1 div.body p.bodytext { font-family: Arial; }

div.teaser-1 div.body p.bodytext a { font-family: Arial; }

div.teaser-1 div.foot {
	margin: 0px;
	width: 186px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: transparent url(../images/bg_teaser_std_bot.gif) no-repeat;
}

/* brown teaser */

div.teaser-2 { width: 186px; }

div.teaser-2 div.body {
	margin: 0px;
	padding: 12px;
	width: 162px;
	background: transparent url(../images/bg_teaser_01_top.gif) no-repeat;
}

div.teaser-2 div.body h1 {
	padding: 0 0 5px 0;
	font-size: 1.0em;
	font-weight: normal;
	color: #6b032d;
	border-bottom: 1px solid #e8e7e4;
}

div.teaser-2 div.body p.bodytext { font-family: Arial; }

div.teaser-2 div.body p.bodytext a { font-family: Arial; }

div.teaser-2 div.foot {
	margin: 0px;
	width: 186px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: transparent url(../images/bg_teaser_01_bot.gif) no-repeat;
}

/* teaser 3 (image white border) */

div.teaser-3 { width: 186px; }

div.teaser-3 img { border: 1px solid #fff; }

/* teaser 4 (image brown border) */

div.teaser-4 { width: 186px; }

div.teaser-4 img { border: 1px solid #c8c2ba; }

/***********************
	SEARCH FORM
***********************/

table.csc-searchform {}

table.csc-searchform td.csc-form-labelcell {
	padding: 0 1em 0 0;
}

table.csc-searchform td.csc-form-labelcell p.csc-form-label {}

table.csc-searchform td.csc-form-fieldcell {}

table.csc-searchform td.csc-form-fieldcell input {
	width: 250px;
	color: #585753;
}

table.csc-searchform td.csc-form-fieldcell select {
	width: 250px;
	color: #585753;
}

/***********************
	CONTACT LIST
***********************/

div#contact-list {

}


/***********************
	SITEMAP
***********************/

div.csc-sitemap {
	font-size: 1.2em;
}


/***********************
	LANGUAGE SELECTOR
***********************/

body#langselector {
	background: #D6D1CB url(../images/drl_language_selector.jpg) no-repeat center top;
	text-align: center;
}

body#langselector #lang {
	margin: 346px auto 0 auto;
	float: none;
	position: relative;
	left: 75px;
	padding: 1px;
	font-size: 1.2em;
}


/***********************
	NEWSLETTER SUBSCRIBE
***********************/

form#newsletter-registration {}


form#newsletter-registration fieldset label {
	display: block;
	margin: 0 0 5px 0;
	font-size: 0.8em;
	font-weight: bold;
}

form#newsletter-registration fieldset input.text,
form#newsletter-registration fieldset select {
	display: block;
	margin: 0 0 10px 0;
	font-size: 0.8em;
	font-weight: normal;
}

form#newsletter-registration fieldset input.submit {
	display: block;
	margin: 0 0 10px 0;
	font-size: 0.8em;
	font-weight: normal;
}

/***********************
	SPECIAL REGISTRY FORM
***********************/

.form-element label {
	float: left;
	width:250px;
	margin:0 0 5px 0;
}

.form-element input {
	width:300px;
	margin:0 0 10px 0;
	padding:2px;
	color:#585753;
	font-size:0.9em;
	line-height:1.3em;
	background:#D9DAD6 url(../images/bg_input_01.jpg) repeat-x scroll left top;
	border:1px solid #A3A3A3;
}

.form-element input.csc-mailform-check {
	width:auto;
	margin:0 0 10px 0;
	padding:2px;
	color:#585753;
	font-size:0.9em;
	line-height:1.3em;
	border:1px solid #A3A3A3;
}

.form-element select {
	width:300px;
	margin:0 0 10px 0;
	padding:2px;
	color:#585753;
	font-size:0.9em;
	line-height:1.3em;
	background:transparent url(../images/bg_input_01.jpg) repeat-x scroll 0px 4px;
	border:1px solid #A3A3A3;
}

.form-element textarea {
	width:300px;
	margin:0 0 10px 0;
	padding:2px;
	color:#585753;
	font-size:0.9em;
	line-height:1.3em;
	background:#D9DAD6 url(../images/bg_input_01.jpg) repeat-x scroll left top;
	border:1px solid #A3A3A3;
}

.form-element input.csc-mailform-submit {
	margin:0 0 0 -3px;
	padding:2px 20px 2px 0;
	width:auto;
	color:#6B032D;
	font-family:Arial,sans-serif;
	font-size:0.9em;
	line-height:1.3em;
	background:transparent url(../images/icon_arrow.gif) no-repeat scroll right 3px;
	border:medium none;
}

/***********************
	FE LOGIN
***********************/

div.teaser-2 div.tx-felogin-pi1 h3,
div.teaser-2 div.tx-felogin-pi1 legend { display: none; }
div.teaser-2 div.tx-felogin-pi1 div { margin-bottom:5px;}
div.teaser-2 div.tx-felogin-pi1 form div { display: block; }

div.tx-felogin-pi1 div {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
}

div.tx-felogin-pi1 form label {
	margin: 0 0 2px 0;
	font-size: 0.9em;
	line-height: 1.3em;
	font-family: Arial, sans-serif;
}

div.tx-felogin-pi1 input {
	margin: 0 0 0 -3px;
	padding: 2px 20px 2px 0;
	width: auto;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	color:#585753;
	background:url("../images/bg_input_01.jpg") repeat-x scroll left top #D9DAD6;
	border:1px solid #A3A3A3;
}

div.tx-felogin-pi1 input[name=submit],
div.tx-felogin-pi1 input[name="tx_felogin_pi1[changepasswordsubmit]"] {
	margin: 0 0 0 -3px;
	padding: 2px 20px 2px 0;
	width: auto;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #6b032d;
	border: none;
	text-decoration: underline;
	background: transparent url(../images/icon_arrow.gif) no-repeat right 3px; 
}
div.tx-felogin-pi1 p a {
font-size: 0.9em;
}

div.tx-felogin-pi1 form input#user,
div.tx-felogin-pi1 form input#pass,
div.tx-felogin-pi1 form input#tx_felogin_pi1\[forgot_email\] {
	margin: 0;
	padding: 2px;
	width: 155px;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #585753;
	border: 1px solid #a3a3a3;
	background: #d9dad6 url(../images/bg_input_01.jpg) repeat-x top left;
}

div.tx-felogin-pi1 form input#pass {
	margin: 0 0 5px 0;
}

div.tx-felogin-pi1 p a {
	padding: 0 20px 0 0;
	/* display: block; */
	font-family: Arial, sans-serif;
}

div.tx-felogin-pi1 p {
	margin: 0 0 0 1px;
}

/***********************
	POPUP
***********************/

body#popup {
	text-align:center;
}

body#popup div#inner {
	margin: 10px auto;
	width:250px;
	text-align:left;
}

body#popup div.content-element p {
	color:#6B032D;
}

body#popup div.content-element p a {
	padding: 0 0 0 20px;
	text-decoration: underline;
	background: transparent url(../images/icon_arrow_red_light.gif) no-repeat left center;
}




div#lang  div#lang_select a { font-size: 12px; font-weight: normal; line-height:normal; margin:0; padding:0 2px; }
div#lang  div#lang_select .CUR img { display: none; }