@charset "utf-8";
/* CSS Document */
/* navigation.css */
/*********************************************************************************

	Project: Ev-Bildungszentrum Bad Bederkesa – ev-bildungszentrum.de 
	by tammo lueers at structocom.de  and tizian bauer at ansichtsache.com for vierplus.de 
	navigation-css – Grundeinstellungen Navigation

**********************************************************************************/

/* **********************************************   main navigation */

.nav-main ul li {
display:block;
margin:2px 0;
}

.nav-main ul li a {
display:block;
padding:3px;
}
.nav-main ul li a:hover {
background:#fff;
text-decoration: none;
}

.nav-main ul li .aktiv a {
background:#fff;
}

/* root navigation */

.rootNav ul li {
display:block;
margin:2px 0;
}

.rootNav ul li a {
display:block;
padding:3px;
}
.rootNav ul li a:hover {
background:#D6ECAE;
}

.rootNav ul li span .aktiv a {
background:#fff;
}

/* **********************************************   sub navigation */

body.mainPage #subnav {
position:relative;
display:inline-table;
width:100%;
margin-top:10px;
margin-bottom:10px;
clear:both;
float:left;
}

#subnav ul { 
margin:0 0 10px 0;
}

body.mainPage #subnav ul li {
display:inline;
margin:15px 2px;
float:left;
}

#subnav ul li a {
display:block;
padding:0px 3px;
	color:#FFFFFF;
	background-color: #75B727;
	text-decoration:none;

}
#subnav ul li a:hover {
	color:#15336D;
	background-color: #D6ECAE;
text-decoration: none;
}

#subnav ul li .aktiv a {
	color:#15336D;
	background-color: #D6ECAE;
}

#subnav ul li ul {
margin:0;
}

#subnav ul li ul li a {
display:block;
padding:0px 3px;
	color:#15336D;
	background-color: #fff;
}

#subnav ul li ul li {
display:block;
margin:0px 2px;
}

/* **********************************************  sub navigation Shop  */

body.typ #subnav {
position:relative;
display:inline-table;
margin-top:0px;
margin-bottom:0px;
clear:both;
width:450px;
float:left;
}
body.typ #subnav ul li {
display:block;
margin:5px  0;
}
body.typ #subnav ul li ul{
display:none; /* hide 2nd level*/
margin:0 0 15px 0;
}
body.typ #subnav ul li ul li {
margin:5px 0;
}
body.typ #subnav ul li#nav3 ul li {
float:left;
margin:0;
}


/* The magic ^^ 
body.typ #subnav ul li:hover, body.typ #subnav ul li.over, body.typ #subnav ul li#nav3:hover, body.typ #subnav ul li#nav3.over  { 
	z-index: 10;
} 
body.typ #subnav ul li:hover ul, body.typ #subnav ul li.over ul, 
body.typ #subnav ul li:hover ul li, body.typ #subnav ul li.over ul li, 
body.typ #subnav ul li#nav3:hover ul, body.typ #subnav ul li#nav3.over ul { 
	display:block; 
	z-index: 20;
} 
*/

/************************************************* subnav category3   */

#subnav div.category3 ul {
position:relative;
display:inline;
margin-top:0px;
margin-bottom:0px;
clear:both;
float:left;
}

#subnav div.category3 ul li a {
display:block;
padding:0px 3px;
	color:#15336D;
	background-color: #fff;
}
#subnav div.category3 ul li a:hover {
	color:#15336D;
	background-color: #D6ECAE;
text-decoration: none;
}

#subnav div.category3 ul li .aktiv a {
	color:#15336D;
	background-color: #D6ECAE;
}



/* **********************************************  sub navigation Shopstartseite  */

body.typ #subnav.shopstart {
position:relative;
display:table;
margin-top:10px;
margin-bottom:10px;
clear:both;
width:450px;
float:left;
}
body.typ #subnav.shopstart ul li ul{
display:block;
margin:15px 2px 0 2px;
}
body.typ #subnav.shopstart ul li {
display:block;
margin:15px 2px;
}
body.typ #subnav.shopstart ul li ul li {
margin:5px 2px;
}
body.typ #subnav.shopstart ul li#nav3 ul li {
float:left;
margin:0px 2px;
}

body.typ #subnav.shopstart div.category3 ul {
visibility:hidden; /* hide at start */
}


/* **********************************************   breadcrumb navigation */
#breadcrumb {
position:static;
display:table;
width:100%;
margin-bottom:0px;
clear:both;
}
/*#breadcrumb ul:before  {
content:url(./files/pfeil.gif)" \00BB";
}*/
#breadcrumb ul  {
display:block;
float:left;
width:100%;
vertical-align:top;
}
#breadcrumb ul li ul {
display:block;
float:left;
width:100%;

}
#breadcrumb ul li, #breadcrumb ul li ul li {
display:inline;
float:left;
width:auto;
}

#breadcrumb ul li a {
	display:block;
	padding:0px 3px 0 12px;
	color:#15336D;
	float:left;
	background-image: url(/files/design/pfeil.gif);
	background-position:left 4px;
	background-repeat: no-repeat;
}
#breadcrumb ul li a:hover {
color:#15336D;
}

