﻿
body {
	font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
	width:960px;
	-height:900px;
	font-size:13px;
	color:rgb(180,140,60);
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:20px;
	padding:0px 0px 0px 0px;
	background-color:black;
}

/* Zusatz Schriften
----------------------------------------------- */

@font-face {
font-family: 'TangerineRegular';
src:
	url('../font/Tangerine_Regular-webfont.eot');src: local('?'),
	url('../font/Tangerine_Regular-webfont.woff') format('woff'),
	url('../font/Tangerine_Regular-webfont.ttf')format('truetype'),
	url('../font/Tangerine_Regular-webfont.svg#webfontGpn5Zlw8') format('svg');
	
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'TangerineBold';
src:
	url('font/Tangerine_Bold-webfont.eot');
src: local('?'),
	url('../font/Tangerine_Bold-webfont.woff') format('woff'), 
	url('../font/Tangerine_Bold-webfont.ttf') format('truetype'),
	url('../font/Tangerine_Bold-webfont.svg#webfontek3Uj2jT') format('svg');
	font-weight: normal;
font-style: normal;

}

/* Tabs
----------------------------------------------- */

div#infobox object {
    position: absolute;
    display: block;
    width: 590px;
    height: 450px;
    top: 625px;
    _background-color: #c5d2de;
}
div#infobox object h2 {
    position: absolute;
    left: 40px;
    top: -30px;
    width: 144px;
    height: 29px;
    _font-family: Verdana;
    font-size: 15px;
    margin: 0;
    background-color: black;
    border-radius: 15px 15px 0 0;
    border: solid green;
    border-width: 1px 1px 0 0;
    z-index: 3;
}
div#infobox object:nth-child(2) h2 {
    left: 170px;
    z-index: 2;
}
div#infobox object:nth-child(3) h2 {
    left: 302px;
    z-index: 1;
}
div#infobox object:nth-child(4) h2 {
    left: 430px;
    z-index: 0;
}

div#infobox object h2 a {
    font-family:'TangerineRegular';
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    font-weight: normal;
    display: block;
    margin: 5px 0 0 0;
    color:rgb(180,140,60);
}

div#infobox object:target,
div#infobox object:target h2 {
    color: #000000;
    background-color: black;
    z-index: 4;
}

div#infobox object:target h2 a {
    color: silver;
}

_div#infobox object p {
    font-family: Verdana;
    font-size: 19px;
    width:500px;height:400px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

/* Papierrollen
----------------------------------------------- */



div.Papierrolle510x420 {

	width:580px;height:420px;

	background-image:url(http://www.korsagen-shop.de/korsagen-shop-banner/papierrolle-580x420.jpg);

	text-align: center;

	background-repeat:no-repeat;
	padding:0px 0px 0px 50px;
}


div.Papierrolle510x420 h3 {

	text-align: center;

	_text-decoration:underline;

	font-size: 27px;

	_font-weight: normal;

	_color:#800000;

	color: #660000;

	padding:35px 0px 0px 0px;

	margin:0px 80px 0px 0px;
}


div.Papierrolle510x420 p {


	font-family: Verdana;

	text-align: center;

	font-weight: normal;

	font-size: 12px;

	line-height:14px;

	color:rgb(15,15,15);

	margin:5px 80px 0px 0px;

	padding:0px 0px 0px 0px;
}



div#Papierrolle510x420 {

	width:580px;height:420px;

	background-image:url(http://www.korsagen-shop.de/korsagen-shop-banner/papierrolle-580x420.jpg);

	text-align: center;

	background-repeat:no-repeat;
	padding:0px 0px 0px 50px;
}


div#Papierrolle510x420 h3 {

	text-align: center;

	_text-decoration:underline;

	font-size: 27px;

	_font-weight: normal;

	_color:#800000;

	color: #660000;

	padding:35px 0px 0px 0px;

	margin:0px 80px 0px 0px;
}


div#Papierrolle510x420 p {


	font-family: Verdana;

	text-align: center;

	font-weight: normal;

	font-size: 12px;

	line-height:14px;

	color:rgb(15,15,15);

	margin:5px 80px 0px 0px;

	padding:0px 0px 0px 0px;
}



