@charset "utf-8";

/************      colors     ***************/
/*
   top_navi_red               #cc0000
   top_navi_border_red        #fe0000
   left_navi_bckgrnd          #696969
   
   link_red                   #ff0000
*/
/************      /colors     ***************/

/************      reset css     ***************/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend/*,
table, caption, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;
	vertical-align: baseline;*/
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table, caption, tbody, tfoot, thead, tr, th, td {
	/*border-collapse: collapse;
	border-spacing: 0;*/
  border: 0;
	outline: 0;
}

/************      /reset css     ***************/

body {
	font-size:62.5%;
	background-color:#a9a9a9;
	font-family:verdana, arial, sans-serif;
	text-align:center;
}

p {
	margin:1.2em 0 1.6em 0;
}

ul.standard-list {
	list-style-image:url(img/list-arrow.png);
	font-style:italic;
	margin:10px 0 15px 20px;
}

ul.standard-list li {
	margin:5px 0 5px 10px;
}

/**********************************************************************/
/*           	             Ebenen - Layout			                   */
/**********************************************************************/

#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	margin-top:20px;
}

#wrapper-bckgrnd {
	width:960px;
	min-height:500px;
	float:left;
	background:#fff url(img/main_bckgrnd.png) repeat-y top left;
}

#wide-content #wrapper-bckgrnd {
	background:#fff url(img/main_bckgrnd_wide.png) repeat-y top left;
}

#wrapper-left, #wrapper-right {
	padding-bottom:50px;
}

#wrapper-left {
	width:790px;
	float:left;
}

#wide-content #wrapper-left {
	width:960px;
}

#wrapper-right {
	width:170px;
	float:right;
}

#wide-content #wrapper-right {
	height:175px;
	overflow:hidden;
	padding-bottom:0;
	background-color:#ececec;
}

.navikontakt {
  float:left;
  width:170px;
}

.igsponsor {
  border:none;
  text-decoration:none;
  float:left;
  margin:30px 0 20px 0;
}

.igsponsor img {
  border:none;
  text-decoration:none;
}

#container,
.header div.randompic {
   width:600px;
   height:175px;
   text-align:right;
}

/************      Head     ***************/

.header {
   height:175px;
   width:790px;
   float:left;
   position:relative;
}

.header div {
   height:175px;
   width:780px;
}

.logoimg {
	position:absolute;
}

.randompic {
	position:absolute;
	left:180px;
}

.header a {
   border:none;
   text-decoration:none;
}

.header p {
   margin:25px 0 0 20px;
}

/************      Navi Top     ***************/

#navigation-top {margin:0; padding:0; font-style:normal;}
#navigation-top li {margin:0; padding:0; font-style:normal;}
#navigation-top ul {margin:0; padding:0; font-style:normal;}

/* common styling */
#navigation-top {
    position:relative; 
    z-index:90; 
    float:left; 
    width:600px;
    background-color:#cc0000;
    padding-top:1px;
    margin-left:10px;
    list-style:none;
}

* html #navigation-top {display:inline;}


#navigation-top li a, #navigation-top li a:visited {
   display:block; 
   text-decoration:none; 
   width:90px;
   height:20px; 
   text-align:left;
   padding-left:10px; 
   color:#fff;  
   background-color:#cc0000; 
   line-height:20px; 
   font-size:10px; 
   overflow:hidden;
   font-weight:bold;
   font-style:normal;
   float:left;
}

* html #navigation-top li a,
* html #navigation-top li a:visited {width:100px}

#navigation-top li {
    float:left; 
    position:relative;
}

#navigation-top li ul {
	display: none;
	margin-top:-1px;
}

/* specific to non IE browsers */
#navigation-top ul li:hover a {
   color:#fff; 
   background:#808080;
}

/*
#navigation-top ul li a {
   color:#fff; 
   background:#808080;
   margin-top:1px;
}
*/

#navigation-top li:hover ul {
   display:block; 
   position:absolute; 
   top:21px; 
   left:0; 
   width:120px;
}

#navigation-top li:hover ul li a.hide {
   background:#696969; 
   color:#fff;
}

