/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #E3E3E6 url(../images/img01.gif) repeat-x;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #313131;
}

h1, h2, h3 {
	color: #313131;
}

h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: normal;
	letter-spacing: -2px;
}

h2 {
	margin-bottom: .5em;
	font-size: 136%;
	font-weight: normal;
	letter-spacing: -1px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size: 107%;
}

blockquote,
#news {
	margin-left: 2em;
}

ol {
	margin-left: 2em;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 1em;
	background: url(../images/img07.gif) no-repeat left center;
}

a {
	text-decoration: none;
	color: #313131;
}

a:hover {
	text-decoration: underline;
	color: #DB5600;
}

/* Menu 

#menu {
	width: 740px;
	height: 60px;
	margin: 0 auto;
	border-left: 20px solid #DB5600;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 0;
	display: inline;
	background: none;
}

#menu a {
	display: block;
	float: left;
	height: 40px;
	padding: 20px 20px 0 20px;
	font-size: 92%;
	font-weight: bold;
}

#menu a:hover {
	background: #DB5600;
	text-decoration: none;
	color: #FFFFFF;
}

#menu b {
	text-decoration: underline;
}
*/

/* Logo */

#logo {
	width: 760px;
	height: 180px;
	margin: 0 auto;
	background: #010100 url(../images/header.jpg)
}

#logo h1 {
	margin: 0;
	padding: 120px 0 0 0;
	text-align: right;
	letter-spacing: -1px;
	font-size: 189%;
}

#logo h2 {
	margin: 0;
	padding: 0 0 0 0;
	text-align: right;
	letter-spacing: -1px;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 760px;
	margin: 0 auto;
	background: url(../images/img03.gif) repeat-y;
}

/* Content */

#content {
	float: left;
	width: 440px;
	padding: 20px 30px 20px 50px;
}

#welcome {
	margin-bottom: 20px;
	padding-bottom: 1px;
	background: url(../images/img04.gif) repeat-x left bottom;
}

.floating-box {
	float: left;
	width: 210px;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img {
	border: 5px solid #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 200px;
	padding: 20px;
}

#sidebar blockquote,
#sidebar #news {
	margin-left: 0;
	padding-left: 1em;
	background: url(../images/img09.gif) no-repeat right bottom;
	border-left: 5px solid #DB5600;
}

#sidebar #news h1 {
	color: #313131;
	font-style: italic;
	font-size: 120%;
	font-weight: bold;	
}

#sidebar blockquote p {
	text-align: left;
	line-height: normal;
	font-style: italic;
}

#links {
}

#links ul {
	background: url(../images/img04.gif) repeat-x left bottom;
}

#links li {
	padding: 5px 0;
	background: url(../images/img04.gif) repeat-x left top;
}

#links a {
	padding-left: 1em;
	background: url(../images/img08.gif) no-repeat left center;
	color: #DB5600;
}

/* Footer */

#footer {
	height: 50px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#footer .wrapper {
	width: 760px;
	margin: 0 auto;
}

#footer .links {
	float: left;
	width: 440px;
	height: 34px;
	padding: 16px 30px 0 30px;
	background: #FFFFFF;
	border-left: 20px solid #010100;
	font-size: 85%;
}

#footer .legal {
	float: right;
	width: 220px;
	height: 34px;
	margin: 0 auto;
	padding: 16px 20px 0 0;
	background: #DB5600;
	text-align: right;
	font-size: 85%;
	color: #FFFFFF;
}

img {
	border: none;
}


.csc-sword {
color: #ffffff;
background-color:#c5e6ee;
padding: 0 3px 0 3px;
}

/*------mailformular formatieren------*/

#mailform {
	padding: 20px;
}

form input,
form textarea {
color: #8A8A8A;
}

#mailform .csc-mailform {
border: 0px;
}

.csc-mailform-field {;
margin: 2px 0 0 2px;;
padding: 5px;
}

.csc-mailform-field label {
float: left;
padding: 1px;
width: 80px;
color: #8A8A8A;
}


.mf-input {
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:none;
}

.mf-pass {
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:none;
}

.mf-text {
clear: none;
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:none;
}

.mf-check {
padding: 1px;
border: 1px solid #336699;
background-color:none;
}

.csc-mailform-radio fieldset {
border: 0px;
background-color:none;
}

.csc-mailform-radio legend {
display: none;
border: 0px;
}

.mf-radio {
margin-left: 0px;
padding: 1px;
border: 1px solid #336699;
background-color:none;
}

.mf-select {
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:none;
}

.mf-file {
width: 220px;
padding: 1px;
border: 1px solid #336699;
background-color:none;
}

.mf-reset {
border: 1px solid #336699;
background-color:none;
}

.mf-submit {
margin-left: 82px;
border: 1px solid #336699;
background-color:none;
}


.tx-newloginbox-pi1 label {
	float: left;
}

.tx-newloginbox-pi1 input,
input,
textarea {
padding: 1px;
border: 1px solid #336699;
background-color:none;
}

.csc-textpic-image,
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	padding-top: 8px;
}