div.Papierrolle39x56 {

	width:390px;

	height:515px;

	background-image:url(http://www.korsagen-shop.de/korsagen-shop-banner/papierrolle-390x566.jpg);

	background-repeat:no-repeat;

	margin:0px 0px 0px -12px;
	padding:50px 0px 0px 0px;
}

div.Papierrolle39x56 h3 {

	font-size: 25px;

	color:#800000;

	text-decoration:underline;
	text-align: center;
}


div.Papierrolle39x56 p {

	font-size: 12px;
	font-weight: normal;

	line-height:19px;

	padding:0px 	20px 0px 0px;

	margin:0pt 0pt 0pt 25pt;

	color:rgb(15,15,15);
}


----------------------------------------------------------

/* Header-Klassen
----------------------------------------------- */
h1 {
	font-family:'TangerineRegular';
	color:rgb(180,140,60);
	font-size:27px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#668D00;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:auto;
}

h1 a {	
	font-family:'TangerineRegular';
	color:rgb(180,140,60);
	font-size:27px;
	font-size:inherit;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#668D00;
	margin:15px 0px 5px 0px;
	padding:0px;
	text-decoration:none;
	width:auto;
}

h2 {
	font-family:'TangerineRegular';
	color:rgb(180,140,60);
	font-size:27px;
	margin:15px 0px 4px 0px;
	padding:0px 0px 0px 0px;
}

h3 {
	font-family:'TangerineRegular';
	color:rgb(180,140,60);
	font-size:27px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h4 {
	font-family:'TangerineRegular';
	text-align: center;
	font-weight: normal;
	color:rgb(180,140,60);
	font-size:25px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:underline;
}

h5 {
	text-align: center;
	color:rgb(180,140,60);
	font-size:13px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

--------------------------------------------------------------------

/* Links im Text
----------------------------------------------- */

_a {color:rgb(200,160,86)}
.link {color:rgb(150,93,14)}
.link_invert {color:rgb(200,160,86)}

_a.link_invert:hover  {color:rgb(200,160,86)}
.link_invert a {color:rgb(180,140,60);}
.textboxred_h {color:rgb(150,93,14)font-size: 14px;}
.textboxred_default {color:rgb(200,160,86)}

/* Horizontale Linie
----------------------------------------------- */
_hr { 
	width:100%;
	border:none;
	color:#668D00;
	background:#668D00; 
	height: 1px; 
	margin: 7px 0px 7px 0px !important; 
	margin: -2px 0px -2px 0px;
	line-height:1px;
	font-size:1px;
}

/* Textarea
----------------------------------------------- */
_textarea {
	font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:13px;
}

/* Horizontale Linie hellgrau 
----------------------------------------------- */
hr.lightGrey {
	width:100%;
	border:none;
	color:rgb(180,140,60);
	background-color:rgb(15,15,15);
	height: 1px; 
	margin: 7px 0px 7px 0px !important; 
	margin: -2px 0px -2px 0px;
	line-height:1px;
	font-size:1px;
}

/* Vorschaubox
----------------------------------------------- */
div.Vorschaubox {
	width:600px;height:195px;
	margin:10px 0px 0px 180px;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
}

div.Vorschaubox a{
	color:rgb(180,140,60);
}

div.Vorschaubild {
	float:left;
	width:91px;height:131px;
	padding:10px 0px 0px 10px;
}

div.Vorschautext {
	float:left;
	width:480px;height:151px;
	margin:10px 0px 0px 10px;
}

div.Vorschautext p{
	text-align: center;
	margin:0px 0px 0px 0px;
}

div.VorschauPreis {
	font-family:'TangerineRegular';
	float:left;
	width:580px;height:22px;
	margin:5px 0px 0px 10px;
}

div.VorschauPreis span {
	float:left;
	font-size: 27pt;
	margin:-15px 0px 0px 10px;
}

div.VorschauPreis p {
	float:left;
	font-size: 15pt;
	margin:0px 0px 0px 40px;
}

div.Trennlinie {
	width:600px;height:5px;
	margin:0px 0px 0px 180px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#668D00;
}

/* Main Container (über gesamte Seite)
----------------------------------------------- */

div#mainContainer

 {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	background-color:green;
	border-style:solid;
	border-color:black;
	border-width:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
}

/* Container für linke Spalte
----------------------------------------------- */
div#leftColContainer {
	float:left; 
	width:180px; 
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* Container für mittleren Bereich
----------------------------------------------- */
div#middleColContainer {
	font-family:'TangerineRegular';
	margin: 0 auto;
	width:600px;
	padding:25px 0px 0px 5px;
	margin:20px 0px 0px 180px;
	_background-color:blue;
}

div#middleColContainer h1 {
	width:560px;
	font-weight: normal;
	font-size: 22pt;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#668D00;
	margin:15px 0px 0px 15px;
}

div#middleColContainer p {
	text-align: center;

}

