/****************************
ShopAuskunft CSS
$id$
author: oahlemann
****************************/
@import url("sr_navigation.css");
@import url("displaytag.css");
@import url("viewlist.css");
@import url("breadcrumbing.css");
@import url("graph.css");
@import url("forms.css");
@import url("letzteBewertungen.css");
@import url("popup.css");
@import url("vorgang.css");
@import url("calendar.css");
@import url("categories.css");
@import url("newLayout02.css");
@import url("news.css");
@import url("socialBookmarks.css");
@import url("typo.css");
@import url("tagcloud.css");
@import url("rating_basic.css");
@import url("partner.css");
@import url("sealshops.css");



html, table {
	font-size: 8pt;
	line-height: 1.2em;
}

body
{
	text-align: center;
	background-image : url(../images/body_bg.jpg);
	background-repeat : repeat-x;


	background-position : top left;
	background-color: #a2a2a2;

	margin : 0;
	padding	: 0;

	
}


form {
	margin: 0;
	padding:0;
}

h1 {font-size: 1.2em; font-weight:bold; margin: 5px 0; padding: 0;	color: #1F83A9; text-align: left;}
h2 {font-size: 1.1em; font-weight:bold; margin: 5px 0; padding: 0;color: #1F83A9;}
h3 {font-size: 1em; font-weight:bold; margin: 10px 0; padding: 0;color: #48afd5;}
h4 {font-size: 1em; font-weight:bold; margin: 5px 0; padding: 0 0 0 15px; background-color: #E9F2F7; color: #48afd5; line-height: 25px; }

h1.motto {margin-bottom:0;}
h1.inner {padding-left: 15px;}
h3.motto{margin-top: 0;}

a, a:visited, a:active {
	font-weight: bold;
	color: #48AFD5;
	text-decoration: underline;
}
	
a:hover {
	color: #4A8FB4;
	text-decoration: underline;
}


.abisz a, .abisz a:visited {
	border: 1px solid #48AFD5;
	line-height: 25px;
	padding: 2px 5px;
	background-color: #ACDBEC;
	text-decoration: none;
}
.abisz a:hover, .abisz a.current {
	border: 1px solid #48AFD5;
	line-height: 25px;
	padding: 2px 5px;
	background-color: #48AFD5;
	color: white;
	text-decoration: none;
}


#wrapper
{
	margin : 0 auto 0 auto;
	width :	950px;
	text-align : left;
	border: 1px solid white;
	border-top: 0;
	overflow: hidden;
}

#header
{
	height: 120px;
	width: 950px;
	background: #fff url("../images/sa_header_re.jpg") no-repeat center right;
	
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}


#header a.logo img {
	
	margin: 0;
	padding: 0;
	width: 566px;
	height: 120px;
	float:left;
}


#meta {
	float: right;
	color: white;
	font-weight: bold;

}

#middle {
	margin: 0;
	padding: 0;
	background-color: white;
	border-bottom: 1px dotted #ccc;
}

#middle table#mid {
	width: 100%;
}

td#navigation
{
	width: 165px;
	background-color: #F7F7F9;
	border-right: 1px dotted #ccc;
	color: #48AFD5;
	margin: 0;
	padding: 0;
	vertical-align: top;
/*	font-size: 9pt;*/
	font-weight: bold;
	background-color: #F7F7F8;
	table-layout: fixed;

	
}


td#contentinfo {
	margin: 0;
	width: 490px;
	height: 50px;
	padding: 5px;
	padding-top: 0;
	background-color: #F7F7F8;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
	color: #1F83A9;
}
td#contentinfo h1 {
	color: #48afd5;
}

td#contentinfo h3 {
	color: #1F83A9;
}


#view a, #view a:hover, #view a:visited{
	font-size: 1em;
}



td#contentright {
	background-color: white;
	border-left: 1px dotted #ccc;
	vertical-align: top;
	color: #1F83A9;
	padding: 5px;
}

#contentinfo h1 {
	color: #1F83A9;
}


#contentright{
	padding: 0;
	color: #1F83A9;
	
	
}
#contentleft{
	padding: 5px;
	vertical-align: top;
	height: 350px;
	min-height: 350px !important;
/*
	line-height: 150%;
	letter-spacing: 0.08em;
	word-spacing: 0.1em;
*/	
	
}
#contentleft h1 {
	color: #48AFD5;
}
#contentleft h2 {
	color: #48AFD5;
}

table.bewertung td.retailername, table.retailer2String td.retailername {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0;
}


