body {
	background:url(../img/page_bg.gif) repeat-x fixed;
	background-color:#d0d0d0;
	font:12px verdana,arial,sans;
	line-height:16px;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
}

form {
	margin:0;
}

.container {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.page_background {
	margin-left: auto;
	margin-right: auto;
	width:980px;
	border-style:dotted;
	border-color:#f5630d;
	border-width:1px;
	background-color:#fff;
	position:absolute;
}



/* #################################################################################### */
/* ############################ Style-Angaben für Schriften ########################### */
/* #################################################################################### */
p {
	margin-top:0px;
}

h1 {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font:bold 18px verdana,arial,sans;
	color:#ff6600;
}

h2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font:bold 11px verdana,arial,sans;
	color:#ff6600;
}

h3 {
	font:bold 12px verdana,arial,sans;
	color:#333333;
	height:20px;
	margin:0px;
	padding:0px;
}

.error {
	color:#f00;
}

.ok {
	color:#339933;
}

.small {
	font:10px verdana,arial,sans;
	line-height:16px;
	color:#333;
}

a:link {font-family:verdana,arial,sans; color:#ff6600;text-decoration:underline;}
a:visited {font-family:verdana,arial,sans; color:#ff6600;text-decoration:underline;}
a:hover {font-family:verdana,arial,sans; color:#ff6600;text-decoration:none;}

.footer a:link {font:11px verdana,arial,sans; color:#333333;text-decoration:underline;}
.footer a:visited {font:11px verdana,arial,sans; color:#333333;text-decoration:underline;}
.footer a:hover {font:11px verdana,arial,sans; color:#333333;text-decoration:none;}

/* ##################################################################################### */
/* ############################ Style-Angaben für den Header ########################### */
/* ##################################################################################### */

.header {
	width:980px;
	height:190px;
	background-image:url(../img/woman.jpg);
	background-repeat:no-repeat;
	background-position:30px 22px;
	border-style:solid;
	border-width:0px 0px 5px 0px;
	border-color:#f5630d;	
}

.logo {
	background:url(../img/logo_ligatus.gif) no-repeat;
	width:363px;
	height:52px;
	position:absolute;
	top:30px;
	left:585px;
}

.partner {
	position:absolute;
	top:100px;
	left:270px;
	height:90px;
}

.partner_flash {
	height:70px;
	width:700px;
	z-index:1;
}


/* ################################################################################## */
/* ############################ Style-Angaben für Content ########################### */
/* ################################################################################## */

.content {	
	margin:0px 0px 0px 0px;
	width:980px;
	min-height:745px;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#fff;	
}

.content_left {
	margin:0px 0px 0px 0px;
	width:630px;
	float:left;
}

.formular {
	width:290px;
	margin-left:660px;
	margin-top:65px;
	padding:0px;
}

.abschnitt {
	padding-bottom:20px;
	width:600px;
	z-index:2;
}

.left_col {
	width:270px;
	float:left;
}

.grey_overlay{
	background-color:#000;
	position:fixed;
	top:0px;
	left:0px;
	z-index:5;
	width:100%;
	height:100%;
}

.anzeigenbeispiel_zoom{
	height:510px;
	width:800px;
	border-style:solid;
	border-color:#ff6600;
	border-width:2px;
	background-color:#fff;
	position:absolute;
	top:-400px;
	left:-270px;
	z-index:100;
	margin-bottom:0px;
	text-align:right;
	display:block;
	font:bold 14px verdana,arial,sans; 
	color:#ff6600;
	text-decoration:none;
	padding:10px;
}

.screenshot_directads_zoom{
	height:560px;
	width:880px;
	border-style:solid;
	border-color:#ff6600;
	border-width:2px;
	background-color:#fff;
	position:absolute;
	top:-400px;
	left:-300px;
	z-index:100;
	margin-bottom:0px;
	text-align:right;
	display:block;
	font:bold 14px verdana,arial,sans; 
	color:#ff6600;
	text-decoration:none;
	padding:10px;
}

.schliessen {
	margin-top:10px;
	cursor:pointer;
	float:right;
}

.premium_channel {
	height:26px;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
	cursor:pointer;
	z-index:99;
}

.premium_channel_link {
	width:200px; 
	height:26px;
	position:absolute;
	z-index:3;
}

.premium_channel_icon {
	height:26px;
	width:26px;
	margin:0px;
	float:left;
	position:absolute;
	z-index:2;
}

.premium_channel_text {
	height:19px;
	width:160px;
	margin-left:26px;
	padding-left:10px;
	padding-top:5px;
	border-style:solid;
	border-width:1px 1px 1px 0px;
	border-color:#f0f0f0;
	font-weight:bold;
	color:#666;
	position:absolute;
	z-index:2;
}

.premium_channel:hover .premium_channel_text {
	height:19px;
	width:160px;
	margin-left:26px;
	padding-left:10px;
	padding-top:5px;
	border-style:solid;
	border-width:1px 1px 1px 0px;
	border-color:#ff6600;
	background-color:#fff;
	font-weight:bold;
	color:#666;
	position:absolute;
	z-index:2;
}

.channel_partnerlogos {
	margin:30px 0px 0px 0px;
}


/* ######################################################################################### */
/* ############################ Style-Angaben für Fehler/OK-Boxen ########################## */
/* ######################################################################################### */

.errorbox {
	background:url(../img/hinweis_32x32.gif) no-repeat 5px 5px;
	border:1px solid #f00;
	padding:5px;
}

.errorbox h2 {
	padding:0px 5px 10px 40px;
	height:25px;
}

.errorbox_main {
	background:url(../img/hinweis_32x32.gif) no-repeat 5px 5px;
	border:1px solid #f00;
	padding:5px;
	margin:10px 30px 0px 30px;
}

.errorbox_main h1, .okbox_main h1 {
	padding:0px 5px 0px 40px;
}

.okbox_main {
	background:url(../img/check_32x32.gif) no-repeat 5px 5px;
	border:1px solid #339933;
	padding:5px;
	margin:10px 30px 0px 30px;
}




/* ######################################################################################### */
/* ############################ Style-Angaben für Boxen/Tabellen ########################### */
/* ######################################################################################### */

.box_content {
	padding-top:10px;
	margin-left:30px;
	margin-right:0px;
	padding-left:20px;
	background:url(../img/box_content_bg_600.gif) repeat-y;
	width:600px;
}

.box_bottom {
	background:url(../img/box_content_bg_bottom_600.gif) no-repeat;
	width:600px;
	height:40px;
	margin-left:30px;
	margin-bottom:30px;
	clear:both;
}

.box_content_form {
	padding-top:20px;
	padding-left:15px;
	background:url(../img/box_content_bg_290.gif) repeat-y;
	width:290px;
}

.box_top_form_color {
	height:20px;
	width:280px;
	background:url(../img/box_content_bg_top_color.gif) no-repeat;
	background-color:#ff6600;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
	padding-top:7px;
}

.box_bottom_form {
	background:url(../img/box_content_bg_bottom_290.gif) no-repeat;
	width:280px;
	height:40px;
	text-align:center;
	padding-right:10px;
	padding-top:17px;
}

.box_grey {
	background-color:#f0f0f0;
	border:solid 1px #cccccc;
	width:240px;
	margin-left:300px;
	position:relative;
	z-index:1;
}

.box_grey_content {
	margin:10px 10px 20px 10px;
}

.box_line {
	border-top:1px solid #ff6600;
	margin-right:30px;
	height:1px;
}

/* ################################################################################# */
/* ############################ Style-Angaben für Listen ########################### */
/* ################################################################################# */
ul {}

li {}

.vorteil {
	font:10px verdana,arial,sans; 
	color:#333333;
	padding-left:25px;
	background:url(../img/check.gif) no-repeat;
	background-position:0px 2px;
	margin-bottom:5px;
}

/* ##################################################################################### */
/* ############################ Style-Angaben für Navigation ########################### */
/* ##################################################################################### */
#tabs {
	width:600px;
	height:50px;
	margin-top:30px;
	margin-left:30px;
	background:url(../img/bg_tabs_bottom.gif) no-repeat;
	background-position:bottom;
}

.tab_active {
	background:url(../img/ms_tab_bg_active.gif) repeat-x;
	height:50px;
	float:left;
}

.tab_active .start {
	background:url(../img/ms_tab_bg_active_start.gif) no-repeat;
	height:50px;
	width:30px;
	float:left;
}

.tab_active .start_first {
	background:url(../img/ms_tab_bg_active_start_first.gif) no-repeat;
	height:50px;
	width:20px;
	float:left;
}

.tab_active .end {
	background:url(../img/ms_tab_bg_active_end.gif) no-repeat;
	height:50px;
	width:30px;
	float:left;
}

.tab_active .end_last {
	background:url(../img/ms_tab_bg_active_end_last.gif) no-repeat;
	height:50px;
	width:30px;
	float:left;
}

.tab_active .tablink{
	text-align:left;
	margin-top:5px;
	font:18px verdana,arial,sans; 
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	float:left;
	cursor:pointer;
}

.tab_inactive {
	background:url(../img/ms_tab_bg_inactive.gif) repeat-x;
	height:50px;
	float:left;
	cursor:pointer;
}

.tab_inactive .start {
	height:50px;
	width:10px;
	float:left;
}

.tab_inactive .start_first {
	background:url(../img/ms_tab_bg_inactive_start_first.gif) no-repeat;
	height:50px;
	width:20px;
	float:left;
}

.tab_inactive .end {
	height:50px;
	width:10px;
	float:left;
}

.tab_inactive .end_last {
	background:url(../img/ms_tab_bg_inactive_end_last.gif) no-repeat;
	height:50px;
	width:20px;
	float:left;
}

.tab_inactive .tablink{
	text-align:left;
	margin-top:13px;
	font:16px verdana,arial,sans; 
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	float:left;
	text-decoration:none;
	cursor:pointer;
}

/* ################################################################################### */
/* ############################ Style-Angaben für Formular ########################### */
/* ################################################################################### */

input, select {
	border:solid 1px #ff6600;
	margin:0px;
	width:100%;
	display:inline;
}

.input {
	width:150px;
	float:right;
}

.input_checkbox {
	width:17px;
	border:none;
	float:left;
	margin:-2px 0px 0px 0px;
	padding-top:0px;
}

.input_checkbox_login {
	width:17px;
	border:none;
	float:left;
	margin:2px 0px 0px 0px;
	padding-top:0px;
}

.strasse_input {
	width:90px;
	float:left;
}

.nr_input {
	width:50px;
	float:right;
}

.plz_input {
	width:50px;
	float:left;
}

.ort_input {
	width:90px;
	float:right;
}


.formelement {
	height:25px;
	width:255px;
}

.formelement_hinweis {
	width:255px;
	margin-bottom:10px;
}

.formmarker {
/* Formatierung von markierten Formularfeldern */
}

.formlabel {
 	width:95px; 
	padding-top:3px;
	float:left;
}

.formlabel_checkbox {
	font-size:10px;
	margin:0px 0px 0px 20px;
	line-height:14px;
}

.submit_registration {
	height:38px;
	width:153px;
	background:url(../img/button_registrieren.jpg) no-repeat;
	border:0px;
	margin:10px 0px 0px 103px;
	cursor:pointer;
}

.submit_login {
	height:38px;
	width:139px;
	background:url(../img/button_anmelden.jpg) no-repeat;
	border:0px;
	margin:10px 0px 0px 103px;
	cursor:pointer;
}

.bestaetigungstext {
	width:255px;
	height:273px;
	padding-bottom:10px;
}

.ssl {
	font:10px verdana,arial,sans; 
	color:#333333;
}

.forgot_pwd {
	font-size:10px;
	line-height:10px;
	margin:0px 0px 0px 115px;
}

/* ################################################################################# */
/* ############################ Style-Angaben für Footer ########################### */
/* ################################################################################# */

.footer {
	position:relative;
	bottom:0px;
	width:980px;
	border-style:dotted;
	border-color:#999999;
	border-width:1px 0px 0px 0px;
	background-color:#fff;
	text-align:center;
	font:11px verdana,arial,sans; color:#333333;
	padding-top:5px;
	padding-bottom:5px;
}

/* ################################################################################# */
/* ############################ Style-Angaben für PopUp ########################### */
/* ################################################################################# */

#container_popup {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.header_popup {
	width:500px;
	height:75px;
	text-align:center;
	border-bottom:1px solid #ff6600;
	background:url(../img/logo_ligatus_popup.gif) no-repeat;
	background-position:top center;
}

.print	{
	text-align:right;
	margin-top:10px;
}

#foot	{
	text-align:center;
	padding:20px;
	clear:both;
}

.popup_leftcol {
	width:210px;
	float:left;
}

.popup_rightcol {
	margin-left:270px;
}

.popup_bothcol {
	clear:both;
	margin-top:50px;
}


/* ################################################################################# */
/* ############################ Style-Angaben für Video ############################ */
/* ################################################################################# */

.video_thumb {
	background-color:#f0f0f0;
	width:242px;
	margin-left:300px;
	position:relative;
	z-index:1;
}


.video_thumb_jpg {
	width:242px;
	height:145px;
	background:url(../img/video_thumb.jpg) no-repeat;
	cursor:pointer;
}

.video_thumb_jpg:hover {
	width:242px;
	height:145px;
	background:url(../img/video_thumb_hover.jpg) no-repeat;
}

.interview_hidden{
	width:0px;
	height:0px;
	overflow:hidden;
}


.spot_zoom{
	height:444px;
	width:650px;
	border-style:solid;
	border-color:#333;
	border-width:2px;
	background-color:#fff;
	position:absolute;
	top:150px;
	left:150px;
	z-index:100;
	text-align:right;
	display:block;
	font:bold 14px verdana,arial,sans; 
	color:#ff6600;
	text-decoration:none;
	padding:10px;
	overflow:hidden;
}