/* Container für rechten Bereich
----------------------------------------------- */
div#rightColContainer {
	float:right; 
	width:180px; 
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* Textfeld Start
----------------------------------------------- */
_div#indextext {
	background-image:url(img/papierrolle-580x1250.JPG);
	background-repeat:no-repeat;
	font-family:Helvetica,Arial,sans-serif;
	text-align: center;
	font-size:12px;
	float:left; 
	width:540px;
	padding:70px 25px 120px 25px;
}

_div#Bild {
	background-image:url(img/index.jpg);
	height:300px;
	width:364px;
	margin:30px 0px 30px 95px;
	
}

/* Header mit Logo
----------------------------------------------- */

div#logoHeader {
	font-family:'TangerineRegular';
	background-color:black;
	font-size:15pt;
}

div#logoHeader {
	background-image:url(http://www.korsagen-shop.de/korsagen-shop-banner/toprowbg.gif);
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:960px;
	height:87px;
}

/* Horizontales Men
----------------------------------------------- */

ul#horizontalmenu {
	font-family:'TangerineRegular';
	font-size:18pt;
	list-style-type:none;
	text-align:center;
	height:35px;
	margin:15px 0px 0px 2px;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
}

ul#horizontalmenu li {
	float:left;
	margin:0px 2px 0px 0px;
}

ul#horizontalmenu a, 

ul#horizontalmenu span {
	padding:3pt 10pt 0pt 10pt;
	text-decoration:none;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	color:#990000;
	background-color:rgb(15,15,15);
	}* html 

ul#horizontalmenu a, * html

ul#horizontalmenu span {
	width: 1em;/* nur fuer IE 5.0x erforderlich */
	width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul#horizontalmenu a:link    {
	text-decoration:none;
	font-weight:100;
	color:#990000;
}

ul#horizontalmenu a:visited {
	text-decoration:none;
	font-weight:100;color:#990000;
}
 
ul#horizontalmenu a:hover, 

ul#horizontalmenu span {
	border-color:rgb(21,21,21);
	border-left-color:rgb(51,51,51);
	border-bottom-color:rgb(51,51,51);
	color:#990000;
	background-color:rgb(15,15,15);}

/* Breadcrumb Pfad
----------------------------------------------- */


div#breadcrumb {
	font-family:'TangerineRegular';
	font-size:16pt;
	text-align:left;
	color:#CCCCCC;
	border:2px solid rgb(21,21,21);
	border-right-color:rgbrgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	margin:1px 0px 0px 0px;
	_margin:1px 0px 0px 0px; /*IE Bugfix*/
	padding:6px 10px 2px 10px;
	_padding:5px 10px 0px 10px; /*IE Bugfix*/
}

div#breadcrumb a {
	color:#FFFFFF;
	text-decoration:none;
}


/* Media Menu
----------------------------------------------- */
div#Mediabox {
	font-family:'TangerineRegular';
	text-align:left;
	vertical-align:bottom;
	display:block;
	font-size:26px;
	width:167px;
	margin:0px 5px 0px 0px;
	padding:0px 10px 0px 0px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:rgb(180,140,60);
}

