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

	Project: vhs-osterholz –
	by tizian bauer at ansichtsache.com
	and tammo lueers at structocom.de
	main-css – Grundeinstellungen

**********************************************************************************/
/* (CC) 2009  Some Rights Reserved.*/
/* http://creativecommons.org/licenses/by/2.0 */
/* This style sheet is licensed under a Creative Commons License. */
html {
height:101%;
width:100%;
font-size:1.0em;
}
:link, :visited 
{
outline:none;
text-decoration:none;
}
ul, ol, li {
list-style:none;
}
h1, h2, h3, h4, h5, h6, pre, code, p {
font-size:1em;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre,
form, body, html, p, blockquote, fieldset, input {
padding: 0;
margin: 0;
}
a img, :link img, :visited img {
border: none;
}
address {
font-style: normal;
}
/***** STANDARDS *****/
html {
min-height: 101%;
	height: auto;
}
body {
	background:#fff;
	color: #58738D;
	font-family:arial, helvetica, sans-serif;
	font-size:small;
line-height:135%;
}

a,
a:link {
	color: #EC7405;

}
a:visited {
}
a:hover {
text-decoration:underline;
}
a:active,
a:focus {
}
a[href$=".pdf"]:after {
content : " "url(../files/design/pdf.gif);
}
#top {
visibility:hidden;
}
.unsichtbar {
display:none;
}
#site-content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#column {
left:0px;
right:0px;
margin-top:0;
margin-bottom:0;
margin-left:25px;
margin-right:auto;
width:960px;
position:absolute;
height:100%;
}
#content {margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0pt;
padding-bottom: 0pt;
height: auto;
top:0;
bottom: 0;
margin-top:0;
margin-bottom:0;
z-index:-1;
}

/***** HEADER *****/
#header {
position:absolute;
left:0;
margin:0;
padding:0;
height:177px;
display:table;
width:960px;
background:url("/files/design/vhs_ohz_header_bg.jpg") no-repeat #fff;
background-position:bottom right;
}

div.rootNav {
z-index:10;
position:absolute;
margin-left:210px;
	}
div.logo {
float:left;
width:400px;
height:150px;
margin:10px 0 0 0;
z-index:1;
position:absolute;
}
.nav-main {
position:relative;
margin-left:0px;
margin-right:10px;
width:195px;
float:left;
min-height:450px;
z-index:10;
}
.nav-main .oi {
margin-left:00px;
margin-right:20px;
margin-top:25px;
}

.menu a {
}
#pagetitle {
}
/***** CONTENT *****/
#main-content {
	position:relative;
	display:block;
	margin:180px 0 0 0;
	padding:0;
	width:960px;
	float:left;
	background:url("/files/design/vhs_ohz_content_bg.gif") left repeat-y ;
}
#rs4 #main-content {
	background:url("/files/design/vhs_ohz_shopstart_bg.gif") left repeat-y ;
}


#main {
margin:0;
	display:block;
	position:relative;
	padding:0 0 15px 0;
	width:550px;
float:left;
height:100%;
line-height:135%;
background:url("/files/design/main_bg_top.gif")  no-repeat ;
background-position:-1px 0px;

}
#rs4 #main {
background:url();
padding:0 0 0 0;

}
#main-block {
margin-top:30px;
}
#rs4 #main-block, #rs2 #main-block {
margin:0;
}
#main-block p {
margin-bottom:1em;
}

#rs4 #main-content-block {
background:url() #fff;
}

#main-content-block {
margin:0px 3px 0 0px;
padding:0;
}
#main-content-block img{
margin:20px 10px 10px 0;
float:left;
}
#main-content-block h1{
margin:20px 0 0 0;
color:#C8D200;
font-size:2.3em;
line-height:125%;
}
#main-content-block h2{
margin:0 0 10px 0;
color:#00a8e0;
font-size:2.3em;
line-height:125%;
}
body#rs2 #main-content-block h3{
margin:0;
color:#00a8e0;
font-size:1em;
line-height:125%;
}
body#page1 #main-content-block h3{
margin:10px 0;
color:#00a8e0;
font-size:1em;
line-height:125%;
}
#main-content-block h4 {
margin:15px 0 10px 0;
color:#00a8e0;
font-size:1.5em;
line-height:125%;
clear:both;
display:table;
}
#main-content-block h5 {
margin:15px 0 10px 0;
color:#C8D200;
font-size:1.5em;
line-height:125%;
clear:both;
display:table;
}
#main-content-block h6 {
color:#ec7405;}

