/* dfault.css fpr aktivoli-marktplatz-hh.de by mh-media.com 
 hellblau: #ed1c24;
 mittelblau: #346abc;
 dunkelblau: #1b4c97;
 rot: #ed1c24;
*/

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#999 url(../img/bg.jpg) repeat-y top center;
	color:#000;
	margin:0px;
    padding:0px;
}
div, p, ul, h1, h2, h3, h4, img, form, label{
	padding:0px;
	margin:0px;
}
a {
	color:#ed1c24;
	text-decoration:none;
}
a:hover {
	color:#346abc;
	text-decoration:underline;
}
h1 {
	font-size:16px;
	color:#1b4c97;
}
h2 {
	font-size:14px;
	color:#1b4c97;
}
h3 {
	font-size:13px;
	color:#1b4c97;
}
h4 {
	font-size:12px;
	color:#1b4c97;
}
hr	{ 
	height:0px;
	border:dotted #346abc 0px;
	border-top-width:1px;
	margin:10px 0px;
}
table, th, td, select{
	border:0px;
}
table.contenttable tr td {
	vertical-align:top;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1b4c97;
}

.small {
	font-size:11px;
}
.clearboth {
	clear:both;
	height:0px;
}
.inline {
	display:inline;
}
.red {
	color:#ed1c24;
}
.white {
	color:#fff;
}

/*	----------------------------------
	P A G E B O X 
	----------------------------------	*/
#pageBox {
	width:974px;
	margin:20px auto 0px;
	text-align:left;
	background:#FFFFFF url(../img/body_bg.gif) repeat-y;
}



/*	----------------------------------
	H E A D E R B O X 
	----------------------------------	*/
#headerBox {
	position:relative;
	background:#FFFFFF url(../img/header_bg.jpg) top;
	height:155px;
}
#headerBox #logoBox {
	position:absolute;
	top:33px;
	left:214px;
	width:408px;
	height:70px;
}
#headerBox #teaserBox {
	position:absolute;
	top:108px;
	left:250px;
}
#headerBox #teaserBox h1{
	font-size:16px;
	font-style:italic;
}
#headerBox #topNavBox {
	position:absolute;
	top:10px;
	right:20px;
	font-size:11px;
}
#headerBox #topNavBox ul {
	list-style:none;
}
#headerBox #topNavBox li{
	display:inline;
	padding:0px 15px;
	border-right:solid #CCCCCC 1px;
}
#headerBox #topNavBox #right_li{
	padding:0px 0px 0px 15px;
	border-right:0px;
}
#headerBox #topNavBox a {
	color:#1b4c97;
}
#headerBox #topNavBox a:hover {
	color:#ed1c24;
}






/* left */

#leftBox {
	float:left;
}
#leftBox #navBox {
	width:195px;
	margin-top:20px;
	margin-left:21px;
	font-size:14px;
}
#leftBox #navBox li {
	/*width:195px;*/
	border-top:dotted #fff 1px;
	list-style:none;
	line-height:18px;
	font-weight:normal;
}
#leftBox #navBox .navFirstOption {
	border-top:0px;
}
#leftBox #navBox .navFirstOption a:active {
	border-top:0px;
	color:#1b4c97;
}

#leftBox #navBox .navSelectedOption {
	background:url(../sys_img/navbg.jpg) repeat-y right;
	font-weight:bold;
}












#leftBox #navBox li a {
	display:block;
	padding:4px 3px 5px 0px;
	color:#FFFFFF;
	padding-right:20px;
	height:100%;
}
#leftBox #navBox .navSelectedRange {
	background: url(../sys_img/navbg.jpg) repeat-y right;
}
#leftBox #navBox .navSelectedRange li {
	border-top:dotted #fff 1px;
	list-style:disc;
}
#leftBox #navBox .navSelectedSubRange li {
	list-style:circle;
}
#leftBox #navBox .navSelectedSubSubRange li {
	list-style:square;
}
#leftBox #navBox .navSelectedRange {
	width:175px;
	margin-left:20px;
	color:#1b4c97;
}
#leftBox #navBox .navSelectedSubRange {
	width:155px;
	margin-left:20px;
}
#leftBox #navBox .navSelectedSubSubRange {
	width:135px;
	margin-left:20px;
}

/* --- H O V E R --- */
#leftBox #navBox li a:hover{
	text-decoration:none;
	background:url(../sys_img/navbg_current.jpg) repeat-y right;
	color:#1b4c97;
	padding-right:20px;
}
#leftBox #navBox .navSelectedRange a:hover, #leftBox #navBox .navSelectedSubRange a:hover, #leftBox #navBox .navSelectedSubSubRange a:hover {
	background:url(../sys_img/navbg_current.jpg) repeat-y right;
	color:#1b4c97;
}

