/*************************************************************************************************************/
/* Daniel Fenlder Onlineshop                                                                                 */
/* /themes/default/screen.css                                                                                */
/* @author Klaus Meyer                                                                                       */
/* @date   25.03.2010                                                                                        */
/*************************************************************************************************************/

/*************************************************************************************************************/
/* Reset                                                                                                     */
/*************************************************************************************************************/

html, body {
	margin: 0px;
	padding: 0px;
	border: none;
}

img {
	border: none;
}

textarea {
     resize: none;
}

/*************************************************************************************************************/
/* Allgemeine Styles                                                                                         */
/*************************************************************************************************************/

body {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #A8A8A8;
	background-color: #000;
}

a:link,
a:active,
a:visited,
a:hover {
	color: #9A9A9A;
	text-decoration: none;
}

a:hover {
	color: #8A3D95;
}

a.inverted:link,
a.inverted:active,
a.inverted:visited,
a.inverted:hover {
	color: #8A3D95;
}

a.inverted:hover {
	color: #9A9A9A;
}

a.icon_zurueck {
	background: transparent url("../images/icon_zurueck.gif") no-repeat left center;
	padding-left: 15px;
}

a.icon_zurueck:hover {
	background: transparent url("../images/icon_zurueck_hover.gif") no-repeat left center;
	padding-left: 15px;
}

a.icon_vor {
	background: transparent url("../images/icon_vor.gif") no-repeat right center;
	padding-right: 15px;
}

a.icon_vor:hover {
	background: transparent url("../images/icon_vor_hover.gif") no-repeat right center;
	padding-right: 15px;
}

input.text,
textarea.text,
select.text {
	font-size: 12px;
	color: #333;
	border: 1px solid #595959;
}

.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

/*************************************************************************************************************/
/* Allgemeine Styles                                                                                         */
/*************************************************************************************************************/

#page {
	width: 995px;
	margin: 0px auto;
}

#page #header {
	height: 140px;
	background: transparent url("../images/header_background.png") repeat-x left top;
	overflow: hidden;
}

#page #header #header_left {
	float: left;
}

#page #header #header_left h1 {
	margin: 0px;
}

#page #header #header_left h1 img {
	display: block;
}

#page #header #header_left h1 a {
	outline: none;
}

#page #header #header_right {
	float: right;
	margin-top: 42px;
	width: 330px;
}

#page #header #header_right #header_navi ul {
	padding-left: 32px;
}

#page #header #header_right #header_navi ul li {
	display: inline;
	margin-left: 10px;
}

#page #header #header_right #header_navi ul li a.navigation_active {
	color: #8A3D95;
}

#page #header #header_right #header_navi ul li.first {
	margin-left: 5px;
}

#page #header #header_right #header_navi #header_navi_warenkorb_5 a:link,
#page #header #header_right #header_navi #header_navi_warenkorb_5 a:active,
#page #header #header_right #header_navi #header_navi_warenkorb_5 a:visited,
#page #header #header_right #header_navi #header_navi_warenkorb_5 a:hover {
	background: transparent url("../images/navigation_icon_wako.png") no-repeat left 3px;
	padding-left: 20px;
}

#page #header #header_right #header_search {
	padding-left: 10px;
}

#page #header #header_right #header_search #header_search_field {
	background: transparent url("../images/search_field_background.png") no-repeat left top;
	width: 226px;
	height: 20px;
	float: left;
}

#page #header #header_right #header_search #header_search_field #field_quicksearch {
	display: block;
	border: none;
	margin: 1px 0px 0px 5px;
	background-color: #292929;
	color: #9A9A9A;
	width: 215px;
	outline: none;
	height: 15px;
	font-size: 13px;
}

#page #header #header_right #header_search #button_quicksearch_submit {
	margin: 0px 10px;
}

#page #main {
	border-top: 2px solid #2C2C2C;
	border-bottom: 2px solid #2C2C2C;
	background: #1F1F1F url("../images/main_background.png") repeat-y right top;
	padding: 30px 0 25px 0;
}

#page #main #navigation {
	width: 217px;
	float: left;
}

#page #main #navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-left: 10px;
}

