@charset "utf-8";

/******* =General Styles *******************************************/

* {
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background: #333;
}

.clearer {
	clear: both;
	width: 1px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

a {
	color: #564f3a;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

input, textarea {
	border: 1px dotted black;
	margin: 2px;
}


/******* =Head Styles **********************************************/

#head {
	text-align: center;
	background: url(../images/bg_head.png) top left repeat-x;
}

#head #headContent {
	text-align: left;
	width: 960px; 
	padding: 0 10px 0 10px; 
	margin: 0 auto;
	background: url(../images/bg_head_content.png) top left no-repeat; 
	color: #fff; 
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
}

#head #headContent #meta {
	text-align: right;
	font-size: 11px; 
	padding: 2px 20px 2px 0;
	color: #fff;
}

#head #headContent #language {
	float: right; 
	font-size: 11px; 
	padding: 4px 0 2px 0;
	color: #fff;
}

#head #headContent #meta a {
	color: #fff;
	text-decoration: none;
}

#head #headContent #meta a:hover {
	text-decoration: underline;
}

#head #headContent #logo {
	padding: 20px 0 19px 20px;
}

#head #headContent #nav {
	padding: 0 0 0 10px;
	font-size: 14px;
}

#head #headContent #nav a {
	display: block; 
	width: 150px; 
	height: 42px; 
	padding: 18px 0 0 0; 
	text-align: center; 
	text-decoration: none; 
	color: #fff; 
	background: url(../images/nav_bg_i.png) top left no-repeat;
	float: left;
}

#head #headContent #nav a:hover {
	background: url(../images/nav_bg_o.png) top left no-repeat;
	color: #000;
	text-decoration: none; 
}

#head #headContent #nav a.aktiv {
	background: url(../images/nav_bg_a.png) top left no-repeat;
	color: #000;
	text-decoration: none; 
}

#head #headContent #nav a.aktiv:hover {
	background: url(../images/nav_bg_a.png) top left no-repeat;
}


/******* =Main Styles **********************************************/

#main {
	clear: both; 
	text-align: center;
	background: #fff url(../images/bg_main.png) top left repeat-x;
}

#mainContent {
	text-align: left;
	width: 980px; 
	margin: 0 auto;
}

#mainContent .frame {
	width: 10px;
}

#mainContent #container {
	width: 940px; 
	background: url(../images/bg_main_content.png) top left no-repeat; 
	padding: 10px 10px 0 10px;
}

#mainContent #container #secNav {
	width: 220px; 
	padding-bottom: 15px;
}

#mainContent #container #secNav a {
	display: block; 
	line-height: 13px; 
	font-weight: bold; 
	padding: 2px 20px 5px 30px; 
	background: url(../images/secnav_bg_1_i.png) top left no-repeat;
	text-decoration: none;
}

#mainContent #container #secNav a:hover {
	color: #000;
	text-decoration: none;
	background: url(../images/secnav_bg_1_a.png) top left no-repeat;
}

#mainContent #container #secNav a.aktiv {
	background: url(../images/secnav_bg_1_a.png) top left no-repeat;
	color: #000;
}

#mainContent #container #secNav a.l2 {
	background: url(../images/secnav_bg_2_i.png) top left no-repeat;
	padding: 2px 20px 5px 43px;
}

#mainContent #container #secNav a.l2:hover {
	background: url(../images/secnav_bg_2_a.png) top left no-repeat;
}

#mainContent #container #secNav a.l2aktiv {
	background: url(../images/secnav_bg_2_a.png) top left no-repeat;
	padding: 2px 20px 5px 43px;
	color: #000;
}

#mainContent #container #secNav a.l2aktiv:hover {
	background: url(../images/secnav_bg_2_a.png) top left no-repeat;
}

#mainContent #container #secNav a.l3 {
	background: url(../images/secnav_bg_3_i.png) top left no-repeat;
	padding: 2px 20px 5px 56px;
}

#mainContent #container #secNav a.l3:hover {
	background: url(../images/secnav_bg_3_a.png) top left no-repeat;
}

#mainContent #container #secNav a.l3aktiv {
	background: url(../images/secnav_bg_3_a.png) top left no-repeat;
	padding: 2px 20px 5px 56px;
	color: #000;
}

#mainContent #container #secNav a.l3aktiv:hover {
	background: url(../images/secnav_bg_3_a.png) top left no-repeat;
}

