@charset "utf-8";

@import url("formular-paul.css");
@import url("lavalamp.css");
@import url("wichtelkrieger.css");

/*===============Allgmein=====================================*/
html{
	height:100%;
	background:#581512 url(../gfx/hg-body.gif) repeat-x top;	
}
body{
	height:100%;
	margin:0 auto;
	width:986px;
	background:url(../gfx/hg-casiam.png) repeat-y center;
	font : normal 80%/1.6 Verdana, Arial, sans-serif;
	
	/* Verhindern vom lästigen zucken der Schriften!!! 
	 * Siehe: http://www.interaktionsdesigner.de/2008/06/30/save-the-webdevelopers/ 
	 */
	-moz-opacity:0.99;
}
a {
	color:#581815;
	outline:none;
}
a:hover, div.hover a {
	text-decoration:none;
	color:#e9c02d;
}

/*===============Styling der Links (Die Armee)=====================================*/
body.links #inhalt .csc-textpic-imagewrap {
	width:200px;
	text-align:center;
}
body.links #inhalt .inhalt {
	margin-bottom:10px;
}

/*===============Styling des Inhalts im Dokubereich (Die Armee)=====================================*/
body.armee #inhalt .bodytext {
	padding:0.25em 1.25em 0.25em 0em;
}
body.armee #inhalt div.inhalt {
	padding:0.5em 0.25em 0.25em 0.4em;
	clear:both;
}
body.armee #inhalt .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	margin-top:30px;
}
body.armee #inhalt .csc-textpic-intext-right-nowrap .csc-textpic-image {
	margin-bottom:15px;
}
body #inhalt .csc-frame-indent {
	margin-right:290px;
}
body.armee #inhalt ul.images li {
	list-style-type:none;
	display:block;
	float:left;
	padding:0px 10px 0px 0px;
}
body.armee #inhalt ul.images li img {
	border:0 none;
}

/* Für die News mehr Abstand auf beiden Seiten */
body.armee.news .inhalt {
	margin:0 130px;
}

/* Spezialitäten für die YouTube Videos */
body.doku #inhalt div.inhalt img {
	cursor:pointer;
}


/*===============Figur als Hintergrund=====================================*/
body.shop div.bild-links,
body.vertrauen div.bild-links
{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-473px;
	width:400px;
	height:100%;
	background: no-repeat left top;
	z-index:99;
}
body.offizier #kriegerbild { background-image:url(../produkte/OF/start-B.png); }
body.general #kriegerbild { background-image:url(../produkte/GE/start-B.png); }
body.bogenschuetze #kriegerbild { background-image:url(../produkte/BO/start-B.png); }
body.soldat #kriegerbild { background-image:url(../produkte/SO/start-B.png); }
body.kaiser #kriegerbild { background-image:url(../produkte/KA/start-B.png); }
body.pferd #kriegerbild { background-image:url(../produkte/PF/start-B.png); }

body.pflege #kriegerbild {
	background-image:url("../gfx/shop-pflege.png");
	background-position:left -20px;
}
body.entrypage #kriegerbild {
	background-image:url(../gfx/shop-start.png);
	z-index:20;
	/*margin-left:-473px;
	top:177px;*/
}
body.ueber #kriegerbild {
	background-image:url(../gfx/vertrauen-ueber2.png);
}

/*===============Startseite SHOP=====================================*/
.entrypage #gesamt {
	background:url(../gfx/shop-start.jpg) no-repeat center top;
}
#warriorslide-ie {
	position:absolute;
	width:170px;
	height:512px;
}
#warriorslide-ie li a {
	width:170px;
	height:512px;
	border:0px none;
}
#warriorslide-ie li a img {
	border:0px none;
	width:170px;
	height:512px;
}

/*===============Anzeige der Anzahl der Artikel im Hauptmenü=========*/
#top-navi li a .basket-items {
	background:url(../gfx/basket-items-bg.png) no-repeat center;
	color:white;
	display:block;
	position:relative;
	z-index:10;
	margin-top:-50px;
	padding:10px 12px;
	position:absolute;
	right:0px;
}

/*===============DARSTELLUNG PRODUKTDETAILS===========================================*/
body.detail #inhalt .thickbox img {
	border:1px solid #969696;
	/*margin:5px;*/
}
body.detail #inhalt .thickbox:hover img {
	border-color:#621111;
}
body.detail #inhalt .csc-textpic-imagewrap {
	margin-top:10px;
}