#page #main #navigation #newsletter_teaser {
	position:relative;
	margin-left: 10px;
	margin-top: 8px;
	background-image:url('../images/newsletter_teaser.jpg');
	height:103px;
	width:207px;
	cursor:pointer;
}

#page #main #navigation #newsletter_teaser #newsletter_teaser_header {
	position:absolute;
	top:14px;
	left:8px;
}

#page #main #navigation #newsletter_teaser #newsletter_teaser_header a:link,
#page #main #navigation #newsletter_teaser #newsletter_teaser_header a:active,
#page #main #navigation #newsletter_teaser #newsletter_teaser_header a:visited,
#page #main #navigation #newsletter_teaser #newsletter_teaser_header a:hover {
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	line-height:normal;
}

#page #main #navigation #newsletter_teaser #newsletter_teaser_text {
	position:absolute;
	top:35px;
	left:8px;
	line-height:normal;
}

#page #main #navigation #newsletter_teaser #newsletter_teaser_text a:link,
#page #main #navigation #newsletter_teaser #newsletter_teaser_text a:active,
#page #main #navigation #newsletter_teaser #newsletter_teaser_text a:visited,
#page #main #navigation #newsletter_teaser #newsletter_teaser_text a:hover {
	color:#D098D8;
	font-family: Arial;
	font-size: 11px;
}

#page #main #navigation #letzte_trennlinie
{
	margin-left: 10px;
	background-image:url('../images/navigation_line.png');
	height:1px;
}

#page #main #navigation ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	background: transparent url("../images/navigation_line.png") no-repeat left top;
	line-height: 33px;
	height: auto !important; 	/* Gute Browser */
	height: 33px; 				/* IE 6 */
}

#page #main #navigation ul li ul {
	margin-bottom: 7px;
	margin-left: 0px;
}

#page #main #navigation ul li ul li {
	font-family: Arial;
	font-size: 12px;
	background: none;
	line-height: 20px;
	height: auto !important; 	/* Gute Browser */
	height: 20px; 				/* IE 6 */
}

#page #main #navigation ul li a:link,
#page #main #navigation ul li a:active,
#page #main #navigation ul li a:visited,
#page #main #navigation ul li a:hover {
	display: block;
	background: transparent url("../images/navigation_square.png") no-repeat left 1px;
	color: #fff;
	padding-left: 18px;
}

#page #main #navigation ul li a.navigation_active:link,
#page #main #navigation ul li a.navigation_active:active,
#page #main #navigation ul li a.navigation_active:visited,
#page #main #navigation ul li a.navigation_active:hover {
	display: block;
	background: transparent url("../images/navigation_active.png") no-repeat left top;
	color: #fff;
	padding-left: 18px;
}

#page #main #navigation ul li ul li a:link,
#page #main #navigation ul li ul li a:active,
#page #main #navigation ul li ul li a:visited {
	background: none;
	color: #9A9A9A;
}

#page #main #navigation ul li ul li a.navigation_active:link,
#page #main #navigation ul li ul li a.navigation_active:active,
#page #main #navigation ul li ul li a.navigation_active:visited,
#page #main #navigation ul li ul li a.navigation_active:hover,
#page #main #navigation ul li ul li a:hover {
	background: none;
	color: #8A3D95;
}

#page #main #content {
	width: 600px;
	float: right;
	padding-right: 165px;
}

#page #main #content a:link,
#page #main #content a:active,
#page #main #content a:visited,
#page #main #content a:hover {
	color: #8A3D95;
}

#page #main #content a:hover {
	color: #9A9A9A;
}

#page #main #content a.grau:link,
#page #main #content a.grau:active,
#page #main #content a.grau:visited,
#page #main #content a.grau:hover {
	color: #9A9A9A;
}

#page #main #content a.grau:hover {
	color: #8A3D95;
}

#page #main #content h2 {
	text-align: right;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 40px;
	color: #8A3D95;
	margin: -10px 0 0 0;
	padding: 0;
}

#page #main #content h3 {
	text-align: right;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #666;
	margin: 0;
	padding: 0;
}

#page #main #content div.hr {
	background: transparent url("../images/content_line.png") no-repeat left top;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 10px 0px 20px 0px;
}

#page #footer {}