#navigation-top li:hover ul li:hover a.hide {
   background:#696969; 
   color:#fff;
}

#navigation-top li:hover ul li ul {
    display:none;
}

#navigation-top li:hover ul li a {
   display:block; 
   background:#696969; 
   color:#fff;
   font-style:normal !important;
   padding-left:10px;
}

#navigation-top li:hover ul li a:hover {
   background:#d3d3d3; 
   color:#fff;
}

#navigation-top li:hover ul li:hover ul {
   display:block; 
   position:absolute; 
   left:150px; 
   top:1px;
   
}

#navigation-top li:hover ul li:hover ul li a {
	background-color:#434343;
}

#navigation-top li:hover ul li:hover ul li a:hover {
	background-color:#d3d3d3;
}

#navigation-top li:hover ul li:hover ul.left {
   left:-150px;
}

#navigation-top .lv1-active a {
	font-style:italic !important;
	/*background-color:#808080 !important; */
} 

#navigation-top li a:hover {
   background-color:#808080; 
}

#navigation-top2 {
   width:140px;
   position:relative;
}

#navigation-top2 li a:link,
#navigation-top2 li a:visited {
	width:140px;
}

#navigation-top3 li {
	width:140px;
}

#navigation-top3 li a {
   margin-left:0;
   padding-left:0;
   background-image:none !important;
}

#navigation-top2 .haschild a:link,
#navigation-top2 .haschild a:visited {
	background-image:url(img/arrow.png);
	background-position:center right;
	background-repeat:no-repeat;
}

/************      Navi top level2     ***************/

#navigation-top-level2 {
	margin:0;
	padding:0;
	margin-left:10px;
	float:left;
	width:595px;
	color:#6f7072;
	padding-left:5px;
	padding-bottom:10px;
	border-bottom:1px solid #cc0000;
}

* html #navigation-top-level2 {display:inline; width:600px}

#navigation-top-level2 li {
	margin:0;
	padding:0;
	float:left;
	margin:10px 5px 0px 5px;
}

* html #navigation-top-level2 li {display:inline;}

#navigation-top-level2 a:link, #navigation-top-level2 a:visited {
	color:#6f7072;
	text-decoration:none;
	margin-right:7px;
	font-style:normal;	
}

#navigation-top-level2 a:hover, #navigation-top-level2 a:active {
	color:#ff0000;
	text-decoration:none;
	font-style:normal;	
}

#navigation-top-level2 .lv2-active a {
	font-style:italic;
	color:#ff0000;
}

#navigation-top-level2 .border {
	border-right:1px solid #6f7072;
}

/************      Navi top level3     ***************/

#navigation-top-level3 {
	margin:10px 0 0 18px;
	padding:0;
	float:left;
	width:595px;
	color:#1a171b;
	padding-bottom:10px;
}

* html #navigation-top-level3 {display:inline; width:600px}

#navigation-top-level3 li {
	margin:0;
	padding:0;
	float:left;
	margin:5px 2px 0px 2px;
}

* html #navigation-top-level3 li {display:inline;}

#navigation-top-level3 a:link, #navigation-top-level3 a:visited {
	color:#1a171b;
	text-decoration:none;
	margin-right:7px;
	font-style:normal;
	font-weight:bold;		
}

#navigation-top-level3 a:hover, #navigation-top-level3 a:active {
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;	
}

#navigation-top-level3 .lv3-active a {
	font-weight:bold;	
	color:#ff0000;
}

#navigation-top-level3 .border {
	border-right:1px solid #1a171b;
}


/************      Navi left     ***************/

#navigation-left {
   width:170px;
   float:left;   
}

#navigation-left li {
   float:left;
}

#navigation-left li a:link, #navigation-left li a:visited {
   display:block;
   width:160px;
   height:16px;
   margin:0;
   padding:4px 0 0 10px;
   color:#1a171b;
   text-decoration:none;
   border-bottom:1px solid #fff;
   font-weight:bold;
   font-style:normal;
}

* html #navigation-left li a:link, 
* html #navigation-left li a:visited {height:20px; width:170px;}