div#Mediabox li {
	list-style: none; 
	display: inline;
	padding:50px 0px 0px 0px;
}

div#Mediabox a{
	vertical-align:middle;
	font-size:26px;
	color:rgb(180,140,60);
	text-decoration:none;
	display:block;
	width:140px;
	margin:0px 0px 3px 0px;
	padding:6px 0px 0px 35px;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	background-image:url('http://www.korsagen-shop.de/korsagen-shop-banner/gold-button.gif');
	background-repeat:no-repeat;

} * html 

div#Mediabox a {
	  /* Breitenangaben nur fuer IE */ 
	width:100%;w\idth: 8.8em;
}

div#Mediabox a:hover{
	color:rgb(200,160,86);
	border-color:rgb(21,21,21);
	border-left-color:rgb(51,51,51);
	border-bottom-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
}

#iv#Mediabox a:visited{
	color:rgb(150,93,14);
	border-color:rgb(51,51,51);
	border-right-color:rgb(21,21,21);
	border-top-color:rgb(21,21,21);
	background-color:rgb(15,15,15);
}


/* Linkes Menu
----------------------------------------------- */

div.submenu {
	text-align:left;
	vertical-align:bottom;
	display:block;
	font-size:27px;
	width:167px;
	margin:0px 5px 0px 0px;
	padding:0px 10px 0px 0px;
	border-style:solid;
	border-width:0px 0px 2px 0px;
	border-color:rgb(180,140,60);
}

div.submenu li {
	list-style: none; 
	display: inline;
	padding:50px 0px 0px 0px;
}

div.submenu a.header {
	font-family:'TangerineRegular';
	color:rgb(180,140,60);
	font-size:26px;
	text-align:center;
	display:block;
	width:167px;
	margin:0px 0px 3px 0px;
	padding:6px 0px 4px 8px;
	vertical-align:middle;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	text-decoration:none;
}

div.submenu .spacer {
	height:5px;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-style:solid;
	border-width:9px 0px 0px 0px;
	border-color:rgb(200,160,86);
}

div.submenu a.level1 {
	font-family:'TangerineRegular';
	vertical-align:middle;
	font-size:26px;
	color:rgb(180,140,60);
	text-decoration:none;
	display:block;
	width:140px;
	margin:0px 0px 3px 0px;
	padding:6px 0px 0px 35px;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	background-image:url('http://www.korsagen-shop.de/korsagen-shop-banner/gold-button.gif');
	background-repeat:no-repeat;

} * html 

div.submenu a.level1 {
	  /* Breitenangaben nur fuer IE */ 
	width:100%;w\idth: 8.8em;
}

div.submenu a.level1:hover {
	color:rgb(200,160,86);
	border-color:rgb(21,21,21);
	border-left-color:rgb(51,51,51);
	border-bottom-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
}

#div.submenu a.level1:visited {
	color:rgb(150,93,14);
	border-color:rgb(51,51,51);
	border-right-color:rgb(21,21,21);
	border-top-color:rgb(21,21,21);
	background-color:rgb(15,15,15);
}


div.submenu a.level2 {
	font-family:'TangerineRegular';
	vertical-align:middle;
	font-size:26px;
	color:rgb(180,140,60);
	text-decoration:none;
	display:block;
	width:140px;
	margin:0px 0px 3px 0px;
	padding:10px 0px 0px 35px;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	background-image:url('http://www.korsagen-shop.de/korsagen-shop-banner/gold-button.gif');
	background-repeat:no-repeat;

} * html 

div.submenu a.level2 {
	  /* Breitenangaben nur fuer IE */ 
	width:100%;w\idth: 8.8em;
}

div.submenu a.level2:hover {
	color:rgb(200,160,86);
	border-color:rgb(21,21,21);
	border-left-color:rgb(51,51,51);
	border-bottom-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
}

#div.submenu a.level2:visited {
	color:rgb(150,93,14);
	border-color:rgb(51,51,51);
	border-right-color:rgb(21,21,21);
	border-top-color:rgb(21,21,21);
	background-color:rgb(15,15,15);
}



