@CHARSET "ISO-8859-1";

.pwc_body {
	margin-top: 2px;
	font-family: Verdana;
	font-size: 12px;
	background-color: #A1ABC4;
}

.pwc_body_image {
	margin-top: 10px;
	font-family: Verdana;
	font-size: 12px;
	background-color: #A1ABC4;
	color: #000000;
	background-image: url(images/body_dark.png);
	background-repeat: repeat-x;
}

/**
 * helpdesk - anfang
 * a.helpdesk
 * a.helpdesk:link
 * a.helpdesk:visited
 * a.helpdesk:active
 * a.helpdesk:hover
 * a.helpdesk span
 * a.helpdesk:hover span
 */
.helpdesk {
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.9;
}

.helpdesk title {
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}



a.helpdesk,
a.helpdesk:link,
a.helpdesk:visited,
a.helpdesk:active {
	position: relative;
	text-decoration: none;
	font-style: bold;
}

a.helpdesk:hover {
	text-decoration: none;
	background: transparent;
	z-index: 1000;
}

a.helpdesk span {
	display: none;
	text-decoration: none;
}

a.helpdesk:hover span {
	border: 2px solid #5A678B;
	margin: 5px;
	display: block;
	position: absolute;
	top: -120px;
	left: 20;
	width: 400px;
	z-index: 1000;
	padding: 5px;
	background: #919EBF;
	color: #000000;
}



/**
* styles fuer die tabellen, damit die spalten in abwechselnden farben angezeigt werden
* row_class_first
* row_class_first td
* row_class_second
* row_class_second td
*/
.row_class_first {
	line-height: 18px;
}

.row_class_first td {
	padding-left: 5px;
	padding-right: 2px;
	background-image: url(images/bg_td_light.png);
	background-repeat: repeat-x;
}

.row_class_second {
	line-height: 18px;
}

.row_class_second td {
	padding-left: 5px;
	padding-right: 2px;
	background-image: url(images/bg_td_dark.png);
	background-repeat: repeat-x;
}

/**
 * tabellen mit bg-image, head und body-style
 * bg_table
 * bg_table_fk
 * bg_thead
 * bg_thead td
 * bg_tbody
 * bg_tbody td
 * bg_tbody tr
 */
.bg_table {
	width: 100%;
	padding: 1px;
	margin-top: 10px;
	border: 1px solid #5A678B;
	background: #9d9d9d;
}

.bg_table_fk {
	width: 60%;
	padding: 1px;
	margin-top: 200px;
	border: 1px solid #5A678B;
	background: #9d9d9d;
}

.bg_thead {
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #000000;
	background: #A3A9B7;
}

thead {
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #000000;
	background: #A3A9B7;
}

.bg_thead td {
	padding-left: 5px;
	background-image: url(images/bg_td_head.png);
	background-repeat: repeat-x;
}

.bg_tbody {
	font-size: 11px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
}

tbody {
	font-size: 11px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
}

.bg_tbody td {
	background: #B4BACB;
	padding-left: 5px;
	background-image: url(images/bg_td_light.png);
	background-repeat: repeat-x;
}

.bg_tbody tr {
	line-height: 20px;
}

/**
* navigation ueber und unter den tabellen
* navi
* navi a:link
* navi a:hover
* navi a:visited
* navi a:active
* navi_left
* navi_right
*/
#navi {
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

#navi a:link {
   font-size: 12px;
   text-decoration: underline;
   font-weight: bold;
}

#navi a:hover {
   font-size: 12px;
   text-decoration: underline;
   font-weight: bold;
}

#navi a:visited {
   font-size: 12px;
   text-decoration: underline;
   font-weight: bold;
}

#navi a:active {
   font-size: 12px;
   text-decoration: underline;
   font-weight: bold;
}

#navi_left {
	float: left;
	padding-left: 5px;
}

#navi_right {
	float: right;
	padding-right: 5px;
}

