/*************************/
/* ALLGEMEIN
/*************************/

body{
	background-color:#CFD0D2;
	background-image:url("images/bg.jpg");
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	font-family: Univers, Tahoma, Verdana, Arial;
	font-size:12px;
	line-height:18px;
}


html, body{
	height:100%
}


/*************************/
/* GRUNDGERUEST
/*************************/

div#border{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background-color:#E1121C;
	float:left;
	width:46px;
}


div#inhaltsbereich{
	width:810px !important;
	width:814px;
	padding-left:54px;
	background:url(images/bg_border.gif);
	height:auto !important;
	height:100%;
}

div#header{
	width:810px !important;
	width:814px;
	height:105px;
}


/*************************/
/* HEADER INHALTE
/*************************/


div#logo{
	float:left;
}

div#logo img{
	border:0;
}


div#metanavi{
	float:right;
	height:20px;
	margin-top:57px;
	color:#4A5C68;
	font-size:10px;
}



div#metanavi a:link,
div#metanavi a:active,
div#metanavi a:visited,
div#metanavi a:hover{
	color:#4A5C68;
	font-size:10px;
	text-decoration:none;
}

div#metanavi a:hover{
	text-decoration:underline;
}



/*************************/
/* HAUPTNAVI
/*************************/

div#hauptnavi{
	clear:both;
	height:28px;
	width:810px !important;
	width:814px;
	background:url(images/bg_navi.gif);
}

div#hauptnavi img{
	border:0;
}



/*************************/
/* SUBNAVI
/*************************/

div#inhaltnavi{
	width: 150px;
	margin-top:8px;
	float:left;
}

div#inhaltnavi a {
	display:block;
	margin:0;
	padding:0;
	margin-bottom:2px;
	background:url(images/bg_subnavi.gif);
	background-repeat:repeat-x;
}

div#inhaltnavi a.active {
	background:url(images/bg_subnavi_aktiv.gif);
}

/*	SUBSUBNAVI */
div#inhaltnavi div.subsubnavi a, div#inhaltnavi div.subsubnavi a.active {
	background:url(images/bg_subsubnavi.gif);
	background-repeat:repeat-x;
}


div#navi_banner{
	margin-top: 5px;
}

div#navi_banner img{
	border:0px;
}



/*************************
/* FOOTER
/*************************/


div#footer,
div#footer_inhalt{
	color:#4A5C68;
	text-transform:uppercase;
	font-size:10px;
	margin-right: 210px;
	margin-top:-2px;
}


div#footer_inhalt{
	/*margin-top:-91px;*/
	margin-top:-10px;
}

div#footer a:link,
div#footer a:active,
div#footer a:visited,
div#footer a:hover,
div#footer_inhalt a:link,
div#footer_inhalt a:active,
div#footer_inhalt a:visited,
div#footer_inhalt a:hover{
	color:#4A5C68;
	font-size:10px;
	text-decoration:none;
}

div#footer 	   a:hover,
div#div#footer a:hover{
	text-decoration:underline;
}

div.footertext{
	margin:0;
}

/*************************/
/* INHALTSBEREICHE DEFINIEREN
/*************************/

div#content{
	margin-top:8px;
	width:810px !important;
	width:814px;
}


div#maincontent{
	float:left;
	width:594px;
}

div#rechts{
	margin-left:603px;
	width:207px;
}

/*************************/
/* RECHTE SPALTE
/*************************/
div#rechts img{
	border:1px solid #4A5C68;
	margin-bottom:8px;
}

/*************************/
/* MAINCONTENT
/*************************/
div#main_inhalt div.celement {
	margin-bottom:25px;
}
div#main_inhalt table {
	margin-bottom:67px;
}

div#main_inhalt p {
	padding:0;
	margin:0;
	margin-bottom:5px;
}

div.rendertitel {
	height:34px;
	width:100%;
	background:url(images/bg_titel.gif);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	display:block;
}

div#teaser{
	width:592px;
	border:1px solid #4A5C68;
	overflow:hidden;
}

/* ueberschuessige paddings/margins von den Bannern wegnehmen */
div#teaser dt, div#teaser dd, div#teaser dl {
	margin:0;
	padding:0;
}

div#teaser div.csc-textpic-imagewrap {
	margin:0;
	padding:0;
}



/*************************/
/* INHALTE STARTSEITE
/*************************/

div.infobox {
	width:292px !important;
	width:293px;
	height:185px;
	margin-top:6px;
	background:url(images/bg_box.jpg);
	color:#ffffff;
	float:left;
	font-size:11px;
	line-height:16px;
	overflow:hidden;
}

