﻿@charset "utf-8";

/*Referenzbereich auf Kontaktseite*/
#boxwhite table { border-collapse:collapse;}
#boxwhite tr{border:#bfbfbf 1px solid; border border-collapse:collapse;}
#boxwhite td {padding:10px !important; vertical-align:middle !important; border:#bfbfbf 1px solid; border-collapse:collapse;}



/*Globale Definitionen*/
*{padding:0px; margin:0px}
/*csshover3 dient dazu, dass die Hover-Effekte auch im Internet-Explorer funktionieren*/
body {font-family:Arial, Helvetica, sans-serif; background-color:#bfbfbf; color:#111; behavior: url("csshover3.htc"); }

a {color:#1a77a7;}
a:link { text-decoration:underline;}
a:visited { text-decoration:underline;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
a:focus { text-decoration:none;}

#back {position:absolute; height: 260px; margin:0 auto; width:100%; padding:0; z-index:0; text-align:left;}
.back1 {float:left; background-image:url(images/menu1.png); background-repeat:repeat-x; width:50%; height: 260px; margin-left:-1px;}
.back2 {float:left; background-image:url(images/menu3.png); background-repeat:repeat-x; width:50%; height: 260px;}

table, p, ul, li, h1, h2, h3, td {line-height:1.5em; margin-top:0px; margin-bottom:0px; text-align:left;}	
p, li {font-size:13px; padding-top:5px; padding-bottom:5px;}
p.small {font-size:11px;}
ul {list-style-position:outside; margin-left:15px;}
span.zitat {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; font-weight:normal; font-style:oblique}
span.blue {color:#1a77a7;}
p.firma {color:#1a77a7; font-size:16px; line-height:25px; text-align:center; padding-top:0px; font-weight:bold;}
h1 {font-size:18px; padding-top:15px; padding-bottom:6px; color:#1a77a7;}
h2 {font-size:16px; padding-top:15px; padding-bottom:5px; color:#1a77a7;}
h3 {font-size:13px; padding-top:11px; padding-bottom:3px; color:#555; line-height:20px;}
h4 {font-size:13px; padding-bottom:5px; color:#555;}
td {font-size:12px; padding-top:7px; padding-bottom:7px; vertical-align:top;}
td.b {padding-left:7px;}
span {font-size:14px; color:#1a77a7; font-weight:bold;}
img.right {float:right; padding: 3px 8px 8px 8px; border:solid 1px #bdbdbd; background-color:#CCC; margin:20px 5px 5px 15px}
img.rightoB {float:right; margin:0px 5px 5px 15px;}
img.left {float:left; padding: 8px 8px 8px 8px; border:solid 1px #bdbdbd; background-color:#CCC; margin:20px 15px 5px 0px}

table {border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}

#front {text-align:left;}
#main {position:relative; margin:0 auto; top:0px; z-index:1; width:960px; text-align:center;}

/* Menue */
#top { width:960px; height: 260px; text-align:left;}
#top #Nav { width:960px; height:260px; margin:0; padding:0; padding-left:72px; background:url(images/menu2.png) 0 0 no-repeat;}
#top #Nav li { display:inline;}
#top #Nav li a { float:left; outline:none; width:135px; height:0px; padding-top:260px; padding-left:0px; overflow:hidden; }
#top #Nav li a { background-image: url(images/menu2.png); background-repeat: no-repeat; }
/* a */
#top #Nav li#nav00 a { background-position: -72px 0; }
#top #Nav li#nav01 a { background-position: -207px 0; }
#top #Nav li#nav02 a { background-position: -342px 0; }
#top #Nav li#nav03 a { background-position: -477px 0; }
#top #Nav li#nav04 a { background-position: -612px 0; }
/* a:hover */
#top #Nav li#nav00 a:hover { background-position: -72px -260px; }
#top #Nav li#nav01 a:hover { background-position: -207px -260px; }
#top #Nav li#nav02 a:hover { background-position: -342px -260px; }
#top #Nav li#nav03 a:hover { background-position: -477px -260px; }
#top #Nav li#nav04 a:hover { background-position: -612px -260px; }
/* a:active */
#top #Nav li#nav00 a:active { background-position: -72px -260px; }
#top #Nav li#nav01 a:active { background-position: -207px -260px; }
#top #Nav li#nav02 a:active { background-position: -342px -260px; }
#top #Nav li#nav03 a:active { background-position: -477px -260px; }
#top #Nav li#nav04 a:active { background-position: -612px -260px; }
/* a.current */
body#startseite #Nav li#nav00 a { background-position: -72px -260px; }
body#weblog #Nav li#nav01 a { background-position: 	-207px -260px; }
body#kurse #Nav li#nav02 a { background-position: -342px -260px; }
body#produkte #Nav li#nav03 a{ background-position: -477px -260px; }
body#kontakt #Nav li#nav04 a{ background-position: -612px -260px; }

/*----Schaltflchen------*/
/*Bestellen*/
#bestellen { width:140px; height:64px; margin:25px 0px 0px -3px;  padding:0; background:url(images/btn_bestellen.png) 0 0 no-repeat;}
#bestellen li { display:inline;}
#bestellen li a { float:left; outline:none; width:140px; height:0px; padding-top:65px; padding-left:0px; overflow:hidden; }
#bestellen li a { background-image: url(images/btn_bestellen.png); background-repeat: no-repeat; background-position: 0px 0px;}
#bestellen li a:hover { background-position: 0px -65px; }
/*Absenden*/
#absenden { width:140px; height:64px; margin:7px 0px 0px -3px; padding:0; background:url(images/btn_absenden.png) 0 0 no-repeat;}
#absenden li { display:inline;}
#absenden li a { float:left; outline:none; width:140px; height:0px; padding-top:65px; padding-left:0px; overflow:hidden; }
#absenden li a { background-image: url(images/btn_absenden.png); background-repeat: no-repeat; background-position: 0px 0px;}
#absenden li a:hover { background-position: 0px -65px; }
/*Sparen*/
#sparen { width:140px; height:64px; margin:7px 0px 0px -3px;  padding:0; background:url(images/btn_sparen.png) 0 0 no-repeat;}
#sparen li { display:inline;}
#sparen li a { float:left; outline:none; width:140px; height:0px; padding-top:65px; padding-left:0px; overflow:hidden; }
#sparen li a{ background-image: url(images/btn_sparen.png); background-repeat: no-repeat; background-position: 0px 0px;}
#sparen li a:hover { background-position: 0px -65px; }
/*Buchen*/
#buchen { width:140px; height:64px; margin:7px 0px 0px -3px;  padding:0; background:url(images/btn_buchen.png) 0 0 no-repeat;}
#buchen li { display:inline;}
#buchen li a { float:left; outline:none; width:140px; height:0px; padding-top:65px; padding-left:0px; overflow:hidden; }
#buchen li a{ background-image: url(images/btn_buchen.png); background-repeat: no-repeat; background-position: 0px 0px;}
#buchen li a:hover { background-position: 0px -65px; }

/* Inhaltsbereich */
#content {width:960px;}
#content_left {float:left; width:580px; margin: 0px 0px 30px 30px;}
#content_right {float:left; width:311px; margin: 0px 0px 30px 30px;}
#content_full {float:left; width:921px; margin: 0px 0px 30px 30px;}
#content_shop {float:left; width:960px; margin: 20px 0px 30px -15px;} /*Video-Trainings*/
#box {background-color:#c8c8c8; padding: 5px 20px 20px 20px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #bcbcbc;}
#boxwhite {background-color:#ffffff; padding: 5px 20px 20px 20px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #bcbcbc;}

#footerback {position:relative; margin:0px; height: 80px; width:100%; text-align:left; z-index:0; }
.footerback1 {float:left; background-image:url(images/footer1.png); background-repeat:repeat-x; width:100%; height: 80px;}
#footerback p {text-align:center; margin-top:10px; color:#fff;}
#footerback a {color:#FFF}

/*Wordpress*/
div.post li{margin-left:20px;}
#postlist dt {float: left; clear: left; width: 190px; text-align: left; font-weight: bold; margin-top:5px; border:none;} 
#postlist dt:after { content: ""; } 
#postlist dd {margin: 0 0 0 60px; padding: 0 0 0.5em 0; min-height:80px;}
a.grey {color:#bfbfbf;}
a.grey :hover{color:#AAA;}
p.info {font-style:oblique; margin-top:0px; margin-bottom:5px; color:#888;}
a.wp {text-decoration:none; padding:10px 10px 10px 0px;}
a.wp:hover {color:#555;}
#sidebar {margin:0px;}
#sidebar ul {margin-left:0px}
#sidebar li {margin-left:0px; list-style-type:none;}
#searchsubmit, #s {padding: 8px;}
h2.comments {margin-left:-5px; margin-top:10px;}
h1.slogan {font-size:16px; color: #555;}
h2.prob {font-size: 13px; font-weight:normal; color:#111;}
#commentlist {list-style-type:none; margin:0; padding:0}
#commentlist dl {} 
#commentlist dt {float: left; clear: left; width: 50px; text-align: left; font-weight: bold;} 
#commentlist dt:after { content: ""; } 
#commentlist dd {margin: 0 0 0 60px; padding: 0 0 0.5em 0; min-height:80px;}
/*Tabellen in Blog-Artikeln*/
#wp td {font-size:12px; padding-top:3px; padding-bottom:3px; vertical-align:top;}
#wpinf td {width:220px; padding-left:0px; padding-right:20px;}
/*WP Bilder*/
img.size-full wp-image-17 alignleft {}


hr {margin-top:20px; margin-bottom:10px; background-color: #bdbdbd; /* Farbe für Opera und Firefox */ color: #bdbdbd; /* Farbe für Internet Explorer (IE) */ border: 0; height: 1px; }
div.wp-caption  {margin-top:20px; border:solid 1px #bdbdbd; margin:0px; padding:5px; margin-top:8px; margin-bottom:8px;}
p.wp-caption-text {margin: 3px 0px 3px 5px; font-style:oblique;}

/* Literatur */
#lit_left {float:left; width:444px; margin: 0px 0px 30px 30px;}
#galbox {height: 570px; background-color:#ccc; margin-top: 20px; margin-bottom: 20px; border: 1px solid #bcbcbc;}
#galbox ul {margin-left:0px;}
#galbox li{padding:30px 30px 20px 30px; list-style-type:none; text-align:center}
#galbox li:hover{padding:30px 30px 20px 30px; background-color:#777; cursor:pointer;}
#galbox h1 {text-align:center; color:#333;}
#galbox a {text-decoration:none; color:#bfbfbf; padding:0px;}

/*Capt und Dipl */
#content_bread {float:left; width:921px; margin: 0px 0px -20px 30px;}
#box_bread {background-color:#c8c8c8; padding: 5px 20px 5px 20px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #bcbcbc;}
p.bread {font-size:9pt}
#coverbox {background-color:#c8c8c8; padding: 5px 20px 20px 20px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #bcbcbc;}
#coverbox p, img {margin-top:10px;}
a.cover {color:#bfbfbf;}

/*Shop*/
p.shop {margin-left: 15px;}

/*Schulungen*/
ul.leistungen {list-style-image: url(images/ok.png); margin-left:25px;}
#leistungen li {padding-top:10px;}

/*Kontakt-Formular und Buchungsformular*/
#name, #email, #anliegen, #comments, #author, #url, #comment, #spam, #firma, #nname, #vname, #abteil, #strasse, #land, #tel, #fax, #r_firma, #r_nname, #r_vname, #r_abteil, #r_strasse, #r_land, #r_tel, #r_fax, #r_email, #termin1, #termin2 { width:320px; padding: 8px; }

#ort, #r_ort {width:237px; padding: 8px;}
#plz, #r_plz { width:60px; padding: 8px;}

.teilnehmeranzahl  { width:120px; padding: 2px;}
.termin { width:200px; padding: 2px;}

#agbs {width:80px; height:80px; margin-left:40px;}


#submit, #rechnung { padding: 8px; }
label{}
p.blue{ color:#1a77a7; margin-top: 20px; font-weight:bold;}
span.red{ color:#E8514A; font-weight:bold; }
#kontakt table {border:none}
#kontakt td {vertical-align:middle; padding: 4px 8px 4px 0px;;}
#commentform p {padding-top:10px;}
#commentform h1 {padding-bottom:0px;}