/* #########################################################################

Stylesheet für myhappyend.ch
Datei: screen.css
Autor: Nemuk AG
Copyright: all rights reserved

######################################################################### */


/*------------------------------------------------------
THE BIG FAT RESET
------------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------
GENERAL TYPOGRAPHY
------------------------------------------------------*/

body {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	background: #FFF;
	height: 100%;
}

h1 {
	font: bold 18px/18px "Times New Roman", Times, serif;
	color: #ee9201;
	padding-bottom: 6px;
	margin-bottom: 10px;
	display: block;
	background: #ECECEE url(/fileadmin/templates/images/layout/border_h1.gif) bottom left no-repeat;
}

h2 {
	font: bold 15px/18px "Times New Roman", Times, serif;
	color: #3a3a3a;
	margin: 0;
}

h3 {
	font: bold 15px/18px "Times New Roman", Times, serif;
	color: #3a3a3a;
	padding-bottom: 6px;
	margin-bottom: 14px;
	display: block;
	background: #ECECEE url(/fileadmin/templates/images/layout/border_h1.gif) bottom left no-repeat;
}

h4 {
	font: normal 11px/14px Arial, Helvetica, sans-serif;
}


p {
	margin: 0 0 10px 0;
}

.column_right_content_right p {
	margin: 0;
}


/*------------------------------------------------------
GENERAL LINKS
------------------------------------------------------*/

a {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	outline: none;
	text-decoration: none;
	color: #4e9403;
}

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

/* Firefox Hack to elmininate that ugly dotted line */
:focus {
	-moz-outline-style: none;
}

a.arrow_link {
	font: normal 15px/20px "Times New Roman", Times, serif;
	margin: 10px 0;
	padding-left: 26px;
	display: block;
	background: #ECECEE url(/fileadmin/templates/images/layout/button_home.gif) top left no-repeat;
}

a:hover.arrow_link {
	color: #808080;
	text-decoration: underline;
}

/*------------------------------------------------------
CLEAR
------------------------------------------------------*/

.clear {
	clear: both;
}

/*------------------------------------------------------
DIVIDER
------------------------------------------------------*/

.divider {
	display: block;
	background: #ECECEE url(/fileadmin/templates/images/layout/border_h1.gif) bottom left no-repeat;
	padding: 2px 0;
	margin: 18px 0;
}

.divider hr {
	display: none;
}

.news-latest-container hr.clearer, .news-list-container hr.clearer, .news-list2-container hr.clearer, .news-list3-container hr.clearer, .news-single-item hr.cl-left, .news-single-item hr.cl-right {
	display: none;
}

/*------------------------------------------------------
WRAPPER
------------------------------------------------------*/

#wrapper {
	padding:0;
	position: absolute;
	width: 980px;
	min-height:100%;
	left: 50%;
	margin-left: -490px;
	background-color: #ececee;
	text-align: left;
}

/*------------------------------------------------------
HEADER
------------------------------------------------------*/

#header .top {
	height: 37px;
	background: #ececee url(/fileadmin/templates/images/layout/bg_header_top.jpg) repeat-x top left;
}

#header .top .logo {
	margin-left: 30px;
	display: block;
	float: left;
}

#header .top .slogan {
	display: block;
	float: left;
	margin: 17px 0 0 23px;
	font: normal 15px/18px "Times New Roman", Times, serif;
}

#header .top .language_select {
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	width: 145px;
	height: 22px;
	background: #dfdfdf url(/fileadmin/templates/images/layout/bg_header_language_d.gif) top left no-repeat;
}

#header .top .language_select span {
	width: 75px;
	display:block;
	float:left;
}


#header .top .language_select p {
	font: normal 12px/18px "Times New Roman", Times, serif;
	margin: 2px 0 0 10px;
}

#header .top .language_select a {
	font: normal 12px/18px "Times New Roman", Times, serif;
	color: #4e9403;
	margin-left: 9px;
	text-decoration: none;
}

#header .top .language_select a:hover {
	color: #808080;
}

#header .top .language_select a.active {
	color: #808080;
}

#header .top .language_select a:hover.active {
	color: #808080;
}

/*------------------------------------------------------  
FLASH
------------------------------------------------------*/

.flash_movie {
	position: absolute;
	left: 0;
	top: 72px;
}

.flash_movie embed {
}