body.colorandsize #inhalt .inhalt {
	margin-left:500px;
}

body.colorandsize #inhalt .inhalt .bodytext {
	width:95%;
}

/* 
 *
 *	WICHTIG FÜR DEN GRAPHEN AUF DER Farben & Größen Seite !!! 
 *
 */
body.colorandsize #inhalt #box_76, #box_111, #box_162, 
#box_143, #box_319, #box_326, #box_334,
#box_300, #box_445, #box_444, #box_519,
#box_518 {
	margin-left:0 !important;
}
body.colorandsize .farben {
	margin:0 0 10px 0;
	float:left;
	width:100%;
}
body.colorandsize .farben li {
	list-style-type:none;
	display:block;
	float:left;
	width:30%;
	margin:0px 5px 20px 0px;
}
.farben li a {
	
}
.farben li a.terrakotta { background:url("../produkte/OF/farbe-T") no-repeat left top #c3a171; }
.farben li a.sandig { background:url("../produkte/OF/farbe-S") no-repeat left top #c8bdb1; }
.farben li a.schwarz { background:url("../produkte/OF/farbe-B") no-repeat left top #373839; }
.farben li a:hover {
	/*border:2px double #5f0000;*/
}

/* Farben und Größen */
body.colorandsize #inhalt-text {
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
}
body.colorandsize .farben li {
	width:96px;
	margin:0px 5px 0px 0px;
	padding:0;
}
body.colorandsize .farben li.desc {
	text-align:right;
	padding:5px 5px 5px 27px;
	margin:0;
	width:340px;
	font-size:80%;
	height:20px;
}
body.colorandsize .farben li a {
	display:block;
	width:90px;
	color:white;
	padding:70px 0px 5px 10px;
	text-decoration:none;
}
body.colorandsize .farben li a:hover {
	text-decoration:underline;
}
body.colorandsize .farben li.detailbilder a {
	background:url("../produkte/OF-detail.png") no-repeat left center #581815;
}
body.colorandsize .farben li.detailbilder {
	border-right:1px solid black;
	margin-right:5px;
	padding-right:10px;
}
body.colorandsize #box_79, body.colorandsize #box_80, body.colorandsize #box_81 {
	margin-top:20px;
}

/* Größen */
body.bodysize #inhalt .inhalt .csc-frame-frame2 {
	margin-right:20px;
}
body.bodysize #bestellen { display:none !important; }

body.colorandsize .size {
	float:left;
	background:url("../gfx/size-bg.png") no-repeat left top;
	width:480px;
	height:312px;
}
body.colorandsize.kaiser .size { /* Extrawurst für den Kaiser, der is größer! */
	background-image:url("../gfx/size-bg-kaiser.jpg");
	height:520px;
}
body.colorandsize .size li {
	list-style-type:none;
	float:left;
	display:block;
	text-align:center;
}
body.colorandsize .size li.first {
	margin-left:90px;
}
body.colorandsize .size li a {
	position:relative;
	display:block;
	margin:0px;
	
	text-decoration:none;
	color:black;
	text-align:center;
	font-size:15px;
	
	
	padding-bottom:27px;
}

body.colorandsize .size li a .freeprice {
	color:#500d0d;
	font-weight:bold;
	text-decoration:none;
}

body.colorandsize .size li a.aktiv, body.colorandsize .size li a.aktiv:hover {
	display:block;
	background:url("../gfx/active-size-bg.png") no-repeat center bottom;
	color:white;
	font-weight:bold;
}
body.colorandsize .size li a:hover {
	text-decoration:underline;
	background:url("../gfx/hover-size-bg.png") no-repeat center bottom;
}
body.colorandsize .size li a img {
	border:0 none;
	display:block;
	padding:0px 10px;
}
body.colorandsize.kaiser .size li a img { /* Extrawurst für den Kaiser, von dem gibts nur zwei Größen */
	padding:0px 25px 5px 25px;
}

/* Extrawurst für das Pferd, das ist einfach viel zu breit */
body.colorandsize.pferd #inhalt .inhalt {
	margin-left:530px;
}
body.colorandsize.pferd .farben {
	padding-bottom:100px;
}
body.colorandsize.pferd .farben .desc {
	width:90%;
	padding:0;
}
body.colorandsize.pferd .size { 
	width:530px;
}
body.colorandsize.pferd .size li {	
	margin:0;
}