div.submenu a.level3 {
	font-family:'TangerineRegular';
	vertical-align:middle;
	font-size:26px;
	color:rgb(180,140,60);
	text-decoration:none;
	display:block;
	width:140px;
	margin:0px 0px 3px 0px;
	padding:10px 0px 0px 35px;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	background-image:url('http://www.korsagen-shop.de/korsagen-shop-banner/gold-button.gif');
	background-repeat:no-repeat;

} * html 

div.submenu a.level3 {
	  /* Breitenangaben nur fuer IE */ 
	width:100%;w\idth: 8.8em;
}

div.submenu a.level3:hover {
	color:rgb(200,160,86);
	border-color:rgb(21,21,21);
	border-left-color:rgb(51,51,51);
	border-bottom-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
}

#div.submenu a.level3:visited {
	color:rgb(150,93,14);
	border-color:rgb(51,51,51);
	border-right-color:rgb(21,21,21);
	border-top-color:rgb(21,21,21);
	background-color:rgb(15,15,15);
}

/* Layout der zweiten Box
----------------------------------------------- */

div.boxVarianteZweiHeader {
	font-family:'TangerineRegular';
	color:rgb(180,140,60);
	font-size:27px;
	text-align:center;
	display:block;
	width:167px;
	margin:0px 0px 3px 0px;
	padding:6px 0px 4px 8px;
	vertical-align:middle;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	text-decoration:none;
}

div.boxVarianteZweiHeader a {
	color:rgb(180,140,60);
	text-decoration:none;
}

div.boxVarianteZweiBody {
	background-color:rgb(15,15,15);
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	font-size:11px;
	color:rgb(180,140,60);
	padding:8px 10px 8px 10px;
}

div.boxVarianteZweiBody li {
	list-style: none; 
	display: inline;
	padding:50px 0px 0px 0px;
}

div.boxVarianteZweiBody a {
	font-family:'TangerineRegular';

	vertical-align:middle;
	font-size:21px;
	color:rgb(180,140,60);
	text-decoration:none;
}

div.boxVarianteZweiBody p {
	line-height:15px;
	margin:5px 0px 5px 0px;
}

	background-image:url('../korsagen-shop-banner/icon_arrow.jpg');
	background-repeat:no-repeat;

/* Floatbox (Inhalte)
----------------------------------------------- */
_div.floatBox {
	ackground-image:url(img/papierrolle-510x515.jpg);
	background-repeat:no-repeat;
	idth:510px;eight:515px;
	background-color:#F6FCAE;
	padding: 0px 0px 0px 0px;
}

_div.floatBox h1 {
	font-family:'TangerineRegular';
	color:rgb(180,140,60);
	font-size:30px;
	border:none;
	text-decoration:none;
	margin:20px 0px 10px 0px;
}

_div.floatBox ul {
	line-height:22px;
}

_div.productPreviewFloatBox {
	width:580px;height:230px;
	margin:0pt 0pt 10pt -14pt;
	border:2px solid rgb(21,21,21);
	border-right-color:rgb(51,51,51);
	border-top-color:rgb(51,51,51);
	background-color:rgb(15,15,15);
	_margin:1px 0px 0px 0px; /*IE Bugfix*/
	_padding:5px 10px 0px 10px; /*IE Bugfix*/
}

_div.productPreviewFloatBox p {
	line-height:18px;
}

/* Product Image Box
----------------------------------------------- */
div.productImagesBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	font-size:11px;
	color:#333333;
	
	
}

/* Footer
----------------------------------------------- */
div#footer {
	_float:left; 
	_border-style:solid;
	_border-color:yellow;
	_border-width:0px 0px 0px 0px;
	font-size:11px;
	color:#666666;
	padding:4px 0px 4px 0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin: 40px 0px 0px 20px;
	_background-color:red;
}























id;
	_border-color:yellow;
	_border-width:0px 0px 0px 0px;
	font-size:11px;
	color:#666666;
	padding:4px 0px 4px 0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin: 40px 0px 0px 20px;
	_background-color:red;
}