/* --- C U R R E N T --- */
#leftBox #navBox #navCurrentOption, #leftBox #navBox #navCurrentSubOption, #leftBox #navBox #navCurrentSubSubOption, #leftBox #navBox #navCurrentSubSubSubOption {
	background:url(../sys_img/navbg_current_white.jpg) repeat-y right ;
		color:#1b4c97;
}
#leftBox #navBox #navCurrentOption a, #leftBox #navBox #navCurrentSubOption a, #leftBox #navBox #navCurrentSubSubOption a, #leftBox #navBox #navCurrentSubSubSubOption a {
	color:#1b4c97;
	font-weight:bold;
}


/* --- I M G B O X --- */
#leftBox #imgBox {
	width:216px; /* incl left-border */
	height:280px; /* bodyBgSpacer  */
}



/*	----------------------------------
	C O N T E N T B O X
	----------------------------------	*/
#contentBox {
	float:left;
	margin:0px 0px 20px 35px;
	width:710px;
}
#contentBox #breadBox {
	position:relative;
	height:15px;
	border-bottom:dotted #346abc 1px;
	font-size:11px;
	padding:2px 0px;
}
#contentBox #breadBox .separator {
	margin:0px 5px;
	color:#346abc;
}
#contentBox #printBox {

	width:200px;
	padding:2px 0px;
	font-size:11px;
}
#contentBox #printBox img {
	margin-right:7px;
}

/* --- N O R M A L - C O L --- */
#contentBox #content {
	float:left;
	width:460px;
	margin-top:20px;
}
#contentBox #content h1 {
	margin:15px 0 15px 0;
	font-size:18px;
	font-style:italic;
}
#contentBox #content h1.csc-firstHeader {
	margin:0 0 15px 0;
	font-size:18px;
	font-style:italic;
}

#contentBox #content h2 {
	margin-bottom:10px;
}
#contentBox #content p {
	margin:10px 0px;
}
#contentBox #content ul {
	margin: 0 0 20px 20px;
}
#contentBox #content ul li {
	margin: 0;
	padding:0 0 10px 0; 
}
#contentBox #content img {
	margin-bottom:5px;
}
#contentBox #content .infoBox {
	margin-top:20px;
	padding:10px 0px;
	border-top:dotted #CCCCCC 1px;
	border-bottom:dotted #CCCCCC 1px;
}
#contentBox #content .infoBox h3 {
	font-size:11px;
	margin:0px;
}
#contentBox #content .infoBox p{
	font-size:11px;
	margin:0px;
}

/* --- F O R M U L A R --- */
#contentBox #content .formBox .labelBit {
	float:left;
	width:20%;
	margin-right:2%;
	margin-bottom:5px;
	text-align:right;
	font-weight:bold;
}
#contentBox #content .formBox .inputBit, #contentBox #content .formBox .submitBit {
	float:left;
	width:65%;
	margin-bottom:5px;
}
#contentBox #content .formBox .submitBit {
	margin-top:10px;
}
#contentBox #content .formBox .inputVars {
	width:99%;
	border:solid #CCCCCC 1px;
	background-color:#FFFFFF;
	padding:0px 3px;
}
#contentBox #content .formBox .mandatorySign {
	font-size:13px;
	font-weight:normal;
	color:#ed1c24;
	padding:0px 0px 0px 3px;
}
#contentBox #content .formBox .mandatoryInfo .mandatorySign {
	padding:0px;
}
#contentBox #content .formBox .mandatoryInfo {
	padding-top:10px;
	font-size:11px;
}

/* --- A R T I C L E --- */
#contentBox #content .articlePreview {
	padding:5px 0px 10px;
	margin-bottom:15px;
	border-bottom:dotted #346abc 1px;
}
#contentBox #content .articlePreview h2{
	font-style:italic;
	margin-bottom:5px;
}
#contentBox #content .articlePreview p{
	margin-bottom:5px;
}

/* rightCo */
#contentBox #rightBox {
	float:right;
	width:210px;
	margin-top:15px;
}

 
#contentBox #rightBox .subBox {
	margin-bottom:20px;
}
#contentBox #rightBox .subBox .subBoxLabel {
	background:url(../img/sbox_top.gif) no-repeat;
	height:29px;

}
#contentBox #rightBox .subBox .subBoxLabel h3 {
	font-style:italic;
	font-size:12px;
	padding:8px 5px 0px 18px;
	color:#fff;
}
#contentBox #rightBox .subBox .subBoxBody {
	background:url(../img/sbox_body.gif) repeat-y;
	padding:7px 16px 2px;
	font-size:11px;
}
#contentBox #rightBox .subBox .subBoxBody h4 {
	font-style:italic;
	font-size:12px;
	margin-bottom:5px;
}
#contentBox #rightBox .subBox .subBoxBody p {
	margin-bottom:5px;
}
#contentBox #rightBox .subBox .subBoxBody img {
	margin-top:5px;
	margin-bottom:5px;
}
#contentBox #rightBox .subBox .subBoxBottom {
	background:url(../img/sbox_bottom.gif) no-repeat;
	height:14px;
}

 
#bottomBox {
	clear:both;
	height:12px;
	background:url(../img/bottom_bg.gif) no-repeat;
}