body.soldat .size li a img,
body.bogenschuetze .size li a img {
	padding:0px 20px;
}

/*===============WARENKORB===========================================*/
table.basket {
	width:96%;
	margin:1% 1% 2% 0%;
	border:1px solid black;
	border-width:1px 1px 1px 1px;
}
table.basket td {
	vertical-align: top;
}

/* Kleene Infotabelle drinnen */
table.basket table.info {
	width:100%;
	margin-top:10px;
}
table.basket table.info td {
	width:33%;
	padding:0px;
	text-align:right;
	padding-top:5px;
}
td.zw {
	font-weight:bold;
}

/* Head */
table.basket thead tr th {
	font-weight:normal;
	font-size:10px;
	font-style:italic;
	text-align:right;
}
table.basket thead tr th.mitte {
	text-align:center;
}


/* Body */
table.basket tr td {
	padding:10px;
}

table.basket tr td.bild { 
	width:10%;
	text-align:right;
	padding:15px 0 0;
	vertical-align:top;
}
table.basket tr td.bild img { 
	padding:0px 15px 12px 0px;
}
table.basket tr td.desc { 
	width:50%;
	line-height:1.2em;
}
table.basket tr td.options {
	width:40%;
}
table.basket tr.linie td {
	border-bottom:1px solid black;
}

table.basket tr td.desc p strong {		/* wichtige hinweise in den beschreibungen */
	display:block;
	margin:10px 0 5px 0;
	padding:10px;
	background:#dca52a;
	color:white;
	text-align:left;
}


/* Einzelnes Produkt */
.basket .item p, .basket .item h3 {
	margin-left:5%;
}


/* Preisangaben - allgemein */


/* Anzahl ändern */
.basket .inlineedit .anzahl {
}
.basket .inlineedit .anzahl .anz {
	width:35px;
	text-align:right;
}
.basket .inlineedit .anzahl .button {
	width:16px;
	height:16px;
	text-indent:-9999px;
	border:0px none;
	background:url() no-repeat left top;
	cursor:pointer;
}
.basket .inlineedit .anzahl .submit {
	background-image:url("../gfx/button_save.png");
}
.basket .inlineedit .anzahl .delete {
	background-image:url("../gfx/button_del.png");
}

/* Zusammenfassung der Produkte und Versandkosten */
table.rahmen, div.rahmen {
	/*background-color:#e2e2e2;
	-moz-border-radius:5px;
	height:130px;
	width:55%;
	padding:10px;*/
}
div#rahmen-zusammenfassung {
	float:left;
	text-align:center;
}
table.summary {
	margin-right:50px;
	float:right;
}
table.summary tr td {
	padding:2px;
}
table.summary tr td.big {
	font-size:15px;
	font-weight:bold;
}
table.summary tr td.label {
	width:275px;
	text-align:right;
}
table.summary tr td.value {
	width:100px;
	font-weight:bold;
	text-align:right;
}

table.summary tr td.label div {
	float:right;
	display:block;
	padding-right:2px;
}

table.summary tr td.sep hr {
	margin:0px -20px 0px 0px;
	border:1px solid black;
	border-width:1px 0px 0px 0px;
}

#select_destination {
	width:115px;
}

/* Unten drunta 2 */
.jetztbestellen {
	
}
.jetztbestellen a,
form.bestellen fieldset.submitbutton li.send input, .freeprice .submit {
	display:block;
	background:url("../gfx/bestellen2.png") no-repeat center top;
	margin:15px 35px 0px 0px;
	padding:70px 0px 0px 0px;
	float:right;
	text-align:center;
	font-weight:bold;
	color:#f1bf06;
	text-decoration:none;
}

form.bestellen fieldset.submitbutton {  /* Für das Abschicken beim bestellformular */
	text-align:center;
}
.basket div.hover {
	
}


/*===============Formular freie Preise===========================================*/
div.freeprice {
	padding:5px 10px;
}
div.freeprice form {
	position:relative;
	display:block;
	float:left;
	margin:20px 0 50px 0;
	padding-right:150px;
}
div.freeprice label {
	display:block;
	width:170px;
	text-align:right;
	padding:5px;
	float:left;
}
div.freeprice input {
	margin:5px;
}
div.freeprice form br {
	clear:left;
}
div.freeprice .submit {
	border:0px none;
	position:absolute;
	right:0;
	top:-13px;
	cursor:pointer;
}