#navigation-left li a:hover, #navigation-left li a:active {
   color:#fff;
   text-decoration:none;
   background-color:#d3d3d3;
}

#navigation-left li.navv-lv1-active a {
   color:#fff;
   text-decoration:none;
   background-color:#d3d3d3;
}

#navigation-left .warenkorb a:link, #navigation-left .warenkorb a:visited {
   color:#fff;
   text-decoration:none;
   background-color:#ff0000;
}

#navigation-left .warenkorb a:hover, #navigation-left .warenkorb a:active {
   color:#fff;
   text-decoration:none;
   background-color:#ff0000;
}


/************      Navi left level 2     ***************/

#navigation-left-level2 {
   width:170px;
   float:left;
}

#navigation-left-level2 li {
   float:left;
}

#navigation-left-level2 li a:link, #navigation-left-level2 li a:visited {
   display:block;
   width:140px;
   height:16px;
   margin:0;
   padding:4px 0 0 30px;
   color:#1a171b;
   text-decoration:none;
   border-bottom:1px solid #fff;
   font-weight:bold;
   font-style:normal;
   background-color:transparent;
   font-size:0.9em;
   
}

* html #navigation-left-level2 li a:link, 
* html #navigation-left-level2 li a:visited {height:20px; width:170px;}

#navigation-left-level2 li a:hover, #navigation-left-level2 li a:active {
   color:#fff;
   text-decoration:none;
   background-color:#d3d3d3;
}

#navigation-left-level2 li.navv-lv2-active a {
   color:#fff;
   text-decoration:none;
   background-color:#d3d3d3;
}


/************      Content     ***************/

#content {
	float:left;
	width:620px;
}

.content-inhalt ul {
  list-style-type:disc;
  margin-left:20px;
}

.content-inhalt ol {
  list-style-type:decimal;
  margin-left:20px;
}

#wide-content #content {
	width:790px;
}

.content-inhalt {
	margin:0 20px;
	padding-top:20px;
	float:left;
	width:580px;
	position:relative;
	font-size:1.2em;
	line-height:1.6em;	
}

#wide-content .content-inhalt {
	width:750px;
}

* html .content-inhalt {display:inline;margin:0 10px; padding:20px 10px 0 10px;}

.pathlist {
	width:100%;
	float:left;
	margin-top:-10px;
	margin-bottom:20px;
	font-size:0.9em;
	color:#696969;
}

#inhalt-rechts {
	float:right;
	width:150px;
	margin-right:10px;
}

* html #inhalt-rechts {display:inline;}

#sponsors {
	float:right;
	width:170px;
}

#wide-content #sponsors {
	height:175px;
	overflow:hidden;
}

#sponsors h3 a:link, 
#sponsors h3 a:visited,
#sponsors h3 a:hover,
#sponsors h3 a:active {
  color:#fff;
  font-style:normal;
}

.randomsponsor a {
	margin-bottom:10px;
	float:left;
}

/************      Footer     ***************/

.kontakt-infos {
	/*position:relative;
	top:-60px;*/
	margin-left:10px;
	font-size:1.0em;
	float:left;
}

* html .kontakt-infos {display:inline;}

.datum-anzeige {
	position:relative;
	top:-20px;
	float:right;
	margin-right:10px;
}

* html .datum-anzeige {display:inline;}

.datum-anzeige span {
   padding:1px;
   float:right;
   font-size:85%;
}

#copy {
  text-align:center;
  width:100%;
  margin:5px 0 20px 0;
  float:left;
  color:#cdcdcd;
}

#copy a:link,  #copy a:visited {
  text-decoration:underline;
  color:#cdcdcd;
}

#copy a:hover,  #copy a:active {
  text-decoration:none;
  color:#cdcdcd;
}

/**********************************************************************/
/*           	             galleries  			                      */
/**********************************************************************/

.imagegallery td {
	padding:0 10px 10px 0;
}


/**********************************************************************/
/*	                 		 google maps			                        */
/**********************************************************************/


#map_canvas {
	width:560px;
	height:400px;
	margin-bottom:20px;
}

#directions {
	width:560px;
}


/**********************************************************************/
/*	                 		  	 		Links					                        */
/**********************************************************************/