#contentleft h3 {
	color: #48AFD5;
}

#contentright h1 {
	color: #48AFD5;
}
#contentright h2 {
	color: #48AFD5;
}
#contentright h3 {
	color: #48AFD5;
}


#footer
{
	line-height: 46px;
	height: 46px;
	
	/*background-color : #48AFD5;*/
	/*background: #fff url(../images/logos/logoClaimFooter.gif) no-repeat 5px center;*/
	font-size: 1.1em;
	padding-right: 5px;
	background-color : #FFFFFF;
}

#footer img {
	margin: 10px 10px 0 10px;
}

/*	*/

td#login {
	width: 285px;
	height: 50px;

	margin: 0;
	padding: 0;
	padding-top: 5px;
	border-bottom: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	background-color: #f7f7f9;
	vertical-align: top;
}

#login h1 {
	color: #48afd5;
}

#login h3, #login h2, #login h4 {
	margin: 0 0 5px 0;
}



/*ENDE LOGIN*/




.text_error {
	clear: both;
	color: red;
	font-size: 0.8em; 
	font-weight: bold;
	margin-left: 10px;
}

#login div.message {
	margin-right: 10px;
}


ul.ident_options {
	font-size: 1em;
	margin-left: 1em;
	margin-bottom: 5px;
	padding-left: 0;
	list-style: none;
	text-align: left;
}


ul.ident_options li{
	padding-left: 10px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	line-height: 1.4em;
}
ul.ident_options li.bigger{
	line-height: 1.7em;
	background-position: 0 .6em;
}

ul.ident_options li.bigger a{
	font-size: 1.6em;
}

.message a.bigger {
	font-size: 1.4em;
	line-height: 2em;
}



#faq ul{
	list-style-image: url(../images/bullet.gif);
}
#faq li {
	line-height: 1.4em;
}
#faq p {
	width: 100%;
	text-align: right;
}

#faq a.top {
	text-decoration: none;
}

#faq h1 {
	margin-bottom: 1em;
}

#stats_1 {
	margin-top:1em;
	color: #48AFD5;
	width:100%;
}

#stats_1 ul
{
	float:right;
	width:120px;
	color: #48AFD5;
}

#stats_1 li{
	color: #48AFD5;
	width:150px;
}
#stats_1 h1 {
	color: #48AFD5;
}


table.haendlersuche, table.abisz, table.haendlervorschlag {width: 95%;}

table.haendlersuche {margin-bottom: 20px;}

table.haendlersuche td.text_field, table.abisz td.text_field, table.haendlervorschlag td.text_field {
	width: 80%;
	line-height: 30px;
	color: #48AFD5;
}
table.haendlersuche td.button {text-align: right;}


table#userdata tr td.text_field {
	width: 120px;
	line-height: 30px;
	color: #48AFD5;
	letter-spacing: 0;

}


button {
	background-color: transparent;
	border:0;
	padding:0;
	margin:0;
}


.rightfloat {float:right;}
.leftfloat {float: left;}

table.bewertung {width: 100%;}

table.siegelinfo {
	width: 100%;
}

table.siegelinfo td{
	vertical-align: top;
}

.bewertung th, .siegelinfo th
{
	font-size: 1em;
	font-weight: bold;
    color: #48AFD5;
    background-color: #E9F2F7;
    height: 25px;
}




.bewertung td
{
	vertical-align : middle;
/*	height: 30px;*/
}


table.bewertung td.kritname {width: 150px;}
table.bewertung td.krit_value {width: 80px;}
table.bewertung td.durchschnitt {width: 170px;}
table.bewertung td.legende {text-align: left;}


/*LEGENDE*/
#legende {}


a.incentive img {
	border:0;
}

table.legende{
	width: 100%; 
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table.legende th {
	font-weight: bold; 
	text-align: center; 
    background-color: #E9F2F7;
    color: #48AFD5;
}
table.legende td {
	text-align: center; 
	width: 20%; 
	border: 1px solid #ccc;
	font-size: 0.8em;
}

.stat_index {
	color: #1F83A9;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
}
.stat_index td {
	width: 33%;
	text-align: center;
}

.stat_index th {
	color: black;
	font-weight: bold;
}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.top {vertical-align: top;}

.sternchen {
	font-style: italic;
	font-size: 8pt;
}

#login button, #contentinfo button {
	background-color: #F7F7F9;
}
/*
#contentinfo button {
	background-color: #F7F7F9;
}
*/
input.show {
	font-weight: bold;
	background-color: #E9F2F7;
}

.floatright {
	float:right;
}

