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

	Project: vhs-osterholz –  
	by tammo lueers at structocom.de  
	and tizian b auer at ansichtsache.com
	navigation-css – Grundeinstellungen Navigation

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

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

.nav-main ul {
width:200px;
padding-left:0px;
}
.nav-main ul li {
display:block;
margin:10px 0;
font-weight:700;
}

.nav-main ul li a {
display:block;
padding:3px 3px 3px 23px;
color: #58738D;
}
.nav-main ul li a:hover {
color: #00A8E0;
background:url("/files/design/nav_arrow.gif") no-repeat #fff;
background-position:12px center;
text-decoration: none;

}

.nav-main ul li .aktiv a {
color: #00A8E0;
background:url("/files/design/nav_arrow.gif") no-repeat #fff;
background-position: 12px center;
}

/* root navigation */

.rootNav ul li {
display:block;
margin:5px 0;
float:left;
height:15px;
}

.rootNav ul li a {
display:block;
padding:3px;
color: #58738D;
font-weight:700;
}
.rootNav ul li a:hover {
color:#00A8E0;
text-decoration: none;

}

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

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

body.mainPage #subnav {
position:relative;
display:table;
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 0 0 3px;
	color:#FFFFFF;
	background-color: #75B727;
}
#subnav ul li a:hover {
	color:#15336D;
	background-color: #D6ECAE;
}

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

#subnav ul li ul {
margin:0 0 0px 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 Shopstartseite  */

body.typ #main a:hover {
text-decoration: none;
color:#58738D
}

body.typ #subnav.shopstart {
position:relative;
clear:both;
width:555px;
float:left;
min-height:500px;
font-weight:700;
}
body.typ #subnav.shopstart ul {
margin:0 0 2px 0;
width:555px;
}

body.typ #subnav.shopstart ul li {
display:block;
margin:15px 10px 0 0;
	float:left;
/*	list-style: none; */
	position: relative;
	width:175px;
}

body.typ #subnav.shopstart ul li ul{
display:block;
margin:5px 2px 0 00px;
 position: absolute;
    top: 2.0em; left: -0.2em;
    width:180px;
list-style-type: disc;
}

body.typ #subnav.shopstart ul li ul li {
margin:0px 5px;
	float:none;
height:auto;
background-color:transparent;
}

#subnav ul li#nav1 a {
display: block;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left:5px;
color: #ffffff;
background-color:#00963F;

}
li#nav4, li#nav4 a {
display:none;
visibility:hidden;}
li#nav4 ul {
display:none;
visibility:hidden;}
#subnav ul li#nav1 ul li a {
display: block;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 3px;
color: #58738D;

}
#subnav ul li#nav1 ul li a:hover {
	color:#EC7405;
}

#subnav.shopstart ul li ul li hr
{
border-top:dotted 2px #00963F;
border-left:0;
border-right:0;
border-bottom:0;
width:155px;
margin:5px 0;
height:0;
}
#subnav.shopstart ul li ul li span.trenner
{
display:block;
border-top:dotted 2px #00963F;
border-left:0;
border-right:0;
border-bottom:0;
height:0;
width:155px;
margin:5px 0;
}

#subnav ul li#nav1  {
min-height:500px;
background-color:#F3F4D0;
margin-top:0;
}
#subnav ul li#nav1 ul li a {
height:auto;
background-color:transparent;
}

#subnav ul li#nav2 a {
display: block;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 5px;
color: #ffffff;
background-color:#C8D200;
}
#subnav ul li#nav2 ul li a {
display: block;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 3px;
color: #58738D;
background-color:transparent;
}
#subnav ul li#nav2 ul li a:hover {
	color:#EC7405;
}
#subnav ul li#nav2  {
min-height:500px;
background-color:#DDEFF9;
margin-top:0;
}
#subnav ul li#nav2 ul li a {
height:auto;
background-color:transparent;
}


#subnav ul li#nav3 a {
display: block;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 5px;
color: #ffffff;
background-color:#00A8E0;
}
#subnav ul li#nav3 ul li a {
display: block;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 3px;
color: #58738D;
background-color:transparent;
}
#subnav ul li#nav3 ul li a:hover {
	color:#EC7405;
}
#subnav ul li#nav3  {
min-height:500px;
background-color:#DBECDB;
margin-top:0;
}
#subnav ul li#nav3 ul li a {
height:auto;
background-color:transparent;
}
/* **********************************************   breadcrumb navigation */
#main-content-block ul#sub {
margin:10px ;
clear:both;}
ul#sub a {
color:#00963F;
font-weight:700;
margin-right:10px;
}
body.typ #main ul#sub a:hover {
color:#00A8E0;
}
#catmenu {
display:table;
clear:both;
padding:0;
width:150px;
}
#catmenucontainer h3 {
color:#ec7405;
margin-bottom:10px;
}
ul#catmenu li a hr {
border-top:dotted #ec7405 2px;
border-left:0;
border-right:0;
border-bottom:0;
height:0;
}
#catmenu a {
color: #58738D;
font-weight:700;
}
span#breadcrumb {
width:550px;
margin:0 0 20px 0;
padding-top:3px;
clear:both;
display:block;
float:left;
position:absolute;
}
span#breadcrumb.Osterholz-Scharmbeck {
background-color:#00963F;
height:20px;
overflow:visible;
}
span#breadcrumb.Hambergen  {
background-color:#C7D200;
height:20px;
overflow:visible;
}
span#breadcrumb.Schwanewede  {
background-color:#00A8E0;
height:20px;
overflow:visible;
}
#main-block span.kategoriename  {
margin-bottom:0.25em;
}
span.kategoriename {
margin:0px 5px;
color:#fff;
font-weight:700;
}