/*------tabelle formatieren------*/
/* RTE / Table styling */
TABLE { padding-left:15px; }
TABLE.contenttable { border:none; margin:10px 0px 10px 0px; width:90%; }
TABLE.contenttable TR TD { padding:2px 5px 2px 5px; margin:0px; border:0px; }
TABLE.contenttable TR TD P.bodytext { font-size:10px; }
TABLE.contenttable TR { margin:none; background-color:#ccc; } /*Orange***fe4e00**/
TABLE .bodytext { margin: 0px; }


/* RTE / Bulletlists */ 
UL { margin-top:0px;  }
UL UL LI { font-size:11px; }
OL { margin-top:0px; }
/* LI { margin-top:0px; margin-bottom:0px; padding-top:2px; } */ 
#colTwo LI {list-style-image:url(../images/img2.gif); }

UL LI.a {

}


/* ### POWERMAIL ### */

/* Form */
div.tx-powermail-pi1_mandatory { padding-bottom: 15px; }
ul.powermail_mandatory_list { padding: 0 0 3px 24px; padding-bottom: 3px; margin: 0 0 4px 0; /*border-bottom: 1px solid #e2e2e2;*/ }
ul.powermail_mandatory_list strong { font-weight: normal; }
ul.powermail_mandatory_list strong b { font-weight: bold; }
#content li.powermail_mandatory_listitem { padding-bottom: 0px; margin-bottom: 0px; }

/* Color of mandatory error message */
span.powermail_mandatory { color: red; padding-left: 4px; }

/* 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 128px; }

/* Fieldset */
fieldset.tx-powermail-pi1_fieldset { border: none; }

/* legend of Fieldset */
fieldset.tx-powermail-pi1_fieldset legend { display: none; }

/* label */
fieldset.tx-powermail-pi1_fieldset label { cursor: pointer; display: block; float: left; clear: both; line-height: 20px; padding-right: 8px; text-align: left; width: 120px; }

/* Input and textarea */
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea { background:#f7f7f7; border-top: 1px solid #787878; border-left: 1px solid #787878; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;width: 240px; font-size: 12px; margin: 0; padding: 0 5px; }
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; padding: 5px; height:160px; overflow: auto; }
fieldset.tx-powermail-pi1_fieldset input.powermail_text { line-height: 18px; height: 18px; padding-top: 4px; }
fieldset.tx_powermail_pi1_fieldwrap_html_select select { background:#f7f7f7; border-top: 1px solid #787878; border-left: 1px solid #787878; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;width: 240px; margin: 0 0 20px 0; padding: 10px; float: left; font-size: 12px; }

/* 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 { padding: 0 0 4px 0; margin: 0 0 4px 0; /*border-bottom: 1px solid #e2e2e2*/; }
div.tx_powermail_pi1_fieldwrap_html_reset { border-bottom: none; padding: 0; }
div.tx_powermail_pi1_fieldwrap_html_submit { margin: 0 0 15px 0;	}
fieldset.tx-powermail-pi1_fieldset input.powermail_reset,
fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
input.tx-powermail-pi1_mandatory_submit { cursor: pointer; font-size: 12px; line-height: 16px; padding: 4px 16px; }

/* submit button */
fieldset.tx-powermail-pi1_fieldset input.powermail_reset { /*background: #e0e0e0 url(../images/menu-2-a-background.gif) top left repeat-x;*/ border-bottom: 1px solid #585858; border-left: 1px solid #c7c7c7; border-right: 1px solid #585858; border-top: 1px solid #c7c7c7; color: #323232; margin: 0 0 0 128px; }
fieldset.tx-powermail-pi1_fieldset input.powermail_submit { margin: 0 0 0 128px; }
input.tx-powermail-pi1_mandatory_submit { margin: 0 0 0 0; }

/* submit button */
fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
input.tx-powermail-pi1_mandatory_submit { background: #e0e0e0 repeat-x top left; border-bottom: 1px solid #848484; border-left: 1px solid #bcbcbc; border-right: 1px solid #848484; border-top: 1px solid #bcbcbc; color: #323232; }
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title { margin: 0; padding: 0;  }
div.countryzone { margin: 0 0 0 128px; }

/* Description */
div.tx_powermail_pi1_fieldwrap_html label a { cursor: help; }
div.tx_powermail_pi1_fieldwrap_html label a dfn { display: none; }

/* Description on mouseover */
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn { display: block; position: absolute; width: 250px; padding: 5px; background-color: #ddd; border: 1px solid red; color: black; text-decoration: none; }

/* Description icon */
div.tx_powermail_pi1_fieldwrap_html img.icon_info { padding: 2px 2px 0 2px; }
fieldset.tx-powermail-pi1_fieldset div.even { }
fieldset.tx-powermail-pi1_fieldset div.odd { }

/* Confirmation */
td.powermail_all_td { padding: 3px 10px 3px 0; }

/* THX */
td.powermail_all p.bodytext { margin: 0; }

/*Select*/
fieldset.tx_powermail_pi1_fieldwrap_html_select select { width: 200px; margin: 0 0 20px 0; padding: 10px; float: left; font-size: 12px; }

/* error message */
.error {background-color:#DB5600; border:1px solid #DB5600; font-size:11px; color:#fff; padding:3px 10px 5px 10px; margin-left:-2px; z-index:10; text-align:left; height:auto;
  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
  -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; box-shadow:0 0 6px #ddd;
}
.error p {margin:0; padding:0; font-weight:bold; color:#fff;}
/* pure CSS arrow */
.error em {display:block; width:0; height:0; border:10px solid; border-color:#DB5600 transparent transparent; position:absolute; bottom:-7px; left:5px; border-bottom:0 none;}