div.infobox_titel {
	width:292px !important;
	width:293px;
	margin-top:6px;
	float:left;
}

div#inhalt div.ungerade div.infobox, div#inhalt div.ungerade div.infobox_titel{
	margin-right:9px !important;
	margin-right:7px;
}


div.infobox img{
	float:left;
	margin-right:8px;
}

div.infobox a:link,
div.infobox a:active,
div.infobox a:visited,
div.infobox a:hover{
	color:#ffffff;
	text-decoration:underline;
}

div.infobox p{
	margin:0;
	margin-top:8px;
}


h2 {
	height:32px;
	width:100%;
	background:url(images/bgtitel2.gif);
	padding:0;
	margin:0;
}



/*************************/
/* INHALTSEITE
/*************************/
div#main_inhalt{
	margin-left: 8px;
	width: 435px;
	float:left;
	margin-top:8px;
}

div#main_inhalt a:link,
div#main_inhalt a:active,
div#main_inhalt a:visited,
div#main_inhalt a:hover{
	color:#E1121C;
	text-decoration:none;
}


div#main_inhalt a:hover{
	text-decoration:underline;
}

div#main_inhalt p {
	margin:0px;
	margin-bottom:10px;
}

div#banner_unten{
	margin-top:8px;
	
}

div#banner_unten img{
	border:0px;
}



/*************************/
/* TABELLEN
/*************************/
table.contenttable {
	/*background-color:#BCBCBC;*/
	border-collapse:collapse;
	padding:0;
	margin-top:-15px;
	margin-bottom:20px;
}


table.contenttable tr td{
	vertical-align:top;
	padding:10px;
}

table.contenttable td p{
	margin-bottom:3px;
}

table.contenttable td.td-0{
	font-weight:bold;
}

table.contenttable tr.tr-odd{
	/*background-color:#EAEAEA;*/
}

table.contenttable tr.tr-last {
	margin-bottom:30px;
}

/*************************/
/* FORMULARE
/*************************/
fieldset.csc-mailform{
	border:1px solid #5B5B5F;
	width:400px;
}

div.csc-mailform-field label{
	display:block;
	float:left;
	width:150px;
	text-align:right;
	height:20px;
	margin-right:10px;
}

input.csc-mailform-submit{
	margin-left:160px;
}

input{
	margin-bottom:3px;
}




/*************************/
/* GESCHENKSHOP
/*************************/

/* Produktliste */
div.produkt_uebersicht a {
	width:97px;
	height:97px;
	margin-left:12px;
	margin-top:12px;
	border:1px solid #B2B3B4;
	float:left;
	background:#ffffff;
	text-align:center;
	overflow:hidden;
	padding:0;
}
div.produkt_uebersicht a div.bild_uebersicht {
	width:97px;
	height:97px;
}


div.spalte_1 a {
	margin-left:0;
}

div.produkt_uebersicht a:hover {
	border:1px solid #E1121C;
}

/* Detailansicht: Produktbeispiel oben */
div#main_inhalt table.produktbeispiel_tabelle {
	margin-bottom:0;
}


tr.produktbeispiel td {
	width:163px;
}
tr.produktbeispiel td img {
	border:1px solid #B2B3B4;
}
tr.produktbeispiel td.pfeil {
	width:165px;
	background:url("images/pfeil_produktbeispiel.jpg");
	background-repeat:no-repeat;
	background-position:center;
}

/* Bestellformular */
form.geschenkshop {
	position:relative;
	background-color:#EEEEEE;
	padding:10px;
	margin-top:20px;
	padding-bottom:0px;
	width:415px;
}

form.geschenkshop table {
	position:relative;
	margin:0;
	margin-bottom:0px;
	margin-top:0;
}


div.anzeige_preise {
	float:right;
	position:relative;
	width:120px;
	height:0;
	left:-10px;
	top:10px;
	overflow:visible;
	z-index:100;
}


div.anzeige_einzelpreis, div.anzeige_staffelpreise {
	font-weight:bold;
	font-size:12px;
	width:90px;
	height:40px;
	padding:9px 10px 5px 18px;
	overflow:hidden;
	border:1px solid #CDCDCD;
	background:url("images/einzelpreis_bg.jpg");
	background-repeat:repeat-x;
}
div.anzeige_staffelpreise {
	position:relative;
	background:#dedede;
	height:auto;
	font-weight:normal;
	font-size:11px;
	padding:5px;
	width:112px;
	line-height:13px;
	color:#333333;
}

div#main_inhalt div.anzeige_preise a {
	text-decoration:none;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
}

div#main_inhalt div.anzeige_preise a div.anzeige_staffelpreise {
	margin-top:-92px;
}