.tdt_teaser{
	width: 200px;
	height: 200px;
	background: transparent url(/fileadmin/templates/images/layout/RAC_TdT_Schleife_d.png) top left no-repeat;
	z-index: 1000;
	position: absolute;
	display: block;
	top: 87px;
	left: -1px;
}

/*------------------------------------------------------  
NAVIGATION
------------------------------------------------------*/

.navi_top {
	background: transparent url(/fileadmin/templates/images/layout/navi_bg.gif) top left no-repeat;
	z-index: 1000;
	position: absolute;
	display: block;
	top: 37px;
	left: 0;
	height: 60px;
	width: 980px;
}

.navi_top ul {
	margin: 40px 0 0 32px;
}

.navi_top li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}

.navi_top li a {
	margin-right: 23px;
	padding: 0;
	display: inline;
	float: left;
	font: normal 15px/18px "Times New Roman", Times, serif;
	color: #4e9403;
	text-transform: uppercase;
	text-decoration: none;
}

.navi_top li a:hover {
	color: #808080;
}

.navi_top li.active a {
	color: #FFF;
}

.navi_top li.navi_right a {
	text-transform: none;
}

.navi_top li.first a {
	margin-left: 185px;
}

.navi_top li.last a {
	margin-right: 0;
}

/*------------------------------------------------------  
CONTENT HOME
------------------------------------------------------*/

#content_home {
	z-index: 92;
	margin-top: 477px;
	padding-bottom:111px;   /* Height of the footer */
}

/* Font Resizer */

#content_home .font_size {
	height: 25px;
}

#content_home .font_size {
	width: 119px;
	height: 25px;
	background: #dfdfdf url(/fileadmin/templates/images/layout/bg_text_resize.gif) top left no-repeat;
	margin-left: 843px;
}

#content_home .font_size .resizer p {
	float: left;
	font: normal 12px/18px "Times New Roman", Times, serif;
	margin: 2px 0 0 10px;
}

#content_home .font_size .resizer input{
	border: 0 none;
	font: normal 12px/18px "Times New Roman", Times, serif;
	color: #4e9403;
	cursor: pointer;
	text-indent:-1000px;
}

#content_home .font_size .resizer input.font_small   {
	font-size: 12px;
	background: url(/fileadmin/templates/images/layout/font_small.gif) top left no-repeat;
	display: block;
	float: left;
	width: 11px;
	height: 12px;
	margin: 4px 0 0 12px;
}

#content_home .font_size .resizer input.font_big   {
	font-size: 18px;
	background: url(/fileadmin/templates/images/layout/font_big.gif) top left no-repeat; 
	display: block;
	float: left;
	width: 11px;
	height: 12px;
	margin: 4px 0 0 12px;
}


/* Column 1 */

#content_home .column1 {
	display: inline;
	float: left;
	width: 215px;
	margin: 10px 20px 205px 30px;
}

/* Column 2 */

#content_home .column2 {
	display: inline;
	float: left;
	width: 215px;
	margin: 10px 20px 205px 0;
}

/* Column 3 */

#content_home .column3 {
	display: inline;
	float: left;
	width: 215px;
	margin: 10px 20px 205px 0;
}

/* Column 4 */

#content_home .column4 {
	display: inline;
	float: left;
	width: 215px;
	margin: 10px 20px 205px 0;
}

/* Special for column 4, background goldplaquette*/

.bg_gold {
	background: #ECECEE url(/fileadmin/templates/images/layout/RAC_TdT_goldplaquette_small.gif) top no-repeat;
	width: 185px;
	height: 820px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

/*	.bg_gold a {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	outline: none;
	text-decoration: none;
	color: #4e9403;
}

.bg_gold a:hover {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: underline;
}

/* end special column4 */

	
	#content_home .column4 .csc-header h1 {
		font: bold 15px/18px "Times New Roman", Times, serif;
		color: #3a3a3a;
		margin: 0 0 4px 0;
		background: none;
	}
	
    #content_home .column4 h1.column4_title {
		font: bold 18px/18px "Times New Roman", Times, serif;
		color: #789ecd;
		padding-bottom: 6px;
		margin-bottom: 14px;
		display: block;
		background: #ECECEE url(/fileadmin/templates/images/layout/border_h1.gif) bottom left no-repeat;
    }
	
/*	inactive for special column with background goldplaquette!!


	#content_home .column4 a {
		font: normal 15px/8px "Times New Roman", Times, serif;
		padding-left: 10px;
		margin-top: 15px;
		margin-left: 3px;
		background: #ECECEE url(/fileadmin/templates/images/layout/button_news.gif) top left no-repeat;
	}

	#content_home .column4 a:hover {
		color: #808080;
		text-decoration: underline;
	}*/


