/* Formatierungen von allgemeinen HTML-Elementen */
* { margin:0; padding:0; } 
html, body { border:0; }
body { font: 95% Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif; text-align:center; background:url(img/background.gif) center repeat-y; height:100%;  }
* html>body { margin-right:-3px; }  /* IE hack */

a img { border: 0 none; }
img { border: 0 none; }
a:link { text-decoration:none; color:#009442; }
a:visited { text-decoration:none; color:#009442; }
a:hover { text-decoration:none; color:#21106b; }
a:active { text-decoration:none; color:#21106b; }
a:focus { text-decoration:none; color:#f00; }

label { cursor:pointer; }

.green { color:#009442; }
.blue { color:#21106b; }
.yellow { color:#ffc600; }

#logo { padding-top:30px; padding-left:30px; }
#index { margin: 0 auto; width:970px; text-align:left; background:#ffc600; border:2px solid #21106b; border-bottom:0px; }
* html #index { border-right-width:1px; }
*+html #index { border-right-width:1px; }
#header { height:160px; margin:0 auto; width:970px; background:#ffc600 url(img/headerback.jpg) no-repeat; border-bottom:1px solid #ffc600; overflow:hidden; }
#content { float:right; width:690px; padding-right:20px; }
#navtrail { font-size: 0.8em; border-top:4px solid #ffc600; border-bottom:1px solid #333; margin-bottom:2px; display:block; }
#navtrail a:link { font-weight:bold; }
#navtrail a:visited { font-weight:bold; }
#navtrail a:hover { font-weight:bold; color:#900; }
#navtrail a:active { font-weight:bold; }
#navtrail a:focus { font-weight:bold; } 
#left { margin: 0px 690px 0px 0px; padding-left:20px; width:230px; }
#footer { text-align:center; clear:both; margin-bottom: 0px; width:970px; height:0; float:left; font-size:0; }
#banner { width:970px; margin-bottom:0; clear:both; float:left; text-align:center; background:#009442; }
div.copyright, div.parseTime { clear:both; margin: 0 auto; width:970px; font-size:0.7em; text-align:center; color:#009442; border-top:1px dashed #21106b; }
div.copyright a:link { color:#009442; }
div.copyright a:visited { color:#009442; }
div.copyright a:hover { color:#21106b; }
div.copyright a:active { color:#21106b; }
div.copyright a:focus { color:#f00; } 
#header h1 { text-indent:-100em; background:url(img/pixel_trans.gif); border-bottom:0; width:400px; height:20px; }
#header h2 { text-indent:-100em; width:400px; height:20px; }
#shoplogo { z-index:3; position:relative; left:0px; top:-615px;}

div.clear { clear:left; height:0; margin:0; padding:0; font-size:0; line-height:0; }
div.submit { margin-top: 5px; margin-bottom:5px; float:right; }
div.buttonback { margin-top: 5px; margin-bottom:5px; float:left; }
div.checkout_steps { text-align:center; }
br.clear_left { clear:left; }
br.clear_right { clear:right; }
br.clear_all { clear:both; }
br.clear_div { clear:left; height:0; margin:0; padding:0; font-size:0; line-height:0; }
/* Global Shop Classes Begin ------------------------------------------------------------------- 
 * ----------------------------------------------------------------------------
 * This Classes are used in more than one files of the Template
 * ----------------------------------------------------------------------------
 */
.smallText { font-size:0.7em; }
p.error_message { font-size:0.9em; margin-top:5px; margin-bottom:5px; color:#f00; }
p.info_message { font-size:0.8em; font-weight:bold; margin-top:5px; margin-bottom:5px; border:1px solid #f00; background:#fff; color:#f00; padding:2px; }
li.messageStackError { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #ffc600; background:#f00; color:#ffc600; font-weight:bold; }
li.messageStackWarning { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #ffc600; background:#f00; color:#ffc600; font-weight:bold; }
li.messageStackSuccess { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #f00; background:#efefef; color:#f00; font-weight:bold; }
li.messageStackError { font-size:0.9em; margin-top:2px; margin-bottom:2px; border:1px solid #ffc600; background:#f00; color:#ffc600; font-weight:bold; }
span.attention { color:#f00; font-weight:bold; }

input.add_qty { vertical-align:top; font-size:0.9em; width:1.4em; }
.iplusminus { vertical-align:top; }

h2.normal { font-size:1.3em; }
h3.normal { font-size:1.0em; }
p.normal { font-size:0.8em; margin-top:5px; margin-bottom:5px; text-align:justify; }
ul.normal {}
li.normal { list-style-type:none; font-size:0.8em; margin-top:5px; margin-bottom:5px; text-align:justify; }
dl.normal {}
dt.normal { font-size:0.8em; margin-top:5px; margin-bottom:5px; text-align:justify; }
dd.normal { font-size:0.8em; margin-top:5px; margin-bottom:5px; text-align:justify; }
address.normal { font-size:0.8em; font-style:normal; margin-top:10px; margin-bottom:10px; }

h2.disclaimer { border-bottom: 1px solid #000; font-size: 0.8em; padding-top: 20px; }
h3.disclaimer { font-size: 1em; }
ul.disclaimer { font-size: 0.8em; margin-bottom: 20px; text-align: justify; }
li.disclaimer { list-style-type: none; padding-top: 10px; }

/* Global Shop Classes End   ------------------------------------------------------------------- */

h1.agb { font-size:1.4em; margin-top:10px; margin-bottom:15px; }
h2.agb { font-size:0.8em; margin-top:10px; margin-bottom:15px; }
#agb li { list-style-type:none; }
#agb p { font-size:0.8em; margin:5px; text-align:justify; }
#agb address { font-size:0.8em; margin:20px; }
#agb h3 { font-size:1.0em; margin-top:15px; margin-bottom:5px; }
#agb h4 { font-size:0.8em; margin-top:15px; margin-bottom:5px; text-indent:0.4em; }

h1.revocation { font-size:1.4em; margin-top:10px; margin-bottom:15px; }
h2.revocation { font-size:1.0em; margin-top:15px; margin-bottom:5px; }
p.revocation { font-size:0.8em; margin:5px; text-align:justify; }
address.revocation { font-size:0.8em; margin:20px; }

#customer_info li { list-style-type:none; font-size:1.2em; border-bottom:1px dotted #f00; margin-top:10px; margin-bottom:10px; text-indent:1.0em; }
/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {
	/* Toggler - as_a_question */
	.toggler_ask {
	    margin:25px 0 25px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.0em;
		font-weight:bold;
		display: block;
	}
	.toggler_ask-closed {
		color:#333;
		padding-left:20px;
		background: #efefef url('img/togglerc.gif') center right no-repeat;
		border:1px solid #099445;
	}
	.toggler_ask-closed:hover {
		color: #000;
		padding-left:20px;
		background: #fff url('img/togglerch.gif') center right no-repeat;
		border:1px solid #099445;
	}
	.toggler_ask-opened {
		color:#333;
		padding-left:20px;
		background: #efefef url('img/togglero.gif') center right no-repeat;
		border:1px solid #099445;
	}
	.toggler_ask-opened:hover {
		color: #21106b;
		padding-left:20px;
		background: #fff url('img/toggleroh.gif') center right no-repeat;
		border:1px solid #099445;
	}
	/* Toggler - default style */
	.toggler {
	    margin:25px 0 25px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.4em;
		font-weight:bold;
		line-height:30px;
		display: block;
	}
	.toggler-closed {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #efefef url('img/togglerc.gif') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-closed:hover {
		color: #000;
		padding-left:20px;
		height:30px;
		background: #fff url('img/togglerch.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}
	.toggler-opened {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #efefef url('img/togglero.gif') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-opened:hover {
		color: #000;
		padding-left:20px;
		height:30px;
		background: #fff url('img/toggleroh.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	    background:transparent;
	    border:solid 1px #e3e3e3;
		margin:-25px 0px 25px 0px;
	    padding:20px;
	}
	.toggler-c-opened {
		margin:-25px 0px 25px 0px;
	    padding:0px;
	    background:#efefef;
	    border:solid 0px #fff;
	}
	/* Toggler2 - example simple style */
	.toggler2 {
	    margin:25px 0 25px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.4em;
		font-weight:bold;
		line-height:30px;
		display: block;
		border:solid 1px #d4d4d4;
		padding:5px;
	}
	.toggler2-closed {
		color:#999;
	}
	.toggler2-closed:hover {
		color: #000;
	}
	.toggler2-opened {
		color:#999;
	}
	.toggler2-opened:hover {
		color: #000;
	}

	/* Container */
	.toggler2-c {
	   margin-bottom:25px;
	}
	.toggler2-c-closed {
	   margin:-25px 0px 25px 0px;
	   background:#fff;
	   border:solid 1px #d4d4d4;
	   border-top:0;
	   padding:20px;
	   width:536px;
	}
	.toggler2-c-opened {
	   margin:-25px 0px 25px 0px;
	   background:#FFF8DC;
	   border:solid 1px #d4d4d4;
	   border-top:0;
	   padding:20px;
	   width:536px;
	}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }
	
	.toggler2-c { margin-bottom:25px; }
	.toggler2 { display: none; }

}
