/*
###project###
Global declarations
Copyright: Planetactive GmbH
*/

/************************************************************
* general items
************************************************************/
html										{ height:100%; }
body										{ background:#005791 url('../images/frw_background.gif') repeat-x top; background-attachment: fixed; text-align:center; }
body,ul,li,form,label						{ margin:0; padding:0; }
ul,ol										{ list-style-type:none; }
img											{ border:0; display:block; }
p											{ margin:0 0 15px 0; }
p.nomrg										{ margin:0; }
.left										{ float:left; }
.right										{ float:right; }
.clear										{ clear:both; }
.clearfix:after								{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix									{ min-width:0; display:block; clear:both; }

/************************************************************
* typo
************************************************************/
div,p,a,li,td,input,select,option,textarea	{ font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; font-weight:normal; color:#fff; line-height:16px; outline:none; }

h1,h2,h3,h4,h5,h6,.h7,.h8					{ font-family:Verdana,Arial,Helvetica,sans-serif; margin:0 0 10px 0; text-transform:uppercase; }
h1											{ color:#fff; font-size:24px; line-height:20px; }
h2											{ color:#fff; font-size:20px; }
h3											{ color:#000; font-size:18px; line-height:18px; }
h4											{ color:#09f; font-size:16px; font-weight:normal; }
h5											{ color:#09f; font-size:14px; }
h6											{ color:#000; font-size:14px; }
.h7											{ color:#09f; font-size:10px; font-weight:bold; line-height:14px; }
.h8											{ color:#fff; font-size:10px; font-weight:bold; margin-bottom:5px; }

a:link,
a:visited,
a:active									{ color:#09f; text-decoration:none; }
a:focus,
a:hover 									{ color:#f39; text-decoration:none; }

a.light:link,
a.light:visited,
a.light:active								{ color:#fff; text-decoration:underline; }
a.light:focus,
a.light:hover 								{ color:#fff; text-decoration:underline; }

.error										{ color:#f39; }
div.error									{ float:left; padding-left:10px; }
#LShighlight								{ background:#f00; font-weight:bold; }

/************************************************************
* framework
************************************************************/
#frw										{ width:749px; margin:40px auto 0; text-align:left; }

/************************************************************
* header
************************************************************/
#hdr										{ margin-bottom:37px; padding-left:11px; }
#hdr .logo									{ float:left; }
#hdr ul.sub									{ float:right; margin:34px 0 0 0; }
#hdr ul.sub li.nav							{ float:left; margin-left:14px; }
#hdr ul.sub li.last							{ margin:0; float:left; margin-left:14px; }
#hdr ul.sub li input.text					{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666; width:183px; color:#000; }

#hdr ul.sub li.login						{ position:relative; }
#hdr ul.sub li.login .form-login			{ position:absolute; top:20px; left:-8px; width:245px; 	color:#000; background:#fff; border:2px solid #09f; padding:7px; }
#hdr ul.sub li.login .form-login .button	{ position:absolute; top:-22px; left:-2px; }
#hdr ul.sub li.login .form-login label		{ display:block; width:65px; color:#000; float:left; }
#hdr ul.sub li.login .form-login input		{ width:150px; float:left; color:#000; }

#livesearch 								{ position:absolute; top:20px; left:-77px; width:247px; z-index:20; color:#000; background:#fff; border:2px solid #09f; padding:7px; }
#livesearch li								{ clear:both; margin-bottom:10px; }
#livesearch li .image						{ float:left; margin:0 5px 5px 0; }
#livesearch li .text						{ color:#000; width:180px; float:right; }

#livesearch li .text a:link,
#livesearch li .text a:visited,
#livesearch li .text a:active				{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; line-height:12px; text-decoration:none; }
#livesearch li .text a:focus,
#livesearch li .text a:hover 				{ text-decoration:underline; }

#hdr ul.nav									{ padding-top:27px; }
#hdr ul.nav li								{ float:left; margin-right:7px; }

/************************************************************
* footer
************************************************************/
#ftr										{ width:526px; padding:20px 0 10px 0; }
#ftr *										{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#fff; }
#ftr a:link,
#ftr a:visited,
#ftr a:active								{ color:#fff; text-decoration:none; }
#ftr a:focus,
#ftr a:hover 								{ color:#fff; text-decoration:underline; }

/************************************************************
* content
************************************************************/
#cnt										{  }
#cnt .cnt-left								{ width:526px; margin-right:19px; float:left; }
#cnt .cnt-right								{ width:204px; float:right; }

#cnt .flash-scroller						{ height:130px; position:relative; }
#cnt .flash-scroller #scroller				{ position:absolute; top:0; left:-135px; z-index:10; }

#cnt .cnt-left .xpa-intro					{ padding-left:11px; }

#cnt .cnt-left .xpa-latest					{ padding:10px; border:1px #fff dotted; margin:10px 0 20px 0; }
#cnt .cnt-left .xpa-latest img				{ border:3px #fff solid; float:left; margin-right:15px; }
#cnt .cnt-left .xpa-latest p				{ margin:0; color: #fff; }
#cnt .cnt-left .xpa-latest p.mrg			{ margin:0 0 15px 0; }
#cnt .cnt-left .xpa-latest .img				{ width:354px; float:right; margin:0; }
#cnt .cnt-left .xpa-latest select			{ width:254px; color:#000; }
#cnt .cnt-left .xpa-latest option			{ color:#000; }
#cnt .cnt-left .xpa-latest ul				{ margin:0 0 15px 15px; padding:0; }
#cnt .cnt-left .xpa-latest ul li			{ list-style-type:disc; margin-left:15px; }

#cnt .cnt-left .xpa-article					{ background: #fff; padding:10px; margin-bottom:10px; border:1px #fff solid; }
#cnt .cnt-left .xpa-article img				{ float:left; margin-right:15px; border:1px solid #000; border-width:0 1px 1px 0; }
#cnt .cnt-left .xpa-article p				{ margin:0; }
#cnt .cnt-left .xpa-article p.text			{ color:#000; width:336px; float:right; }
#cnt .cnt-left .xpa-article h3				{ color: #000; width:336px; float:right; }
#cnt .cnt-left .xpa-article p.h7			{ width:336px; float:right; }

#cnt .cnt-left .xpa-edition					{ background: transparent; padding:10px; margin-bottom:10px; position:relative;border:1px #fff dotted; }
#cnt .cnt-left .xpa-edition img				{ float:left; margin-right:10px; border:1px solid #000; border-width:0 1px 1px 0; }
#cnt .cnt-left .xpa-edition ul				{ width:405px; float:right; list-style-type:disc; margin-bottom:10px; }
#cnt .cnt-left .xpa-edition ul li			{ color: #fff; margin-left:10px; }
#cnt .cnt-left .xpa-edition p				{ margin:0; color: #fff; width:410px; float:right; }
#cnt .cnt-left .xpa-edition .stoerer		{ width:51px; height:52px; position:absolute; left:-21px; top:18px; background:url('../images/cnt_stoerer-new.png') no-repeat; }
#cnt .cnt-left .xpa-edition .stoerer-en		{ width:51px; height:52px; position:absolute; left:-21px; top:18px; background:url('../images/cnt_stoerer-new-en.png') no-repeat; }
#cnt .cnt-left .xpa-edition .stoerer img,
#cnt .cnt-left .xpa-edition .stoerer-en img { border:none; }

#cnt .cnt-left .content-image				{ float:left; margin:0 10px 10px 0; }
#cnt .cnt-left .content-image .text			{ background:#C0F300; color:#000; padding:5px; clear:both; }
#cnt .cnt-left .pagination					{ text-align:right; color:#000; }

#cnt .cnt-right .cnt-box					{ background:#fff; color:#000; padding:10px; margin-bottom:10px; }
#cnt .cnt-right .cnt-box-green				{ background:#C0F300; color:#000; margin-top: 2px; }
#cnt .cnt-right .cnt-box-yellow				{ background:#FFD900; color:#000; }
#cnt .cnt-right .cnt-box-black				{ background:#000; color:#000; }
#cnt .cnt-right .cnt-box p					{ color:#000; }
#cnt .cnt-right .cnt-box ul					{ margin:0 0 15px 15px; padding:0; }
#cnt .cnt-right .cnt-box ul li				{ color:#000; list-style-type:disc; }
#cnt .cnt-right	.cnt-box-home				{ margin-top: 60px; }

/************************************************************
* form fields
************************************************************/
#cnt .frm-text label						{ display:block; width:120px; float:left; }
#cnt .frm-text input						{ color:#000; width:250px; margin:0 0 5px 0; float:left; }
#cnt .frm-text textarea						{ color:#000; width:250px; height:120px; margin:0 0 5px 0; float:left; }
#cnt .frm-text select						{ color:#000; width:254px; margin:0 0 5px 0; float:left; }
#cnt .frm-text input.error					{ width:254px; border:2px solid #f39; }
#cnt .frm-text textarea.error				{ width:254px; border:2px solid #f39; }
#cnt .frm-text select.error					{ width:258px; border:2px solid #f39; }
.fieldWithErrors input,
.fieldWithErrors textarea,
.fieldWithErrors select						{ border:2px solid #f39; }

#tafForm label								{ display:block; width:50px; float:left; }
#tafForm input								{ width:125px; float:left; margin-bottom:5px; color:#000; }

#magazine_selector select					{ width:150px !important; float:left; }
#frm-login-core								{ color:#000; }

/*
	Passwort vergessen oben & in rechter Spalte
*/

#cnt .cnt-right .cnt-box-green label		{ display:block; }
#cnt .cnt-right .cnt-box-green input.submit { position: relative; top: 4px; width:18px; height:18px; }
#hdr .nav input.submit { margin: 2px auto auto 3px; }


/************************************************************
* transparent png images
************************************************************/
.submit-contact								{ width:94px; height:18px; background:url('../images/cnt_but-dispatch.png') no-repeat; }
.submit-contact-en							{ width:81px; height:14px; background:url('../images/cnt_but-dispatch-en.png') no-repeat; }

#userbox input#email,
#userbox input#login_email,
#userbox input#login_password { color: #000; }

.cnt-box-green .pwforgot-send { background: url(../images/cnt_button_login_submit.gif) no-repeat; }
.login .pwforgot-send { background: url(../images/hdr_but-login.gif) no-repeat; }