/* GENERAL */
body {background-color:#FFFFFF; background-image:none;padding:0;margin:0;}
/* body {height:100,1%;} */
html {height: 101%;} 
img, img a {border:none;}
a { color: #444; outline-style: none;}
p { margin: 0; padding: 0;}
h1 { font-size: 20px; line-height: 22px; color: #696969; font-family: arial, helvetica, "DejaVu Sans", sans-serif; font-weight: bold; padding: 0 0 2px 0; border-bottom: 1px solid #ccc; margin: 0 0 18px 0; }
h2 { font-size: 16px; line-height: 18px; color: #696969; font-family: arial, helvetica, "DejaVu Sans", sans-serif; font-weight: bold; padding: 0; margin:  0 0 8px 0; }
h3 { font-size: 14px; line-height: 18px; color: #696969; font-family: arial, helvetica, "DejaVu Sans", sans-serif; font-weight: bold; padding: 0 0 8px 0; margin: 0; }
.center {text-align:center;}
.clear { clear:both }
.hr18 {background-color:#ccc; color:#ccc; border:0; height:1px; margin:18px 0 18px 0; }
hr {
background-color: #ccc; /* Farbe für Opera und Firefox */
color: #ccc; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
}
pre {padding:10px;border:1px dashed #666;background-color:#eee;overflow:auto;}

.divider {margin: 20px 0 20px 0;}

#sitemain {position:relative; clear:both; top:10px; width:1000px;height:400px; background-color:transparent; font-family:verdana,arial,helvetica,sans-serif; font-size:13px;margin-left:auto;margin-right:auto;text-align:left;}
#logobox {position:relative; height:20px; text-align: right; background: url("../images/bg-head.png") repeat; font-size:11px; font-weight:bold; color:#444;}
#logo-text {position:absolute; right:18px; top:0px; height:20px; line-height:20px;}

/* menu-top */
#menu-top {position:relative; float:left; clear:both; width:1000px;  background: url("../images/bg-head-bottom-nav.png") repeat-y; font-family: arial,helvetica,sans-serif; font-weight:bold; font-size:13px; text-transform:uppercase; text-align:left; line-height:40px; color:#C0C0C0; z-index:90;}
#menu-top ul {margin:0; padding:0; font-size:12px;}
#menu-top li {overflow:inherit; height:40px; line-height:40px; list-style-type:none; margin:0; padding:0; float:left; border-right:1px solid #ccc;}
#menu-top a {text-decoration:none; margin:0; padding:0 10px; display:block; color:#696969; float:left;}
#menu-top a:hover, #menu-top a:focus {background:#dcdcdc; color:#696969; text-decoration:underline;}
#menu-top .current a {background:#dcdcdc; color:#333;font-weight:bold;}

#space-h30-top {position:relative; float:left; clear:both; width:1000px; height:30px; background: url("../images/bg-head-breadcrumbs.png") repeat-y; font-size:10px;}
#mainbox {position:relative; float:left; clear:both; width:1000px; height:auto; background:#FFFFFF url("../images/bg-main-withnav.png") repeat-y; z-index:90;}

/* menu-left */
#menu-left {position:relative; float:left; clear:both; width:160px; height:auto; background: url("../images/bg-main-withnav.png") repeat; font-family: arial,helvetica,sans-serif; color:#696969; font-weight:bold; font-size:13px; z-index:90;}
#menu-left-head {font-size:13px; padding:0 10px 0 18px; color:#fff; background: url("../images/bg-head.png") repeat scroll 0 0 transparent; line-height:20px; border-bottom:1px solid #ccc;}
#menu-left-footer {height: 280px; background-color:transparent;}
#round-border-topright {width:10px; height:10px; position:absolute; z-index:100; top:0px; right:-1px;margin:0 0 0 0px; background:url(../images/bg-corner-topright.gif) no-repeat;}
#menu-left .tr {position:relative; float:left; background: url("../images/tr1.gif") 100% 0 no-repeat; width:100%; height:100%;}
#menu-left ul {margin:0; padding:0; font-size:12px;}
#menu-left li {overflow:hidden; list-style-type:none; margin:0; padding:0; height:28px; border-bottom:1px solid #ccc;}
#menu-left a {margin:0; padding:0 0 0 12px; display:block; line-height:28px; color:#696969; text-decoration:none;}
#menu-left a:hover, #menu-left a:focus {background:#dcdcdc; border-right:1px solid #ccc;color:#585858;text-decoration:underline;}
#menu-left li.current a {background:#dcdcdc; color:#333; font-weight:bold;}

/* MAIN CONTENT */
#space-v30-left {position:relative; float:left; width:30px; height:auto; background-color:#FFFFFF; font-size:10px;}
#main-content {position:relative; float:left; width:780px; height:auto; background-color:#FFFFFF;  padding: 0 0 18px 0;}
#main-content p {font-family:verdana,arial,helvetica,sans-serif; font-size:13px; line-height:18px; color:#444;}
#space-v30-right {position:relative; float:left; width:30px; height:auto; background-color:transparent; font-size:10px;}
#space-h30-bottom {position:relative; clear:both; height:30px; width:780px; background-color:transparent;}
/* FOOTER */
#footer {position:relative; float:left; clear:both; width:1000px; height:50px; background: url("../images/bg-footer.png") repeat-y; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:10px; text-align:center; line-height:50px; color:#A9A9A9;}
#footer .tag {position:relative; text-align:center; top:0; clear:both;}
#footer .tag a  {text-decoration:none; color:#A9A9A9;}
#footer .tag a:hover {text-decoration:none;color:#808080;}
/* STYLED CONTENT */
h1.csc-firstHeader {font-size:16px;}
.external-link-new-window a { color:#444; text-decoration:underline !important; }

/* STYLED CONTENT ELEMENTS */
/* Login-Box */
div.login-box {padding: 6px 16px; border-bottom: 1px solid #ccc;}
div.login-box .feloginform-username .label {line-height:24px;}
div.login-box .feloginform-username input {line-height:24px; display:block; width: 126px; border: 1px solid #999;}
div.login-box .feloginform-password .label {line-height:24px;}
div.login-box .feloginform-password input {line-height:24px; width: 126px; border: 1px solid #999;}
div.login-box .feloginform-submit input {text-align:center; width: 128px; margin:12px 0 12px 0;}

/* #################### GALLERY #################### */
.gallery div.csc-textpic-imagewrap {padding: 10px 20px 20px 20px;}
.gallery dl.csc-textpic-image {background-color: #eee;border: 1px solid #ccc; padding: 8px;}
.gallery .csc-textpic-imagecolumn {font-size:0px;}
.gallery .csc-textpic-imagecolumn img {display:block;}
.gallery .csc-textpic-caption {padding: 10px 0 10px 0; font-size:12px; color:#444;}

/* #################### DOWNLOAD IMAGES #################### */
div.download-image div.sbfolderdownload {float:left;overflow:hidden; width:120px; height: 130px; border: 1px solid #ccc; margin:6px; padding: 10px; display:inline;}

/* #################### FORMULAR (powermail) #################### */
form#kontakt {color:#444;}
form#kontakt div#powermaildiv_uid1,
form#kontakt div#powermaildiv_uid2,
form#kontakt div#powermaildiv_uid3,
form#kontakt div#powermaildiv_uid4,
form#kontakt div#powermaildiv_uid5,
form#kontakt div#powermaildiv_uid6,
form#kontakt div#powermaildiv_uid7
{width:422px;}

form#kontakt fieldset.tx-powermail-pi1_fieldset legend {display:none;}

form#kontakt fieldset.tx-powermail-pi1_fieldset {border: 1px solid #aaa; background-color: #eee; padding: 10px;}

form#kontakt fieldset.tx-powermail-pi1_fieldset input.powermail_text,
form#kontakt fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
form#kontakt fieldset.tx-powermail-pi1_fieldset select.powermail_select {width: 240px; border: 1px solid #aaa;}
form#kontakt fieldset.tx-powermail-pi1_fieldset label {width: 170px; text-align:right;padding-right:10px;}

form#kontakt div.tx_powermail_pi1_fieldwrap_html {margin: 10px 0;}
div.powermail-daten-antwort {padding: 10px; border: 1px solid #999; margin: 18px 0; width:462px; background-color: #eee;}
form#kontakt fieldset.tx-powermail-pi1_fieldset input.powermail_submit {font-weight:bold; margin:0 0 20px 180px;}

/* ##### wtcalculatingcaptcha: ##### */
form#kontakt div#hinweis {padding-left:180px;}
form#kontakt img#wtcalculatingcaptcha {margin:12px 0 12px 180px; width: 120px; border: 1px solid #999;}
form#kontakt input.captcha-input {width: 120px; border: 1px solid #999;}

/* fieldset.tx-powermail-pi1_fieldset  {
background-color:#ddd;
border:1px solid #AAAAAA;
padding: 6px 20px 6px 20px;
margin-top:12px;
} */
/* fieldset#tx-powermail-pi1_fieldset_1 legend {display:none;} */

p.tx_powermail_pi1_fieldwrap_html_checkbox_title, 
p.tx_powermail_pi1_fieldwrap_html_radio_title {
font-weight:normal;
margin:0;
padding-bottom:12px;
}
fieldset.tx-powermail-pi1_fieldset legend {
color:#003366;
font-family:arial,helvetica,dejavu-sans,sans-serif;
font-size:15px;
font-weight:bold;
padding:0 4px;
}
fieldset.tx-powermail-pi1_fieldset label {
font-weight:normal;
}
#wtcalculatingcaptcha {
margin:12px;
}
.powermail_mandatory_listitem {
color:#cc0000;
}


/********** Powermail default styles [begin] **********/
/********** Form **********/
/********** Color of mandatory error message **********/
span.powermail_mandatory {
	color: red;
}
/********** Background color if validation failed **********/
input.validation-failed,
textarea.validation-failed {
	/* background-color: red; */
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
/********** DIV container of errormessage **********/
div.powermail_mandatory_js {
	color: red;
	margin: 3px 0 15px 200px;
}
/********** Fieldset **********/
fieldset.tx-powermail-pi1_fieldset {
	border: 1px solid #aaa;
	background-color: #ccc;
	padding: 10px;
}
/********** legend of Fieldset **********/
fieldset.tx-powermail-pi1_fieldset legend {
	font-weight: bold;
	color: black;
}
/********** label **********/
fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
}
/********** Input and textarea **********/
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	width: 260px;
}
/********** Radiobuttons **********/
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	margin: 5px 0;
}
/********** DIV container arround every field **********/
div.tx_powermail_pi1_fieldwrap_html {
	margin: 10px 0;
}
/********** submit button **********/
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	margin: 20px 0 10px 200px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	background-color: transparent;
}
	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}
/********** Powermail default styles [end] **********/


/********** mbkdprevnextpaging **********/

div.tx-mbkdprevnextpaging-pi1 {
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
color:#444;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
line-height:18px;
margin:20px 0;
padding:3px 0;
text-transform:uppercase;
}

.tx-mbkdprevnextpaging-pi1 a.prev {
float:left;
text-align: left;
text-decoration: none;
width:20%;
}

.tx-mbkdprevnextpaging-pi1 a.next {
float:right;
text-align: right;
text-decoration: none;
width:20%;
}

.tx-mbkdprevnextpaging-pi1 a.prev:hover,
.tx-mbkdprevnextpaging-pi1 a.next:hover {
text-decoration: underline;
}

/********** end **********/

/********** calendar **********/
table.month-large {width:100%;}

/* copyright */
div#c104 p, div#c104 p a  {color: #666;}

.acc-menu {width: 220px;}
.acc-menu-content ul {list-style-type: none;}



.acc-menu-content ul {margin:0; padding:0; font-size:12px;}
.acc-menu-content li {overflow:hidden; margin:0; padding:0; height:28px; border-bottom:1px solid #ccc;}
.acc-menu-content a {margin:0; padding:0 0 0 12px; display:block; line-height:28px; color:#696969; text-decoration:none;}
.acc-menu-content a:hover, #menu-left a:focus {background:#dcdcdc; border-right:1px solid #ccc;color:#585858;text-decoration:underline;}
.acc-menu-content li.current a {background:#dcdcdc; color:#333; font-weight:bold;}