/*------------------------------------------------------  
CONTENT SUBPAGES
------------------------------------------------------*/

#content {
	z-index: 92;
	margin-top: 381px;
	padding-bottom:205px;   /* Height of the footer */
}

/* Font Resizer */

#content .font_size {
	width: 119px;
	height: 25px;
	background: #dfdfdf url(/fileadmin/templates/images/layout/bg_text_resize.gif) top left no-repeat;
	margin-left: 843px;
}

#content .font_size .resizer p {
	float: left;
	font: normal 12px/18px "Times New Roman", Times, serif;
	margin: 2px 0 0 10px;
}

#content .font_size .resizer input{
	border: 0 none;
	font: normal 12px/18px "Times New Roman", Times, serif;
	color: #4e9403;
	cursor: pointer;
	text-indent:-1000px;
}

#content .font_size .resizer input.font_small   {
	font-size: 12px;
	background: url(/fileadmin/templates/images/layout/font_small.gif) top left no-repeat;
	display: block;
	float: left;
	width: 11px;
	height: 12px;
	margin: 4px 0 0 12px;
}

#content .font_size .resizer input.font_big   {
	font-size: 18px;
	background: url(/fileadmin/templates/images/layout/font_big.gif) top left no-repeat; 
	display: block;
	float: left;
	width: 11px;
	height: 12px;
	margin: 4px 0 0 12px;
}

/* Subnavigation */

#content .column_left {
	display: block;
	float: left;
	width: 235px;
	margin: 10px 0 205px 30px;
}

     #content .column_left ul {
	 	list-style: none;
	}
	
	#content .column_left ul a {
		font: normal 15px/22px "Times New Roman", Times, serif;
		color: #4e9403;
	   	padding-left: 10px;
		text-decoration: none;
	}
	
     #content .column_left ul a:hover {
		color: #808080;
	}
	
     #content .column_left ul .active a {
		color: #808080;
	}
	
	     #content .column_left ul.second_navi .active a {
	        display: block;
	        background: #ECECEE url(/fileadmin/templates/images/layout/bg_second_navi.gif) top left no-repeat;
			color: #808080;
        }
	
	    #content .column_left ul.second_navi ul.third_navi a {
	    	padding-left: 30px;
	        display: block;
	        background: #ECECEE url(/fileadmin/templates/images/layout/bg_third_navi.gif) top left no-repeat;
			color: #4e9403;
		}
		
	    #content .column_left ul.second_navi ul.third_navi .active a {
	    	padding-left: 30px;
	        display: block;
	        background: #ECECEE url(/fileadmin/templates/images/layout/bg_third_navi_active.gif) top left no-repeat;
			color: #808080;
		}

#content .column_right {
	display: block;
	width: 685px;
	margin: 7px 0 0 265px;
}

	/*#content .column_right ul {
		margin-left: 13px;
	}*/

    .column_right_title {
		display: block;
	}
	
    .column_right_title h1 {
		font-size: 22px;
		line-height: 22px;
	}
	
	.column_right_content_left {
		display: block;
		float: left;
		width: 450px;
		margin: 0;
	}
	
	.column_right_content_left h1 {
		font: bold 15px/18px "Times New Roman", Times, serif;
		color: #3a3a3a;
		margin: 0 0 0 1px;
		background: none;
	}
	
	.ka-panel {
		margin-bottom: 15px;
	}
	
	.ka-panel h1 {
		cursor: pointer;
		font: bold 15px/18px "Times New Roman", Times, serif;
		font-weight: bold;
		margin-bottom: 0;
	}
	
	.open h1 {
		color: #3a3a3a;
	}
	
	.close h1 {
		color: #4E9403;
	} 
	
	.column_right_content_right {
		display: block;
		float: left;
		width: 215px;
		margin-left: 20px;
	}
	
	.column_right_content_top_scroll {
		display: block;
		clear: both;
		width: 685px;
		padding-bottom: 6px;
		text-align: right;
		background: #ECECEE url(/fileadmin/templates/images/layout/border_h1.gif) bottom left no-repeat;
	}