div#main_inhalt div.anzeige_preise a div.anzeige_staffelpreise,
div#main_inhalt div.anzeige_preise a:link div.anzeige_staffelpreise,
div#main_inhalt div.anzeige_preise a:visited div.anzeige_staffelpreise {
	display:none;
}

div#main_inhalt div.anzeige_preise a:hover div.anzeige_staffelpreise,
div#main_inhalt div.anzeige_preise a:active div.anzeige_staffelpreise {
	display:block;
}


/* Nur IE 6 */
* html div.anzeige_preise {
	float:left;
	margin-left:10px;
}
* html div#main_inhalt div.anzeige_preise {
	margin-bottom:20px;
}
* html div#main_inhalt div.anzeige_preise a div.anzeige_staffelpreise,
* html div#main_inhalt div.anzeige_preise a:link div.anzeige_staffelpreise,
* html div#main_inhalt div.anzeige_preise a:visited div.anzeige_staffelpreise,
* html div#main_inhalt div.anzeige_preise a:active div.anzeige_staffelpreise,
* html div#main_inhalt div.anzeige_preise a:hover div.anzeige_staffelpreise,
* html div#main_inhalt div.anzeige_preise a,
* html div#main_inhalt div.anzeige_preise a,
* html div#main_inhalt div.anzeige_preise a {
	text-decoration:none;
	width:115px;
	display:block;
	clear:none;
}
* html div#main_inhalt div.anzeige_preise a {
	margin-left:260px;
}



div.anzeige_einzelpreis span.preis {
	color:#E1121C;
	font-size:13px;
}

/* Nur IE 6 - Hover-Effekt der Preise wegnehmen */
* html div#main_inhalt a.link_staffelpreise,
* html div#main_inhalt a.link_staffelpreise:hover {
	text-decoration:none;
}

th.sujet {
	vertical-align:top;
	padding-top:5px;
}
th {
	text-align:right;
	padding-right:13px;
}

td.sujet {
	border-bottom:3px solid #A0A0A0;
	padding-top:5px;
}


div.sujetinput {
	position:relative;
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #B2B3B4;
	width:330px;
	display:none;	
}
div.trennlinie {
	margin-top:15px;
	margin-bottom:0;
	border-top:1px solid #B2B3B4;
}

div.bestehendes_bild {
	margin-top:10px;
}
div.bestehendes_bild img {
	margin-left:10px;
	margin-top:2px;
	vertical-align:top;
}

div.schriftfarbe {
	padding-top:10px;
	float:left;
	width:70px;
	height:40px;
	margin-top:5px;
}
div.fertigspruch, div.emsujet, div.fertigsujets {
	margin-bottom:15px;
}
div.fertigspruch img, div.emsujet img, div.fertigsujets img {
	margin-left:8px;
	padding:10px;
	background:#ffffff;
}
div.fertigspruch img, div.schriftfarbe img, div.emsujet img, div.fertigsujets img {
	border: 1px solid #CDCDCD;
	vertical-align:top;
}

div.schriftfarbe {
	margin-bottom:10px;
}
div.sujetinput_eigener_text {
	line-height:7px;
}
div.sujetinput_eigener_text img {
	vertical-align:middle;
}

td.submit {
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
}



/* Fehlermeldungen */
ul.fehler {
	margin-left:25px;
	padding-left:0;
	margin-top:0px;
	margin-bottom:0px;
}
ul.fehler li {
	color:#E1121C;
}

ul.fehler li.titel {
	margin-left:-20px;
	font-weight:bold;
	list-style-type:none;
}


/* Warenkorb */
table.warenkorb {
	border-collapse:collapse;
	width:100%;
	margin-top:5px;
}
table.warenkorb th {
	text-align:left;
	background:#949494;
	color:#ffffff;
}
table.warenkorb tr.ungerade td {
	background:#DAD9D9;
}
table.warenkorb tr.total td {
	background:#7D7D7D;
	color:#ffffff;
}

table.warenkorb tr td.warenkorb_sujet img {
	margin-right:3px;
	border:1px solid #CDCDCD;
}

table.warenkorb tr td, table.warenkorb tr th {
	padding:3px;
	padding-left:6px;
}

table.warenkorb tr th.warenkorb_anzahl,
table.warenkorb tr th.warenkorb_entfernen {
	width:10px;
}

table.warenkorb tr th.warenkorb_preis,
table.warenkorb tr td.warenkorb_preis {
	text-align:right;
	padding-right:20px;
}

/* Bestellformular */
div#main_inhalt table.bestellung {
	margin-bottom:20px;
}
table.bestellung tr td {
	padding-right:10px;
}