.pager a:hover {
color:#75B727;
}
.pager .active {
color:#00a8e0;
font-weight:700;
}
/* **********************************************   Formular Definition */
input[type="text"],textarea, input[type="password"] {
font-size:inherit;
font-family:inherit;
border:1px solid #75B727;
height:20px;
width:173px;
margin:0;
}

input[type="submit"], input.submit {
	color:#333;
	font-size:0.85em;
	border:2px solid #C5D414;
	background-color:#C5D414;
height:20px;
width:173px;
	margin:0;
}
input[type="submit"], input.submit #buchen{
	color:#333;
	font-size:0.85em;
	border:2px solid #C5D414;
	background-color:#C5D414;
height:20px;
width:auto;
	margin:0;
}
input[type="submit"]#anmeldung, input.submit#anmeldung {
	color:#75B727;
	border:0px solid #C5D414;
	font-size:1em;
height:20px;
width:173px;
	margin:0;
	background-color:transparent;
}
input[type="submit"]#anmeldung:hover , input.submit#anmeldung:hover  {
	color:#333;
	border:1px solid #333;
	font-size:1em;
height:20px;
width:173px;
	margin:0;
	background-color:transparent;
}



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: 1px solid #999;
			float:right;
	margin:10px 0;
}


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

/* Select */
.formgen fieldset select
{
	width:66%;
	padding-bottom: 0px;
	font-size: 1em;
		border: 1px solid #999;
		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: 1px solid #999;
float:none;
margin:5px 0;
}

label.radiovalue {
}
div#el_0 {
padding:0;
margin:-10px 0 0 0;}

input.formradio {
float:left;
vertical-align:middle;
margin:5px;
height:10px;
}

/* 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%;}

input[type=radio].formradio {
vertical-align:middle;
clear:none;
float:left;
}
label.formradio {
vertical-align:middle;
clear:none;
width:auto;
float:left;
margin:5px;
}

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

}


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

}

div.proddetails input[type="submit"], div.proddetails input.submit, div.proddetails input[type="submit"] #buchen, div.proddetails input.submit #buchen {
	font-size:1em;

clear:both;
display:block;
padding-left:32px;
padding-top:0px;
height:25px;
margin-bottom:10px;
color: #58738D;
background:url("/files/design/anmeldung.gif")  no-repeat ;
background-position:top left;
font-weight:700;
vertical-align:middle;
background-color:transparent;
border:none;
}

/* Fieldsetbeschriftung */
.formgen legend {
color: #333333;
font-weight:700;
margin:10px 0 0 0;
overflow:auto;
}
div#bu {
width:95%;
height:20px;
margin-bottom:25px;
}
div#bu label {
width:auto;
}
div#agb {
width:95%;
}
#agb label {
width:auto;
float:left;
}

#agb input[type="checkbox"] {
float:left;
margin-top:7px;
margin-left:3px;
margin-right:5px;
}

/* -------------- 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:0px;
border-bottom:0px 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:20px;
width:173px;
margin:10px 0 0 0;
}

.error {
color:#CC0000;}

a.back {
clear:both;
display:block;
padding-left:35px;
padding-top:5px;
height:25px;
color: #58738D;
background:url("/files/design/back.gif") no-repeat ;
background-position: top left;
font-weight:700;
vertical-align:middle;
margin:0 0 0 3px;
}
a.back:hover {
color:#666;
text-decoration:underline;}

.dozent a.back {
display:inline;
float:left;
margin:20px 0 0 3px;
}

a.buchen {
clear:both;
display:block;
margin-top:15px;
padding-left:35px;
padding-top:5px;
height:25px;
color: #58738D;
background:url("/files/design/anmeldung.gif")  no-repeat ;
background-position:top left;
font-weight:700;
vertical-align:middle;
}
a.buchen:hover {
color:#000;
;}


a.anfrage {
clear:both;
display:block;
margin-top:15px;
padding-left:35px;
padding-top:5px;
height:25px;
color: #58738D;
background:url("/files/design/anfrage.gif")  no-repeat ;
background-position:top left;
font-weight:700;
vertical-align:middle;
}
a.anfrage:hover {
color:#000;
;}