/* Immer wieder wichtig! */
div.clear {
	clear:both;
}


/*===============warenkorb ENDE=======================================*/

/*===============oberster Kasten mit Hauptmenue=======================*/

#oben{
	width:986px;
	height:233px;
	background:url(../gfx/hg-oben-mit.gif) no-repeat top center;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-493px;
/* z-index:10; 		- entfernt am 13.1. */
}
/*#oben img{
	float:left;
	border:none;
	position:absolute;
	z-index:99;
}
*/

#linkzurueck{
	position:absolute;
	z-index:299;
}
#linkzurueck img{
	border:none;
}

ul#top-navi{
	list-style:none;
	padding:0 16px 0 0;
	margin:0 2px 0 0;
	float:right;
	font-size:1.2em;
}
ul#top-navi li.aktiv{
	/*background:url(../gfx/top-navi-re-neu.png) repeat-y right;
	position:relative;*/
}
ul#top-navi li.current{
	position:relative;
}
ul#top-navi li{
	float:left;
	height:176px;
	padding:0 0 0 0;
}
ul#top-navi a{ 
	height:50px;
	color:#fff;
	display:block;
	float:left;
	padding:126px 25px 0 45px;
	text-decoration:none;
	margin-right:17px;
	position:relative;
	z-index:100;
}
ul#top-navi a:focus{ 
	outline:0;
}
ul#top-navi a:hover{ 
	color:#F7BC09;
}
ul#top-navi a.aktiv{
	color:#F7BC09;
	/*background:url(../gfx/hg-top-navi-li.gif) repeat-y left;*/
}

ul#top-navi span.top-navi-pfeil{
	display:block;
	position:absolute;
	top:176px;
	left:45%;
	width:17px;
	height:8px;
	background:url(../gfx/top-navi-pfeil.gif) no-repeat;
}

#subnavi-wrap {
	position:relative;
	z-index:99;
}

ul#sub-navi{
	clear:right;
	height:58px;
	margin:0 40px 0 0;
	padding:0;
	list-style:none;
	font-size:1.0em;
	position:relative;
	z-index:5;
}
ul#sub-navi li{
	float:right;
	margin-left:25px;
}
ul#sub-navi li.aktiv{
	position:relative;	
}
ul#sub-navi li a{
	display:block;
	height:28px;
	margin-top:28px;
	padding:0 3px;
	float:left;
	color:#fff;
	text-decoration:none;
}
ul#sub-navi a.aktiv, ul#sub-navi a:hover{
	color:#F7BC09;
}

ul#sub-navi span.sub-navi-pfeil{
	display:block;
	position:absolute;
	top:57px;	
	width:16px;
	height:9px;
	background:url(../gfx/sub-navi-pfeil.gif) no-repeat;
	left:45%;
}

/*===============Inhalt neu======================*/

#inhalt{

	/*height:100%;*/
	overflow:auto;
	width:946px;
	margin-left:20px;
	/*position:relative;*/
	position:absolute;
	top:233px;
	bottom:46px;
	Overflow-x: hidden;

}
#inhalt h1, div.csc-header h1{
	line-height:1.1em;
	font-size:1.6em;
	margin:20px 0px 5px 0px;
	font-weight:normal;
}
#inhalt h2{
	line-height:1.1em;
	font-size:1.4em;
	margin:20px 0px 5px 0px;
	font-weight:normal;
}
#inhalt h3{
	line-height:1.1em;
	font-size:1.3em;
	margin:10px 0px 5px 0px;
	font-weight:normal;
}
#inhalt .details .freeprice {
	display:block;
	margin:5px 0;
	padding:0;
	font-weight:bold;
}
div.inhalt ul li {
	margin:0 0 3px 20px;
}

/*===============Vertrauen!!!======================*/
body.vertrauen #inhalt h1 {
	margin-bottom:10px;
}

body.vertrauen #inhalt table, #box_37 table, #box_271 table {
	margin:10px 0px 20px 0px;
	padding:5px;
	border:1px solid #581815;
}
body.vertrauen #inhalt table td, #box_37 table td, #box_271 table td {
	width:125px;
	text-align:center;
}
#important {
	border:5px solid #4F1411;
	padding:10px;
	margin:0 -10px;
}