#page #footer #socialbookmarks {
	margin-top: 15px;
	margin-left: 415px;
	width: 185px;
}

#page #footer #socialbookmarks #addthis_button { float: left; margin-right: 10px; line-height: 25px; }
#page #footer #socialbookmarks #facebook_like  { float: left; }

#page #footer #footer_navi {
	text-align: center;
}

#page #footer #footer_navi ul {

}

#page #footer #footer_navi ul li {
	margin-right: 10px;
	display: inline;
}

#page #footer #footer_navi ul li a.navigation_active {
	color: #8A3D95;
}

/*************************************************************************************************************/
/* Collagen Ansicht                                                                                          */
/*************************************************************************************************************/

/*************************************************************************************************************/
/* Listenansicht                                                                                             */
/*************************************************************************************************************/

#page #main #content div.titelliste div.filter {
	margin-bottom: 30px;
}

#page #main #content div.titelliste div.filter select {
	margin-left: 10px;
}

#page #main #content div.titelliste div.filter div.filter_left {
	float: left;
}

#page #main #content div.titelliste div.filter div.filter_right {
	float: right;
}

#page #main #content div.titelliste div.titelliste_titel {
	margin-bottom: 20px;
}

#page #main #content div.titelliste_links {
	width: 115px;
	float: left;
	margin-right: 25px;
}

#page #main #content div.titelliste_links div.titelliste_bild {
	position: relative;
	width: 115px;
}

#page #main #content div.titelliste_links div.titelliste_bild div.titelliste_bild_abbildung {
	float: left;
}

#page #main #content div.titelliste_links div.titelliste_bild div.titelliste_bild_reduziert {
	position: absolute;
	top: 0px;
	left: 88px;
	width: 25px;
	background-color: #5D026A;
}


#page #main #content div.titelliste_links div.titelliste_bild div.titelliste_bild_reduziert_top {
	background: transparent url("../images/titelliste_reduziert_top.png") no-repeat top right;
	width: 25px;
	height: 6px;
	position: absolute;
	right: 0px !important;	/* gute Browser */
	right: -1px;			/* IE 6 */
	top: 0px;
	line-height: 0px;
	font-size: 0px;
}

#page #main #content div.titelliste_links div.titelliste_bild div.titelliste_bild_reduziert_bottom {
	background: transparent url("../images/titelliste_reduziert_bottom.png") no-repeat top right;
	width: 25px;
	height: 6px;
	position: absolute;
	right: 0px !important;	/* gute Browser */
	right: -1px;			/* IE 6 */
	bottom: 0px !important;	/* gute Browser */
	bottom: -1px;			/* IE 6 */
	line-height: 0px;
	font-size: 0px;
}

#page #main #content div.titelliste_mitte {
	width: 350px;
	float: left;
}

#page #main #content div.titelliste_mitte span.titelliste_mitte_titel a:link,
#page #main #content div.titelliste_mitte span.titelliste_mitte_titel a:active,
#page #main #content div.titelliste_mitte span.titelliste_mitte_titel a:visited,
#page #main #content div.titelliste_mitte span.titelliste_mitte_titel a:hover {
	color: #9A9A9A;
}

#page #main #content div.titelliste_rechts {
	width: 88px;
	float: right;
	text-align: right;
}

#page #main #content div.titelliste_rechts div.titelliste_preis {
	font-size: 17px;
}

#page #main #content div.titelliste_rechts div.titelliste_preis_werblich {
	font-size: 11px;
}

#page #main #content div.titelliste_rechts div.titelliste_details {
	margin: 5px 0px;
}

#page #main #content div.titelliste_rechts a.link_details:link,
#page #main #content div.titelliste_rechts a.link_details:active,
#page #main #content div.titelliste_rechts a.link_details:visited {
	background: transparent url("../images/arrow.gif") no-repeat left center;
	padding-left: 15px;
	color: #8A3D95;
}

#page #main #content div.titelliste_rechts a.link_details:hover {
	background: transparent url("../images/arrow_hover.gif") no-repeat left center;
	padding-left: 15px;
	color: #A9A9A9;
}

#page #main #content div.titelliste div.titelliste_top {
	padding: 10px 0px;
	background: transparent url("../images/titelliste_up_background.gif") no-repeat right top;
	text-align: right;
}

