/* import core styles | Basis-Stylesheets */
@import url(yaml/core/base.css);
/* import screen layout | Screen-Layout einbinden */
@import url(nav_endv.css);
@import url(basemod.css);
@import url(content.css);
/* import print layout | Druck-Layout einbinden */
@import url(yaml/print/print_003_draft.css);



#shopfinder {
	width:180px;
	text-align:left;
	font-size:93%;
	border:dashed 2px #180c86;
}

#login {
	border:dashed 2px #180c86;
	width:90%;
	margin:3%;
	padding:2%;
}

#ergebnis, #extra { 	font-size: 85%; }

#ergebnis li { display:inline; }

#anzeige { text-align:center; }

#artikel {width:100%;}

/* ul#nav {white-space:nowrap;} */

#nav li {
	list-style:none;
	display:inline;
}

/*#nav a, .kat a, .ukat a, #breadcrumb a, #ergebnis a, #inhalt a, #cartdetails a, #fuss a, #start a {
	color:#180c86;
	text-decoration:none;
}

.kat a.active, .ukat a.active {color:#ff8c00;}

#nav a:hover, .kat a:hover, .ukat a:hover, #breadcrumb a:hover, #ergebnis a:hover, #inhalt a:hover, #cartdetails a:hover, #fuss a:hover, #start a:hover {color:#ff8c00;}*/

.counter {
	color:#ff8c00;
	font:138.5% monospace;
}

/************************************************************************/
#inhalt {
/* 	position:absolute; */
/* 	top:140px; */
/* 	left:0; */
	text-align:justify;
/* 	margin-left:200px; */
/* 	margin-right:170px; */
	font-size:93%;
}

#inhalt table {font-size:108%;}

#inhalt p, #inhalt .inline, #details p, #details .inline {text-align:left;}

#inhalt h1, #details h1, #cartdetails h1, #formular h1 {font-size:123.1%;}

#inhalt input, #details input, #cartdetails input {text-align:right;}

/*#uber {
	width:600px;
	margin:auto;
}*/

.kontakt {
/* 	margin:0 20px 0 0; */
/* 	float:left; */
	text-align:left;
}

/************************************************************************/
/*#haupt {
	text-align:justify;
	width:60%;
	margin:auto;
}

#haupt .fancy {
	float:left;
	font:138.5% Comic Sans MS, cursive;
	color:#ff8c00;
}

#haupt h1 {font-size:138.5%;}*/

/* .clear {clear:both;} */

/* .clear textarea {margin:20px;} */

#breadcrumb {
/* 	left:0; */
	text-align: left;
/* 	padding:5px; */
}

/************************************************************************/
#col2 {
	text-align:left;
	background: transparent url(/img/wkbg.gif) 0 0 repeat-y;
	border:dashed 2px #180c86;
	font-size:93%;
}
/************************************************************************/

#col2 td.links {
	text-align:left;
	font-size:85%;
}

#col2 .rot {font-size:77%;}

#col2 tr.ergebnis .rechts, tr.ergebnis .rechts {
	font-weight:bold;
	border-top:double 3px #180c86;
}

#col2 th {
	font-size:85%;
	font-weight:bold;
	color:#180c86;
}

h1, h2, h3 {
	font-weight: bold;
	color:#180c86;
}

#col2 h1 {
	font-size:93%;
	text-align:center;
}

/* #col2 img, #col2 input {margin-left:20px;} */

h2 {font-size:108%;}

h3 {font-size:93%;}

.highlight {background-color:#ffec9d;}

.gelb {color:#ff8c00;}

.rot {color:#d03d2b;}

.blau {color:#180c86;}

.hell {background-color:#eaeaea;}

.dunkel {background-color:#f1f1f1;}

.klein {font-size:77%;}

img.rechts {
/* 	padding:5px; */
	float:right;
}

img.links {
/* 	padding:5px; */
	float:left;
}

/*div.links {
	float:left;
/* 	margin-left:20px; */
/* 	width:200px; */
}*/

/*div.rechts {
	float:right;
	margin-right:20px;
	width:200px;
}*/

/* #formular div.links {clear:both;} */

/*div.mitte {
	float:none;
	margin:auto;
	width:200px;
}*/

/* #cartdetails div.mitte {clear:both;} */

/*#formular div.mitte {
	clear:both;
	margin:auto;
	width:100%;
}*/

#nav .rot {padding-left:30px;}

.inline {display:inline;}

/* #start div.rechts {margin:0;} */

ul.suggest {
/* 	padding:0; */
/* 	margin:0; */
	border: 1px solid black;
	list-style-type:none;
	text-align:left;
	font: 93% sans-serif;
	color: #000000;
	background: #ffffff;
	visibility:hidden;
}

ul.suggest li {
	cursor: default;
/* 	padding: 0px 3px; */
}

ul.suggest li.current {
    background-color: #3366cc;
    color: white;
}

/************************************************************************/
#auswahl {
/* 	float:right; */
/* 	position:relative; */
/* 	top:100px; */
/* 	float:left; */
/* 	left:0; */
	font-size:93%;
	text-align:right;
	border:dashed 2px #180c86;
/* 	padding:2px; */
/* 	padding-left:350px; */
/*  	padding-right:170px; */
}

#auswahl h2 {text-align:left;}

#auswahl select {font-family:monospace;}

#keine_auswahl {
/* 	float:right; */
/* 	height:80px; */
/* 	min-height:80px; */
}

#zurueck {text-align:left;}
#weiter {text-align:right;}
#delete, #shop {text-align:center;}