/**
 * menu auf der startseite und in den einstellungen
 * tablist
 * tablist li
 * tablist li a
 * tablist li a:link
 * tablist li a:visited
 * tablist li a:current
 * tablistcontainer
 * tabcontent
 */
#tablist {
	padding: 10px 0;
	margin-left: 0;
	margin-bottom: 0px;
	margin-top: 0.1em;
	font-weight: bold;
}

#tablist li {
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	list-style: none;
	display: inline;
	line-height: 20px;
}

#tablist li a {
	padding: 3px 0.5em;
	margin-left: 0px;
	border: 1px solid #778;
	border-bottom: none;
	background: white;
}

#tablist li a:link, #tablist li a:visited {
	color: navy;
}

#tablist li a.current {
	background: transparent;
}

#tabcontentcontainer {
	font-size: 12px;
}

.tabcontent {
	display: none;
	margin: 0px;
	padding: 0px;
}




.timer_visit {
	background-color:#CCCCCC;
	border:#CCCCCC;
	font-size:11px;
	color:#000000;
	text-align:center;
}

#interface_hinweis {
	width:600px;
	text-align:center;
	border:3px solid red;
	background-color: #FFFFFF;
}

#error_message {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
	width: 600px;
	text-align: left;
	background-color: #FFFFFF;
}

.hinweis {
	font-weight: bold;
}

#daten {
	padding: 10 10 10 10px;
	margin-bottom: 20px;
	width: 600px;
	text-align: center;
	border: 2px solid green;
	background-color: #FFFFFF;
}

#versand {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-top:10px;
	margin-right:50px;
	margin-bottom:10px;
	margin-left:50px;
	width:600px;
	text-align:center;
	border: 2px solid green;
	background-color: #FFFFFF;
}

a:link {
	text-decoration:underline;
	border:none;
	color:#000000;
	font-size:11px;
}

a:hover {
	text-decoration:underline;
	border:none;
	color:#666666;
	font-size:11px;
}

a:active {
	text-decoration:underline;
	border:none;
	color:#000000;
	font-size:11px;
}

a:visited {
	text-decoration:underline;
	border:none;
	color:#000000;
	font-size:11px;
}

textarea,select,option {
	border:1px solid #FE9102;
}

textarea {
	color:#000000;
	font-size:12px;
	overflow:auto;
}

/**
 * wird nur fuer debug-meldungen benoetigt
 */
#debug {
	width: 95%;
	padding-top:2px;
	padding-bottom:10px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:20px;
	margin-left:5px;
	text-align:center;
	border:3px solid red;
	background-color: #FFFFFF;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

/**
 * styles fuer das auflisten der forced-banner im user-bereich
 * image_v
 * image_h
 */
.image_v {
	margin-bottom: 5px;
	width: 468px;
	height: 60px;
	border: 1px solid #000000;
}

.image_h {
	margin-left: 2px;
	margin-right: 2px;
	width: 468px;
	height: 60px;
	border: 1px solid #000000;
}

/**
 * divs fuer die frames beim bestaetigen von forced-banner und paidmails
 * frames
 * frames_left
 * frames_right
 */
.frames {
	width: 100%;
	height: 70px;
	margin: auto;
	white-space: nowrap;
}

.frames_left {
	width: 50%;
	white-space: nowrap;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: top;
}

.frames_right {
	width: 50%;
	text-align: right;
	white-space: nowrap;
	margin-top: 2px;
}

p {
	margin: 0px;
	padding: 0px;
}

/**
 * beschreibungstexte in den bonusaktionen
 * beschreibung
 */
.beschreibung {
	font-style: italic;
}

/**
 * dieses style befindet sich im footer der webseite, er dient lediglich dazu,
 * etwas platz unter die formulare zu schaffen, damit der helpdesk komplett angezeigt werden kann
 */
#footer {
	margin-top: 10px;
	margin-right: 5px;
	height: 150px;
}