#page #main #content div.titelliste div.titelliste_top a:link,
#page #main #content div.titelliste div.titelliste_top a:active,
#page #main #content div.titelliste div.titelliste_top a:visited {
	background: transparent url("../images/arrow_top.gif") no-repeat left center;
	padding-left: 10px;
	color: #8A3D95;
}

#page #main #content div.titelliste div.titelliste_top a:hover {
	background: transparent url("../images/arrow_top_hover.gif") no-repeat left center;
	padding-left: 10px;
	color: #A9A9A9;
}

/*************************************************************************************************************/
/* Textansicht                                                                                               */
/*************************************************************************************************************/

/*************************************************************************************************************/
/* Detailseite                                                                                               */
/*************************************************************************************************************/

#page #main #content #detailseite #detailseite_image {
	width: 355px;
	float: left;
	margin-right: 20px;
	position: relative;
}

#page #main #content #detailseite #detailseite_image {}
#page #main #content #detailseite #detailseite_text  { width: 225px; float: right; }

#page #main #content #detailseite #detailseite_image #detailseite_image_blaetter {
	height: 28px;
	text-align: center;
}

#page #main #content #detailseite #detailseite_image #detailseite_image_zoom {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#page #main #content #detailseite #detailseite_form select {
	width: 150px;
	margin-bottom: 5px;
}

#page #main #content #detailseite h2 {
	font-size: 20px;
	text-transform: none;
	text-align: right;
	margin: 0px;
	margin-bottom: -10px;
}

#page #main #content #detailseite a.icon_merkzettel,
#page #main #content #detailseite a.icon_weiterempfehlen,
#page #main #content #detailseite a.icon_bookmarken,
#page #main #content #detailseite a.icon_fragestellen,
#page #main #content #detailseite a.icon_back {
	color: #8A3D95;
	background: transparent url("../images/titeldetail_icons_links.gif") no-repeat left top;
	padding-left: 25px;
	overflow: hidden;
}

#page #main #content #detailseite a.icon_merkzettel:hover,
#page #main #content #detailseite a.icon_weiterempfehlen:hover,
#page #main #content #detailseite a.icon_bookmarken:hover,
#page #main #content #detailseite a.icon_fragestellen:hover,
#page #main #content #detailseite a.icon_back:hover {
	color: #A9A9A9;
	background: transparent url("../images/titeldetail_icons_links_hover.gif") no-repeat left top;
}

#page #main #content #detailseite a.icon_merkzettel      { background-position: left -12px; }
#page #main #content #detailseite a.icon_weiterempfehlen { background-position: left -34px; }
#page #main #content #detailseite a.icon_bookmarken      { background-position: left -56px; }
#page #main #content #detailseite a.icon_fragestellen    { background-position: left -75px; }
#page #main #content #detailseite a.icon_back            { background-position: left -93px; }

#page #main #content #detailseite a.icon_merkzettel:hover      { background-position: left -12px; }
#page #main #content #detailseite a.icon_weiterempfehlen:hover { background-position: left -34px; }
#page #main #content #detailseite a.icon_bookmarken:hover      { background-position: left -56px; }
#page #main #content #detailseite a.icon_fragestellen:hover    { background-position: left -75px; }
#page #main #content #detailseite a.icon_back:hover            { background-position: left -93px; }

#page #main #content #detailseite span.preis {
	font-size: 17px;
	color: #A8A8A8;
}

#page #main #content #detailseite span.preis_statt {
	font-size: 11px;
	color: #A8A8A8;
}

#page #main #content #detailseite span.preis_sparen {
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}

/*************************************************************************************/
/* Image Navigation                                                                  */
/*************************************************************************************/

#page #main #content #detailseite #detailseite_image #detailseite_image_blaetter #detailseite_image_blaetter_box
{
	margin:auto;
	width:170px;
}

#page #main #content #detailseite #detailseite_image #detailseite_image_blaetter #detailseite_image_blaetter_box #div_navi_left
{
	width:20px;
	height:16px;
	float:left;
}