#main-content-block em{
color:#EC7405;
font-style:normal;
}
#main-content-block hr{
width:35px;
border-top:5px solid #00963f;
border-bottom:none;
border-left:none;
border-right:none;
margin:0 0 1em 0;
display:block;
}
#main-content-block ul {
margin:0 0 10px 10px;
}
#main-content-block ul li {
list-style-type:disc;
margin:0 0 0px 10px;
}
#main-content-block ol {
margin:0 0 10px 10px;
}
#main-content-block ol, #main-content-block ol li {
list-style-type:decimal;
margin:0 0 0px 15px;
}
table, tr, td {
	margin:0;
padding:0;}

b {
color:#009933;}
	
/* ### zweispaltiger Content ###################################################################### */

#main-content-block div.oi.right {
margin:0 0 0 0px;
width:59.66%;
clear:right;
}
#main-content-block div.oi.right ol, #main-content-block div.oi.right ul {
padding:0 0 1em 0;
display:block;
}
#main-content-block .oi.left {
margin:0 0 0 0px;
width:39.33%;
float:none;
clear:right;

}	


.ohz {
width:150px;
float:left;
clear:right;
margin-left:3px;
margin-bottom:20px;
}
.hambergen {
width:150px;
float:left;
clear:right;
margin-left:3px;
margin-bottom:20px;
}
.schwanewede {
width:150px;
float:left;
clear:right;
margin-bottom:20px;
}
div.plan span.zoom {
padding:0 0 0 18px;
margin-top:5px;
float:left;
height:20px;
display:table;
	background:url("/files/design/zoom.gif") no-repeat ;
	background-position:top left;
}
div.plan  a span.zoom {
color:#58738D;
}
div.plan  a:hover span.zoom {
color:#EC7405;
}
div.plan img {
border:solid 1px #666;
}

#info {
position:absolute;
top:350px;
left:300px;
background-color:#FF9900;
padding:3px;
font-weight:700;
color:#fff;
z-index:100;}
	
/* ### Extra ###################################################################### */

#extra {
background-color:inherit;
width:180px;
float:right;
height:100%;
margin-top:25px;
}
#extra h4 {
color:#00a8e0;
margin:0 0 25px 0;}
.productlist {
margin-bottom:15px;}
#main-block div#main-content-block div.productlist p {
margin-bottom:0em;
line-height:115%;}


/* ### infodownload ###################################################################### */

#infodownload {
float: left;
width: 200px;
left:120px;
height: auto;
}
#main-content-block .InfoImage {
float:left;
margin-right:10px;
margin-top:5px;}

div.infomaterial {
margin:5px 0 0 0;
position:relative;
}
div.infomaterial p {
	margin:0px 0 0 60px;
	font-style: italic;
}

a.info {
display:inline-table;
margin:0 0 25px 0;}

/* ### Footer ###################################################################### */

#footer {
float:left;
	clear:left;
bottom:10px;
position:absolute;
left:20px;

}

#footer p {
	color:#999;
	background:inherit;
}

#footer p a,
#footer p a:link {
	color:#999;
	text-decoration: none;
	background:inherit;
}

#footer p a:hover {
	color:inherit;
	text-decoration: none;
	background:inherit;
}

/***** KLASSEN *****/
table.zeiten {
width:auto;}
table.zeiten td{
width:60%;
vertical-align:top;}

div.backlink {
padding:0 0 0 30px;
margin:5px 0;
float:left;
height:25px;
display:table;
background:url("/files/design/back.gif") no-repeat ;
background-position:top left;
}
div.backlink  a  {
color:#58738D;
margin-top:5px;
display:block;
}
div.backlink  a:hover {
color:#EC7405;
}

.clear {
height:0;
visibility:hidden;
}
#main-content-block .news {
padding:5px 0;
border-top:1px #71B125 solid;
margin:10px 0;
clear:both;
}
#main-content-block .news img {
border:1px #71B125 solid;
float:left;
margin:10px 0 10px 0;
}
#main-content-block .news p, #main-content-block .news h1, #main-content-block .news h2 {
margin-left:120px;}
#main-content-block .news h1, #main-content-block .news h2 {
	color: #7BB92C;
	margin-bottom:5px;
}
.teaserNav {
border-top:1px #71B125 solid;
margin:10px 0;
}
.float_left {
float:left;}

.right {
float:right;}