/*------------------------------------------------------
Footer
------------------------------------------------------*/
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:205px;   /* Height of the footer */
   background:#ececee;
 }
 
 #footer .footer_logos {
 	width: 980px;
	height: 176px;
	background: #ececee url(/fileadmin/templates/images/layout/footer_logos_de.jpg);
 }
 
  	.logos_text {
		display: inline-block;
		margin: 20px 0 0 30px;
		font: normal 11px/18px Arial, Helvetica, sans-serif;
		color: #a5a5a5;
	}
 
 #footer .footer_copyright {
 	width: 980px;
	height: 29px;
	background: #ececee url(/fileadmin/templates/images/layout/footer_image.jpg);
 }
 
 	.copyright_text {
		display: inline-block;
		margin: 7px 0 0 30px;
		font: normal 11px/18px Arial, Helvetica, sans-serif;
		color: #FFF;
	}

/*------------------------------------------------------
TT NEWS
------------------------------------------------------*/	
	
.news-catRootline {
	display: none;
}

.news-single-rightbox {
	display: none;
}

.news-single-item h1 {
	font: bold 15px/18px "Times New Roman", Times, serif;
	color: #3a3a3a;
	margin: 0 0 4px 0;
	background: none;
}

.news-single-item h2 {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	font-weight: bold;
}

.news-list-container {
	padding: 0;
}

.news-list-container img {
	float: left;
	margin:3px 5px 0 0;
}

.news-list-item {
	background: #ECECEE url(/fileadmin/templates/images/layout/border_h1.gif) bottom left no-repeat;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border: none;
}

.news-list-item h2 a {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	font-weight: bold;
}

.news-single-backlink {
	padding-left: 0;
}

.news-single-img {
	float: left;
	margin:10px 10px 0 0;
}

.news-list-category {
	display: none;
}

.news-list-date {
	display: none;
}

.column_right .csc-textpic-intext-left {
	display: none;
}

/*------------------------------------------------------
POWERMAIL
------------------------------------------------------*/	

fieldset.tx-powermail-pi1_fieldset {
	border: none 0;
	background-color:#ECECEE;
	padding: 0;
	margin-left: -2px;
}

fieldset.tx-powermail-pi1_fieldset legend {
	font: bold 15px/35px "Times New Roman", Times, serif;
	color: #3a3a3a;
	margin: 0 0 4px 0;
	display: block;
}

fieldset.tx-powermail-pi1_fieldset label {
	clear:both;
	display:block;
	float:left;
	font-weight:bold;
	width:138px;
	margin-left: 2px;
}

fieldset.tx-powermail-pi1_fieldset label {
	font-weight: normal;
	margin-left: 2px;
}

span.powermail_mandatory {
	color:#3A3A3A;
	font-weight: normal;
}

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:300px;
	border: 1px solid #CCCCCC;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	font-weight: normal;
	margin: 10px 0 10px 140px;
	font: normal 15px/20px "Times New Roman", Times, serif;
	color: #4E9403;
	padding-left: 26px;
	display: block;
	background: url(/fileadmin/templates/images/layout/button_home.gif) top left no-repeat;
	border: none;
}

.tx-powermail-pi1_mandatory_submit {
	font-weight: normal;
	margin: 10px 0 10px 0px;
	font: normal 15px/20px "Times New Roman", Times, serif;
	padding-left: 26px;
	display: block;
	background: url(/fileadmin/templates/images/layout/button_home.gif) top left no-repeat;
	border: none;
}

.powermail_mandatory_listitem {
	list-style: none;
	font-weight: normal;
}

div.powermail_mandatory_js {
	color:red;
	margin:3px 0 15px 140px;
}

input.validation-failed, textarea.validation-failed {
	background-image:url(/fileadmin/templates/images/layout/icon_exclamation.gif);
	background-position:98% 1px;
	background-repeat:no-repeat;
}


/*------------------------------------------------------
liScroll styles
------------------------------------------------------*/

#ticker {position: relative; top: 260px; left: 0px;}
.tickercontainer{text-transform:uppercase;letter-spacing: 1px;background:#333;opacity: 0.8;width:980px;height:37px;margin:0;padding:0;overflow:hidden;}
.tickercontainer .mask{position:relative;left:10px;top:8px;width:950px;overflow:hidden;}
ul.newsticker{position:relative;left:960px;font: lighter 16px "Times New Roman",Times,serif;list-style-type:none;margin:0;padding:0;}
ul.newsticker li{float:left;margin:0;padding:0;}
ul.newsticker li{white-space:nowrap;padding:0;color:#FFF;font:bold 16px;margin:0 150px 0 0;text-decoration:none;}
ul.newsticker span{margin:0 10px 0 0;color:#FFF;}