#breadcrumb ul li .aktiv a {
color: #75B727;
font-weight:700;
}
#breadcrumb ul li span {
color: #75B727;
font-weight:700;
}
#bread  {
width:100%;
	display:table;
clear:both;
margin-bottom:15px;
}
#bread a {
	display:block;
	padding:0px 3px 0 12px;
	color:#15336D;
	float:left;
	background-image: url(/files/design/pfeil.gif);
	background-position:left 4px;
	background-repeat: no-repeat;
}
#bread a:hover {
color:#75B727;
}
.pager a:hover {
color:#75B727;
}
.pager a.active {
color:#15336D;
}
/* **********************************************   Formular Definition */
input[type="text"],textarea, input[type="password"] {
font-size:inherit;
font-family:inherit;
border:1px solid #75B727;
height:18px;
width:130px;
margin:0;
}

input[type="submit"], input.submit {
color:#fff;
font-size:0.85em;
border:2px solid #75B727;
background-color:#75B727;
height:18px;
width:auto;
margin:0;
}
/* Input für Suche */
#suchenbox input[type="text"] {
color:#333;
font-size:inherit;
border:1px solid #75B727;
background-color:#fff;
height:18px;
width:120px;
margin:0;
}
/* Submit für Suche */
#suchenbox input[type="submit"] {
color:#fff;
font-size:inherit;
border:2px solid #75B727;
background-color:#75B727;
height:20px;
width:20px;
margin:0;
}

input[type="submit"]:focus,input[type="submit"]:hover {
cursor:pointer;
border:2px inset #000;
}

/* Div das das Formular umschließt */
.formgen, .registerform {
	font-size: 1em;
	width:100%;
}
div.formgen {
margin:0 0 55px 0;}

/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
vertical-align:middle;
}



.formgen form, .registerform form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 0px;	
	
}
 .forminfo 
{
	width:100%;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* **********************************************   FORMULAR-OBJEKTE ---- */
.formgen p, .loginform p {
display:block;
clear:both;}


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width:65%;
	height: 75px;
	border: 2px solid #75B727;
			float:right;
	margin:10px 0;
}


/* Textfeld */
.formgen .formtext, .formgen #regEmail, #forgotEmail, .formgen .text, .loginform .text {
	width:65%;
	padding-bottom: 4px;
	font-size: 1em;
		border: 2px solid #75B727;
		float:right;
	margin:5px 0;
	vertical-align:middle;
}

/* Select */
.formgen fieldset select
{
	width:66%;
	padding-bottom: 0px;
	font-size: 1em;
		border: 2px solid #75B727;
		float:right;
	margin:5px 0;
	vertical-align:middle;
}




.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
color:#15336D;
	border-bottom-color: #000000;
	background-color: #D6ECAE;	
}
.formgen .text.radio {
width:auto;
padding-bottom: 4px;
font-size: 1em;
border: 2px solid #75B727;
float:none;
margin:5px 0;
}
.radiovalue {
margin-right:15px;
margin-left:5px;
}



/* Label */
.formgen label, form.password fieldset label, .loginform label {
	width:30%;
	clear:right;
	float: left;
	min-height: 15px;
	margin:5px 0;
	line-height:120%;
	vertical-align:middle;
}
.formgen label.receipt {
width:95%;}

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 100%;
	background-color: #fff;
	color: #000000;
		border: 2px solid #75B727;

}


/* Sende-Button */
.formgen .formsubmit
{
	width:200px;
	text-align: center;
	background-color: #75B727;
	border: 1px solid #75B727;
	float: left;
	color: #fff;
}
option {
	background-color: #fff;

}


/* Fieldsetbeschriftung */
.formgen legend {
color: #333333;
font-weight:700;
margin:15px 0 0 0;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

fieldset {
border:none;}

/* ---------------------------------------------------------------------------Programmausgabe  */

table {
text-align:left;
width:95%;}
table, th, td {
margin:0;
padding:1px;
border-bottom:2px solid #fff;
vertical-align:bottom;
}
.price {
text-align:right;}

#page-basket td {
border-top:solid 1px #75B727;
vertical-align:top;

}
#page-basket td.amount {
width:125px;
}
#page-basket td.amount input.text {
border:solid 1px #999;
width:25px;
}
tr.vatrow {
height:40px;
vertical-align:bottom;}

tr.shippingrow {
height:40px;
vertical-align:bottom;}

.bestellungtitel {
color:#15336D;
background-color: #D6ECAE;}

.bestellungtitel input.text {
width:25px;}

.agbLink {
text-decoration:underline;}
/* .last p {
line-height:2em;}
*/
.last input[type="submit"] {
font-size:0.85em;
height:25px;
width:200px;
margin:10px 0 0 0;
}

.error {
color:#CC0000;}

.vorbei p, .vorbei h3, .vorbei a, .vorbei h3 a {
color:#CCCCCC;}