/*===============Schöne Überschriften mit chinesischen Bezeichnungen======================*/
body.shop #inhalt-text h1 {
	background: no-repeat right center white;
	padding-top:14px;	
}
body.general #inhalt-text h1 { background-image:url(../gfx/schrift/general.jpg); }
body.offizier #inhalt-text h1 { background-image:url(../gfx/schrift/offizier.jpg); }
body.bogenschuetze #inhalt-text h1 { background-image:url(../gfx/schrift/bogenschuetze.jpg); }
body.soldat #inhalt-text h1 { background-image:url(../gfx/schrift/soldat.jpg); }
body.kaiser #inhalt-text h1 { background-image:url(../gfx/schrift/kaiser.jpg); }
body.pferd #inhalt-text h1 { background-image:url(../gfx/schrift/pferd.jpg); }

/* Kasten für die AGB */
#box_38, #box_270 {
	border:1px solid #581815;
	padding:10px;
}
#box_38 .csc-textpic-imagewrap,
#box_270 .csc-textpic-imagewrap {
	margin-top:5px;
}

/* Damit man das auch anklicken kann */
body.vertrauen #kriegerbild {
	z-index:0;
}

/* Startseite */
body.entrypage #inhalt #inhalt-text {
	padding:20px 40px 20px 410px;
}
body.entrypage #warriorslide, #warriorslide-ie {
	margin:210px 0px 0px 190px;
}
body.entrypage #warriorslide li {
	list-style-type:none;
}
body.entrypage #warriorslide li a img {
	border:0px none;
}

/*===============Inhalt======================*/


#bestellen{
	position:absolute;
	top:270px;	
	z-index:101;
	width:89px;
	height:101px;
	left:50%;
	margin-left:-218px;
}
#bestellen img{
	border:0;
}
#inhalt-text{
	/*padding:250px 20px 50px 20px;*/
	padding:10px 40px 20px 60px;

}

.shop #inhalt-text {
	/*padding:250px 20px 50px 380px;*/
	padding:0px 20px 20px 380px;
}
body.detail #inhalt-text {
	padding-left:410px;
}
body.ueber #inhalt-text {
	padding:20px 40px 20px 390px;
}
body.pflege #inhalt-text {
	padding:20px 60px 20px 340px !important;
}

.shop .csc-frame-frame2{
	float:left;
	width:273px;
	border-right:1px solid #000;
}
.shop .csc-frame-frame1{
	float:left;
	width:245px;
	padding-left:10px;
}
.shop .csc-frame-indent6633{
	clear:left;
}


/*===============Fuss======================*/

#footer{
	margin:0;
	position:absolute;
	bottom:0;
	/*width:100%;*/
	height:46px;
	z-index:199;
}
#insidefooter{
	width:916px;
	height:46px;
	margin-left:20px;
	
	padding-left:30px;
	background:url(../gfx/balken-unten.png) no-repeat;
}
#insidefooter .auswahl-mi {
	background:url(../gfx/block-mi.png) repeat-x ;
	float:left;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#fff;
	margin-top:3px;
}
#insidefooter .auswahl{
	width:20px;
	height:42px;
	float:left;
	margin-top:3px;
}
.auswahl-mi p{
	display:inline;
}
#insidefooter .links{
	background:url(../gfx/block-li.png) no-repeat;
}
#insidefooter .rechts{
	background:url(../gfx/block-re.png) no-repeat;
}
ul#footer-menu{
	float:right;	
	list-style:none;
	padding:0;
	margin:0 20px 0 0;
	height:46px;
	line-height:46px;
}
ul#footer-menu li{
	float:left;
	margin-left:23px;
}
ul#footer-menu li.lang {
	margin-left:10px;
}
ul#footer-menu a{
	color:#fff;
	text-decoration:none;
}
ul#footer-menu a:hover, ul#footer-menu a.aktiv{
	color:#F7BC09;
}
#footer #insidefooter .auswahl-mi a {
	color:white;
	text-decoration:none;
}
#footer #insidefooter .auswahl-mi a span {
	font-weight:bold;
}
#footer #insidefooter .auswahl-mi a:hover {
	text-decoration:underline;
}
#footer #insidefooter #footer-menu .currency select {
	margin-top:12px;
}
/* Footer Overlay */