a:link, a:visited {
	color:#ff0000;
	font-style:italic;
	text-decoration:none;
}

a:hover, a:active {
	color:#ff0000;
	text-decoration:none;
}

/**********************************************************************/
/*               		  	 		Headlines					                        */
/**********************************************************************/

h1 {
   color:#ff0000;
	font-size:16px;
	margin:0 0 1.2em 0;
	font-weight:bold;
}

h2 {
	color:#ff0000;
	font-size:14px;
	padding:20px 0 14px 0;
}

h3 {
	width:160px;
	color:#fff;  
  	background-color:#cc0000; 
   line-height:20px; 
   font-size:11px;
   padding-left:10px; 
}

* html h3 {width:170px;}

h4 {
	margin:1.2em 0 1.0em 0;
}

/**********************************************************************/
/*               		  		 kurse								  */
/**********************************************************************/

/************      kursuebersicht     ***************/

h2.kurstitle {
	text-transform:uppercase;
}

.kurssubtitle {
	font-weight:bold;
}

.kurstable {
	margin:20px 0;
}

.kurstabledesc {
	font-weight:bold;
	padding:4px 8px 4px 0;
	width:120px;
  vertical-align:top;
}

.kurstabletext {
	padding:4px 0 4px 8px;
  vertical-align:top;
}

/************      kurstermine     ***************/

.kurstermine {
  border-collapse:collapse;
	border-spacing:0;	
  border-top:1px solid #9c9e9f;
	width:100%;
	margin-top:30px;
	margin-bottom:40px;
}

.kurstermine .mainheader th {
	padding-bottom:3px;
	padding-top:5px;
}

.kurstermine .subheader th {
	padding-bottom:10px;
	padding-top:5px;
	font-weight:normal;
	color:#58585a;
}

.kurstermine tr:hover td {
	background-color:#ababab;
	cursor:default;
}

.kurstermine td {
	background-color:#d9dadb;
	color:#58585a;
	border-bottom:2px solid #fff;
	padding:1px 0;
	font-size:0.9em;
}

.kurstermine .even td {
	background-color:#eaeaea;
}

.kurstermine .kursnummer {
	font-weight:bold;
	width:40px;
	padding-left:2px;
}

.kurstermine .kombikursnummer {
	font-weight:bold;
	width:90px;
	padding-left:2px;
}

.kurstermine .datumjahr {
	padding-right:10px;
}

/**********************************************************************/
/*               		  		 shop								  */
/**********************************************************************/

/************      teaser     ***************/

.shoppingcartteaser {
   margin:0;
}

.shoppingcartteaser input {
   width:150px;
}

.shoppingcartteaser table {
   margin:10px 10px 20px 10px;
   font-size:1.1em;
}

#wide-content .shoppingcartteaser table {
   margin:10px;
}

.shoppingcartteaser table td {
   padding-bottom:5px;
}

.shoppingcartteaser .anzahl-artikel {

}

.shoppingcartteaser .gesamtpreis {
   font-weight:bold;
}

/************      artikel     ***************/

.artikel table {
	width:100%;
}

.artikel table td {
	vertical-align:top;
	padding:5px 15px 30px 0;
}

.artikel table h2 {
	margin-top:0;
	padding-top:0;
}

.artikel table h2 a:link,
.artikel table h2 a:visited {
	font-style:normal;
	text-decoration:underline;
}

.artikel table h1 {
	margin-top:0;
	padding-top:0;
	font-size:1.0em;
	color:#000;
}

.artikel .thumb img {
	width:80px;
	margin-top:5px;
}

.artikel .shopcartbutton input {
	margin-bottom:10px;
}

.centeredpic img {
	margin-top:50px;
}

.similar-articles a:link, 
.similar-articles a:visited {
	margin:10px 10px 0 0;
}

/************      warenkorb     ***************/

.shoppingcart .progress,
.shoppingcart table {
   float:left;
}

.shoppingcart .progress table {
   text-align:center;
   border-bottom:1px solid #cdcdcd;
   border-top:1px solid #cdcdcd;
}

.shoppingcart .progress table td {
   padding:5px;
}