#mainContent #container #secNav a.l4 {
	background: url(../images/secnav_bg_4_i.png) top left no-repeat;
	padding: 2px 20px 5px 69px;
}

#mainContent #container #secNav a.l4:hover {
	background: url(../images/secnav_bg_4_a.png) top left no-repeat;
}

#mainContent #container #secNav a.l4aktiv {
	background: url(../images/secnav_bg_4_a.png) top left no-repeat;
	padding: 2px 20px 5px 69px;
	color: #000;
}

#mainContent #container #secNav a.l4aktiv:hover {
	background: url(../images/secnav_bg_4_a.png) top left no-repeat;
}

#mainContent #container #content {
	padding: 10px;
}

#mainContent #container #right {
	width: 220px;
	padding-bottom: 15px;
}

#mainContent #container #right .box .head {
	background: url(../images/margin_top.png) top left no-repeat;
	height: 20px;
}

#mainContent #container #right .box .content {
	font-size: 11px;
	line-height: 14px;
	padding: 0 20px 5px 20px; 
	background: url(../images/bg_margin.png) top left repeat-y;
}

#mainContent #container #right .box .footer {
	background: url(../images/margin_footer.png) top left no-repeat;
	height: 20px;
}

h1 {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #564f3a;
}

h2 {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 6px;
	font-weight: bold;
	color: #564f3a;
}

h3 {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #564f3a;
}

h4 {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #564f3a;
}

p {
	margin-bottom: 8px;
}

ul {
	margin: 0 0 4px 1.4em;
	padding: 0;
}

ol {
	margin: 0 0 4px 2em;
	padding: 0;
}


#mainContent #container #right h1 {
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #564f3a;
	margin-bottom: 4px;
}

#mainContent #container #right h2 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #564f3a;
	margin-bottom: 4px;
}

#mainContent #container #right p {
	margin-bottom: 4px;
}

/******* =Footer Styles ********************************************/

#footer {
	clear: both; 
	text-align: center;
	background: url(../images/bg_footer.png) top left repeat-x;
}

#footerContent {
	width: 940px; 
	height: 20px; 
	padding: 40px 10px 0 30px; 
	margin: 0 auto; 
	background: url(../images/bg_footer_content.png) top left no-repeat; 
	color: #fff;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
}

#footerContent #legal {
	float: left;
	width: 220px;
}

#footerContent #functions {
	float: left;
}

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

#footerContent a:hover {
	text-decoration: underline;
}


/******* Extension Styles ********************************************/

.tx-semasourcecode-pi1 {
	margin: 5px 0 10px 35px;
}
.tx-semasourcecode-pi1 div {
	display: inline;
}

/* powermail styles */
.tx_powermail_pi1_fieldwrap_html_text {clear: both;}
.tx_powermail_pi1_fieldwrap_html_text label {display:block; width: 200px; float:left;}

.tx_powermail_pi1_fieldwrap_html_textarea {clear: both;}
.tx_powermail_pi1_fieldwrap_html_textarea label {display:block; width: 200px; float:left;}

.tx_powermail_pi1_fieldwrap_html_select {clear: both;}
.tx_powermail_pi1_fieldwrap_html_select label {display:block; width: 200px; float:left;}

.tx_powermail_pi1_fieldwrap_html_radio {clear: both; margin-top: 5px;}
.tx_powermail_pi1_fieldwrap_html_radio .tx_powermail_pi1_fieldwrap_html_radio_title {width: 200px; float: left;}
.powermail_radio_inner label {display:inline; width: 100px;}

.tx_powermail_pi1_fieldwrap_html_check {clear: both; margin-top: 5px;}
.tx_powermail_pi1_fieldwrap_html_check .tx_powermail_pi1_fieldwrap_html_checkbox_title {width: 200px; float: left;}
.powermail_check_inner label {display:inline; width: 100px;}

.tx_powermail_pi1_fieldwrap_html_captcha {clear: both;}
.tx_powermail_pi1_fieldwrap_html_captcha label {display:block; width: 200px; float:left;}
.tx_powermail_pi1_fieldwrap_html_captcha .tx-srfreecap-pi2-image {clear: both; display: block}
.tx_powermail_pi1_fieldwrap_html_submit {clear: both;}
.tx_powermail_pi1_fieldwrap_html_submit label {display:block; width: 200px; float:left;}