/*	footer	*/
#footer {
	width:974px;
	margin:15px auto 20px;
	font-size:10px;
	color:#346abc;
}
#footer .separator {
	margin:0px 7px;
	color:#1b4c97;
}
#footer .mh-media a:link {
	color:#1b4c97;
}
#footer .mh-media a:active {
	color:#1b4c97;
}
#footer .mh-media a:visited {
	color:#1b4c97;
}
#footer .mh-media a:hover {
	color:#1b4c97;
}
 

.csc-textpic-caption, .news-single-imgcaption {
	font-style:italic;
	font-size:10px;
	font-weight:bolder;
	color:#666;
}
p.news-single-imgcaption {
	margin:0;
	padding:0;
}


.error { color:#ed1c24; }



/* newsletter form */

.newsletter_form { float:left; }
.newsletter_form #name, .newsletter_form #email, .newsletter_form #submit { width:460px; height:20px; padding:0 0 3px 0; float:left; }
.newsletter_form .title { width:90px;  padding:0 10px 3px 0; text-align:right; font-weight: bolder; float:left; }
.newsletter_form .m_tin { 
	width:303px;
	height:14px;
	border:solid #CCCCCC 1px;
	background-color:#FFFFFF; 
}
.newsletter_form #submit .mbtn {

    margin-left:100px; 

	border:solid #CCCCCC 1px;
	background-color:#FFFFFF;
	padding:0 3px; 
	font-weight:bolder;
}


/* news */
.news-list-item img {
	margin-top:10px;
}




/* mailforms */

.tx-thmailformplus-pi1 { margin:0; padding:10px 10px 10px 0px; float:left;  width:460px; }

.required, .sora { color: #ED1C24; font-weight:bolder; }

form {
margin:0;
font-size: 11px;
}
.form { padding:0 10px 0 10px; }

input, textarea, select {
 font-size: 11px;
 padding: 2px;
}

#name, #prename, #strasse, #plz_ort,  #tel, #fax, #email, #rueckruf, #bemerkungen, #code, #captcha, #captcha_text, #subject, #submit, #formtext {
 margin-top: 3px;
 width:460px;
}

.title, .title2 {
 width: 100px;
 float: left;
 font-weight: bold;
}

.title2 { height:30px; }

#prename input, #name input, #strasse input, #fax input, #tel input, #email input, #subject input {
width: 320px;
border:1px solid #1B4C97;
}

#captcha .tx-srfreecap-pi2-image { 
	float:left;
	margin:0;
	padding:0;
	width:120px; 
}
#captcha .img {
	float:left;
}
#captcha input { width:60px; border:1px solid #1B4C97; margin:0 10px 0 0;  }

#captcha_text {
	
	margin:0;
	padding:0;
	height:140px;
}

#bemerkungen textarea {
 width: 320px;
 height: 150px;
 border:1px solid #1B4C97;
 font-family: "Century Gothic", Verdana, Arial, Helvetica, "Times New Roman", sans-serif;
 font-size:11px;
 color:#1B4C97;
}

#plz_ort .plz {
width: 37px;
border:1px solid #1B4C97;
}

#plz_ort .ort {
width: 172px;
margin-left: 5px;
border:1px solid #999;
}

#formtext {
clear:both;
margin:0;
padding:15px 0 0 0;
width:340px;
line-height: 120%;
font-size: 11px;
}

#submit { float:left; clear:both; text-align:right; margin:15px 0 15px 0; padding:0; width:613px; }

#submit input.mbtn {
float:left;  	
text-align:center;
color: #1B4C97;
font-size: 11px;
font-weight:bold;

border:1px solid #1B4C97;
width:70px;
height:18px;
}

.error {
color: #ED1C24;
width:314px; 
font-size: 11px;
font-weight: bold;
border: #002b44 1px solid;
padding: 5px;
margin:0 0 10px 160px;
}

.error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}
.required {
 color: #ED1C24;
}

/* newsletter */

.m_tin {
 width: 320px;
 border:1px solid #999;
}