input.userdata{
	background-color: #E9F2F7;
}

.bewertungstyp td {
	width: 150px;
	height: 50px;
}

.green {
	color: #B1D632;
	font-weight: bold;
}
.yellow {
	color: #EFE708;
	font-weight: bold;
}
.red {
	color: #CF504D;
	font-weight: bold;
}

.bewertungstyp .pos {
	background-color: green;
}

.bewertungstyp .neutr {
	background-color: yellow;
}

.bewertungstyp .neg {
	background-color: red;
}



/*bewertung.jsp*/
hr.grey {
	width: 100%;
	border: 0;
	border-bottom: 1px dotted #ccc;
	clear: both;
}

div.floatleft {
	float: left;
	width: 30%;
	margin-right: 15px;
	
}
div.floatleft img {
/*	margin-left: 40%;*/
}

div.floatright {
	float: right;
/*	
	width: 30%;
	margin-right: 15px;
*/	
}

#siegel_info, #allg_bew_krit{
	height: 228px;
	width: 63%;
	}

br.clearboth {
	clear: both;
}

.haendlername {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	color: #48AFD5;
}

.details input,.details select,.details textarea {
	background-color: #ACDBEC;
	font-weight: normal;
	font-size: 1em;
	
}

textarea.edittext {
	width: 600px;
	height: 100px;
}

table.edittext {
	border: 1px solid #1F82A9;
}

table.edittext td {
	vertical-align: top;
}


td.showText {
	width: 100%;
	font-weight: bolder;
	padding: 1em;
}

td.datetime {
	font-size: smaller;
	text-align: right;
	vertical-align: baseline;
}

table.showdetails {
	width: 100%;
	border: 1px solid #ccc;
	}
	
table.buttons {
	width: 100%;
}

table#bew_table td {
	vertical-align: top;
	width: 33%;
}

/* 
	LOCATION 
	Liste der gegenw?rtigen Posituion innerhalb der Seite
#loclist
{
	list-style: none;
	padding: 0;
	margin: 0;
	color: #48B0D5;
	
}

#loclist li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#loclist li:before { content: "> "; }
#loclist li:first-child:before { content: ""; }
*/

/*IE workaround*/
/*All IE browsers*/
/*
* html #loclist li
{
	background-image: url("../images/arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0.5em 0 1em;
	margin: 0 1em 0 -1em;
}
*/
/*Win IE browsers - hide from Mac IE\*/
/*
* html #loclist { height: 1%; }

* html #loclist li
{
	display: block;
	float: left;
}
*/
/*End hide*/
/*Mac IE 5*/
/*
* html #loclist li:first-child { background-image: none; }

#loclist a
{
	color: #48B0D5;
	text-decoration: none;
	font-weight: bold;
}
*/

td.text_header a{
	font-size: 11px;
	font-weight: bold;
	color: #0D3A72;
	text-decoration: none;
}

#cookies h1 {
	font-size: 16px; 
	font-weight:bold;
	background-color: white;
	margin: 0;
	margin-top: 10px;
	padding: 10px;
	padding-left: 0;
	color: #48afd5;
}

#cookies {
	background-color: white;
	margin:0;
	padding: 10px;
	vertical-align: top;
	line-height: 150%;
	letter-spacing: 0.08em;
	word-spacing: 0.1em;
}
pre {
	border: 1px dotted #ccc;
	background-color: #F7F7F9;
	color: black;
	padding: 5px;
}

.alarm {
	margin-top: 10px; 
	color: red; 
	text-decoration: underline;
}

/*123*/
#step123 {}
#step123 table{
	width: 100%;
}
#step123 table td{
	text-align: center;
	font-size: 0.8em;
}
#step123 table tr.step123_head {
	font-size: 1em;
	color: #ccc;
	text-align: center;
}

#step123 table tr.step123_head td {
	text-align: center;	
}

#step123 table tr.step123_head td.active {
	font-size: 1.2em;
	font-weight: bold;
	color: #48AFD5;
}
#step123 table tr.step123_text {
	color: #ccc;
}
#step123 table tr.step123_text td.active {
	color: #000;
	font-size: 1em;
}

/*selected Retailer*/
#selected_retailer {
	border: 1px dotted #ccc;
	background-color: #F7F7F9;
	text-align: center;
	width: 400px;
	margin: 20px auto 20px auto;
}

#selected_retailer h1{
	color: black;
	text-align: center;
	margin: 20px;
}

p.haendler2String {
	color: #48afd5;
	text-align: center;
	line-height: 1.4em;
}