.left {
float:left;
}
.article {clear:both;
min-height:120px;
}
.article .bereiche {
	width:200px;
}
#main-content-block div.article img {margin:0px 20px 10px 0;
}
#main-content-block div.article p, #main-content-block div.article h1, #main-content-block div.article h2, #main-content-block div.article h3, #main-content-block div.article ul {margin:0px 0px 0px 120px;
}
#main-content-block div.article .thebody p, #main-content-block div.article .thebody h1, #main-content-block div.article .thebody h2, #main-content-block div.article .thebody h3 {margin:0px 0px 0px 0px;
}
a.mail  {
color:#58738D;
white-space:nowrap;
}
a.mail:hover {
color:#EC7405;
}

a.mehr  {
color:#71B125;}
a:hover.mehr  {
border-bottom:#71B125 1px solid;}

.telefon {
	float:right;
	margin-right:10px;}


/* ### minibasket minilogin ###################################################################### */

.minilogin {
margin:0 20px;
}
.minilogin p {
margin:0 3px;
}
.minibasket {
height:40px;
margin:10px 23px 0 23px;
background:url("/files/design/warenkorb.gif") no-repeat;
background-position:left top;
display:table;
}

.minibasket a, .minibasket a:link {
color: #58738D;
}
.minibasket p {
margin-top:25px;
}

/* ##############################################################  Programm   ########### */

.ik, .we {
font-weight:700;
color:#fff;
background-color:#00a8e0;
padding:0 3px;
}

div.right span.ik, div.right span.we {
font-size:0.65em;
float:left;
width:17px;
text-align:center;
}

div.r33 {
width:42.99%;
}
div.l66 {
width:49.99%;
}

#shopPage-c {
margin:0;
padding:0;}
#shopPage-p {
margin:0;
padding:25px 0 0 0;}
#shopPage-t h2, #shopPage-r h2, #shopPage-fp h2, #shopPage-a h1, #shopPage-u h2, #shopPage-a h2, #shopPage-o h2 {
margin:35px 0 0 0;
padding:0;}

#page-category {
margin:0 15px 0 3px;}
div.product {
clear:both;
margin:0.3em 0;
display:table;
}
div.proddetails {
clear:both;
border-top:solid #75B727 0px;
margin:5px 0;
display:table;
}
#main-block div.product p {
margin:0;
}

div.product input[type="submit"], div.product input.submit 
{
color: #75B727;
font-size: inherit;
border-width: 0px;
border-style: solid;
border-left-style: solid;
border-color: #fff;
background-color: #fff;
width: auto;
margin-left:-3px;
}

div.product input[type="submit"]:focus, div.product input[type="submit"]:hover,
div.proddetails input[type="submit"]:focus, div.proddetails input[type="submit"]:hover
{
color: #000;
font-size: inherit;
border-width: 0px;
width: auto;
}

.left.shortDesc {
width:150px;
margin:5px 0 0 0;
}

.right.shortDesc {
width:310px;
margin:5px 0 0 0;
}

#main-content-block .shortDesc h1 {
margin-top:0px;
}

.shortDesc h3 a
{
color:#75B727;
}
.shortDesc h3 a:hover
{
color:#EC7405;
text-decoration:underline;
}

div.product {
width:100%;
}
div.product h3 {

}

div.product p
{
float:right;
margin-left:3px;
}
#main-block div.proddetails p#p-price {
margin:0 0 0.5em 0;
font-weight:700;}

#main-block div.proddetails p
{
line-height:135%;
margin-bottom:0.5em;}

#main-block div.proddetails p.date
{
line-height:135%;
margin-bottom:0.5em;}
#main-block div.proddetails p.name
{
line-height:135%;
margin:0;
font-weight:700;}

#main-content-block div.proddetails ul {
	margin-bottom:5px;
}
#main-content-block div.proddetails h1, #main-content-block div.proddetails h2 {
	margin:0;
}
#main-content-block div.proddetails li {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom:5px;
}
#page-basket {
margin:35px 0 0 0;
}
/**************************************************** Tabelle Dozenten **/
#main-block #dozenten  {
	margin:0 0 0 0;
}

#dozenten td {
vertical-align:top;
line-height:115%;
margin:0 0 15px 0;
border-bottom:1px #999 solid;
width:10%;
}
/****************************************************  Dozenteninfos **/

#main-content-block .dozent h1 {
margin-top:10px;
margin-bottom:5px;
margin-left:185px;

color:#00a8e0;;
}

#main-content-block .dozent img {
margin-top:10px;
margin-bottom: 20px;
float: left;
}
#main-content-block .dozent p {
margin-left:185px;
margin-right:10px;
}
div.dozent {
float: left;

}