#page #main #content #detailseite #detailseite_image #detailseite_image_blaetter #detailseite_image_blaetter_box #div_navi_pos
{
	font-size: 13px;
	color: #FEFEFE;
	float:left;
	width:130px;
	text-align:center;
}

#page #main #content #detailseite #detailseite_image #detailseite_image_blaetter #detailseite_image_blaetter_box #div_navi_right
{
	width:20px;
	height:16px;
	float:left;
}

/*************************************************************************************/
/* Kollage Image Map                                                                 */
/*************************************************************************************/

#page #main #content #Kollage_Background
{
	width:599px;
	height:477px;
	position:relative;
}

#page #main #content #Kollage_Background #Kollage_Map a
{
	position:absolute;
	text-decoration:none;
	width:119px;
	height:119px;
}

#page #main #content #Kollage_Background #Kollage_Map a i 
{
	 visibility: hidden; 
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld1
{
	width:119px;
	height:119px;
	top:0px;
	left:0px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld2
{
	width:119px;
	height:119px;
	left:119px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld3
{
	width:119px;
	height:119px;
	left:238px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld4
{
	width:119px;
	height:119px;
	left:357px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld5
{
	width:119px;
	height:119px;
	left:476px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld6
{
	width:119px;
	height:119px;
	top:119px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld7
{
	width:119px;
	height:119px;
	top:119px;
	left:119px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld8
{
	width:119px;
	height:119px;
	top:119px;
	left:238px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld9
{
	width:119px;
	height:119px;
	top:119px;
	left:357px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld10
{
	width:119px;
	height:119px;
	top:119px;
	left:476px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld11
{
	width:119px;
	height:119px;
	top:238px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld12
{
	width:119px;
	height:119px;
	top:238px;
	left:119px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld13
{
	width:119px;
	height:119px;
	top:238px;
	left:238px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld14
{
	width:119px;
	height:119px;
	top:238px;
	left:357px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld15
{
	width:119px;
	height:119px;
	top:238px;
	left:476px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld16
{
	width:119px;
	height:119px;
	top:357px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld17
{
	width:119px;
	height:119px;
	top:357px;
	left:119px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld18
{
	width:119px;
	height:119px;
	top:357px;
	left:238px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld19
{
	width:119px;
	height:119px;
	top:357px;
	left:357px;
}

#page #main #content #Kollage_Background #Kollage_Map a#kollage_feld20
{
	width:119px;
	height:119px;
	top:357px;
	left:476px;
}

/*************************************************************************************************************/
/* Warenkorb                                                                                                 */
/*************************************************************************************************************/

#page #main #content div.wako_error 
{
	color: #d2bc02;
}

#page #main #content #warenkorb_rechtlichehinweise
{
	border-top: 1px solid #8A3D95;
	border-bottom: 1px solid #8A3D95;
	padding: 5px 0px;
}

#page #main #content #warenkorb_steps
{
	margin-bottom: 40px;
}

#page #main #content #warenkorb_steps ul
{
	list-style: none;
	padding-left: 0px;
}

#page #main #content #warenkorb_steps ul li 
{
	display: inline;
	margin-right: 60px;
}

#page #main #content #warenkorb_steps ul li.inactive
{
	font-weight: normal;
	font-style: italic;
	color: #666666;
}

#page #main #content #warenkorb_steps ul li.active
{
	font-weight: bold;
	font-style: normal;
}

#page #main #content input.text,
#page #main #content textarea.text
{
	width: 285px;
}


#page #main #content select.text
{
	width: 290px;
}

/*************************************************************************************************************/
/* Kontaktformular                                                                                           */
/*************************************************************************************************************/


#page #main #content #kontakt_formular td
{
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#page #main #content #kontakt_formular input.text
{
	width:200px;
}

#page #main #content #kontakt_formular textarea
{
	width:318px;
}

#page #main #content #kontakt_formular td.kontakt_error
{
	font-weight:bold;
	color:#d2bc02;
}

/*************************************************************************************************************/
/* Sitemap                                                                                                   */
/*************************************************************************************************************/

#page #main #content #sitemap div.sitemap_ebene2 
{

}

#page #main #content #sitemap div.sitemap_ebene3
{
	margin-left:30px;
}