@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 {
font-size:14px;
}

body {
	background:#fff;
	color: #000;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
line-height:135%;
}


/***** HEADER *****/
#header {
width:960px;
background:none;
}
div.rootNav {
display:none;
	}

.nav-main {
display:none;
}
#column {
margin:0;
width:100%;
}
/***** CONTENT *****/
#main-content {
width:100%;
	background:url() left repeat-y ;
}
#rs4 #main-content {
	background:url() left repeat-y ;
}

#main-content-block h1 {
color: #000;
}
#main {
padding:0 35px;
width:90%;
background:url()  no-repeat ;
}
#rs4 #main {
background:url();
padding:0 0 0 0;
}
#rs4 #main-content-block {
background:url() #fff;
}


	
/* ### 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 {
display:none;
}


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

#footer {
float:left;
	clear:both;
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;
}
#main-content-block  h3 {
margin: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;

}