#disclaimer {
	font-size: 0.8em;
	color: #ccc;
}
#siegel ul.ident_options{
	margin: 10px 0;
}

#siegel ul.ident_options li {
	text-decoration: underline;
	font-size: 1.2em;
}

.right {text-align:right;}

.logoutbutton {
	text-align: right;
}

.cb_category, .cb_payment {
	float: left;
	width: 50%;
	height: 20px;
}

a.bewertenButton, a.bewertenButton:visited, a.bewertenButton:hover {
	border: 1px solid #0D3A72;
	background-color: #6BBEDC;
	color: #0D3A72;
	text-decoration: none;
	font-size: 1.2em;
	display:block;
	padding: 5px;
	padding-left: 20px;
	background: transparent url(../images/pfeil_rot.png) no-repeat 10px center;
}

a.bewertenButton:hover {
	border: 1px solid #6BBEDC;
	background-color: #0D3A72;
	color: #6BBEDC;
}

.message {
	color: red;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	clear:left;
	border: 1px dotted red;
	padding: 10px;
	padding-left: 100px;
	margin-bottom: 10px;
	background: #F7F7F9 url("../images/alert.png") no-repeat 20px center;
	letter-spacing: 0.3px;
	line-height: 140%;
	
}
.partner {
	margin: 20px 0;
}

.partner img {
	padding: 10px;
}


h1.siegel {
	background: url("../images/siegel/ShopAuskunft-Siegel_26px.png") no-repeat left;
	padding-left: 30px;
	line-height: 30px;
}

.partner h3 a:hover {
	text-decoration: none;
}

ul.payments {
	margin: 0;
	padding: 5px;
}

ul.payments li {
	width: 110px;
	float: left;
	line-height: 22px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	display: inline;
	padding: 0 0 0 10px;
	
	
}

.has_siegel {
	background-image: url(../images/siegel/sa_siegel_gross.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}

#shopinfo {
	min-height: 160px;
	}

#shopinfo td.retailername  {
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
}

#shopinfo td.retailername img {
	width: 100%;
	height: auto;
}

#viewcontainer {
	height: 30px;
	clear: both;
}

.col_left {
	width: 350px; 
	float: left; 
}

.col_left h1, .col_right h1, .row h1 {
	background-color: #E9F2F7;
	padding: 2px;
}

.col_right {
	width: 390px; 
	float: right;
}
#shopinfo a.bewertenButton, #shopinfo a.bewertenButton:visited, #shopinfo a.bewertenButton:hover {
	padding: 5px;
	padding-left: 30px;
}

h1.retailer_name {
	font-size: 24px;
}

#siegel_wrapper {
	height: 165px;
}

#siegel_wrapper li {
	width: 200px;
}
#wrapper_stars {
	height: 160px;
}

/*Siegel FRAME*/

a.shoplogo_siegel  {
	display: block;
	background: url("../images/siegel/seal_shoplogo_bg.gif") no-repeat left;
/*	
	padding-right: 34px;
*/
	line-height: 34px;
	height: 34px;
	width: 154px;
}

a.shoplogo_siegel_alpha  {
	display: block;
	background: url("../images/siegel/seal_shoplogo_bg_alpha.gif") no-repeat left;
/*	
	padding-right: 34px;
*/
	line-height: 34px;
	height: 34px;
	width: 154px;
}

a.shoplogo_siegel img, a.shoplogo_siegel_alpha img {
	margin: 2px 0 0 2px;
}



.shopnamesiegel {
	background: url("../images/siegel/ShopAuskunft-Siegel_26px.png") no-repeat left;
	padding-right: 34px;
}

.shopnamealpha {
	background: url("../images/siegel/ShopAuskunft-Siegel_26px_alpha.png") no-repeat left;
	padding-right: 34px;
}

.alpha {
	background: url("../images/siegel/seal_shoplogo_bg_alpha.gif") no-repeat left;
}

.originalLogo {
	width: 100%;
	height: auto;
}
#timetable {
	width: 100%;
	border-collapse: collapse;
	color: #777;
	margin-bottom: 10px;
}
#timetable td {line-height: 20px; width: 20%; margin:0; padding: 0 3px 0 0;}
#timetable td.lbl {text-align: right; font-weight:bold; border: 1px solid #E9F2F7; color: #777777;}
#timetable td.cnt {text-align: right; border: 1px solid #E9F2F7;}
#timetable td.cnt_sum {text-align: right; font-weight: bold; border: 1px solid #E9F2F7;}