.shoppingcart .progress table .active {
   background-color:#dedede;
}

.einkaufswagen-artikel {
   margin:20px 0;
   border-spacing:0;
   border-collapse:collapse;
}

.einkaufswagen-artikel form div {
   float:right;
}

.einkaufswagen-artikel td {
   padding:10px;
}

.einkaufswagen-artikel .even td {
  border-top:1px solid #ddd;
}

.einkaufswagen-artikel h2 {
   float:left;
   padding-top:1px;
   padding-bottom:4px;
}

.einkaufswagen-artikel .artikelnummer {
   font-size:0.9em;
   color:#58585a;
}

.einkaufswagen-artikel .artikelnummer,
.einkaufswagen-artikel .artikelbeschreibung {
   float:left;
   width:100%;
}

.einkaufswagen-nextstep a:link, .einkaufswagen-nextstep a:visited {
   font-style:normal;
   text-decoration:underline;
}

.einkaufswagen-artikel .artikel-bild img {
  width:75px;
}

.einkaufswagen-artikel .artikel-groesse {
  float:left; 
  width:100%; 
  margin:2px 0 10px 0;
  text-align:right;
}

/************      adressform     ***************/

.ADForm {
   margin-top:20px;
}

.ADForm .error {
   border:2px solid #ff0000;
   padding:10px;
   float:left;
}

.ADForm .errortext {
   float:left;
   font-weight:bold;
}

.ADForm .allerrors {
   float:left;
   margin:5px 0 0 0;
}

.ADForm label {
   width:100%;
   display:block;
   margin-top:20px;
}

.ADForm label.required {
   font-weight:bold;
}

.ADFormName {
   width:150px;
}

.ADFormStr, 
.ADFormTel,
.ADFormMail,
.ADFormTextarea {
   width:387px;
}

.ADFormCity {
   width:263px;
}

.ADFormZIP,
.ADFormCity,
.ADFormName {
   margin-left:10px;
}

.ADFormCheckbox, .iscustomer,
.ADFormSubmit {
   margin-top:25px;
}

.ADFormSubmit {
   float:right;
}

.showshoppingcartoverview {
   margin-top:20px;
   border-top:1px solid #cdcdcd;
}

.showshoppingcartoverview th {
   padding:10px 5px;
   text-align:center;
}

.showshoppingcartoverview .makeleft {
   text-align:left;
}

.showshoppingcartoverview .makeright {
   text-align:right;
}

.bzahlarten {
   width:100%;
}

.bzahlimage,
.bzahlkosten,
.bzahlbezeichnung,
.bzahlradio {
   padding:5px;
}

.bzahlbezeichnung,
.bzahlkosten,
.bzahlradio {
   vertical-align:middle;
}


/************      bezahlung     ***************/

.bezahlungSubmit {
   margin-top:20px;
}

.addressoverview {
   margin:10px 0 30px 0;
   border-top:1px solid #cdcdcd;
}

.addressoverview th {
   padding:10px 5px;
   text-align:left;
}

.addressoverview td {
   padding:5px;
}

/**********************************************************************/
/*               		  		 misc								  */
/**********************************************************************/

/************      FAQ     ***************/

.faq dt {
	font-weight:bold;
}

/************      formulare     ***************/

.formular input, .formular textarea, 
.formular select {
	margin:10px;
}

.formular .feldbezeichnung {
	width:150px;
	padding-right:10px;
	vertical-align:middle;
}

.formular .sendebuttons {
	padding-top:10px;
}

.formular .sendebuttons input {
	margin:10px 10px 10px 0;
}

.formular .col1 {
	width:220px;
}

.formular .col2,
.formular .col3 {
	width:190px;
}

.formular .newhead {
	font-weight:bold;
	padding:10px 0;
}


/************      newsletter     ***************/

#modulnewsletter table {
	margin-bottom:20px;
}

#modulnewsletter th {
	border-bottom:1px solid #cdcdcd;
}

#modulnewsletter th,
#modulnewsletter td {
	padding:5px 10px;
}

.formerror {
	border:2px solid #ff0000;
}

.newerror {
	color:#ff0000;
}