/* @override http://localhost:8888/wa-akademie.com/css/style-content.css */

/* @override http://localhost:8888/wa-akademie.com/css/style-content.css */

/* content, nach homepage
Version: 0.9
date: 11.02.10
Website: wa-akademie.com
Author: Christian Wetzel
Fehler:
Anwendbar: Internet Explorer, Safari, Firefox
*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

#veraltet {
	background-color: #b55973;
	color: #fff;
	font-size: 1em;
}

#veraltet p {
	color: #fff;
}

#veraltet a:link {
	color: #white;
	text-decoration: underline;
}

#veraltet a:visited {
	color: white;
}

body {
	font: 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

/* background effect*/

.background {
/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -11;
}
		
@media screen and (max-width: 1024px){
img.background {
	left: 50%;
	margin-left: -512px; }
}
		
/* ende background effect*/

.side-bg-mid li a span {
	color: #a8cdd6;
	border-bottom-width: 1px;
	font-size: 1.2em;
	text-shadow: #75a8a9 0 0 0px;
}


.footer-bg-up {
	height: 50px;
	background: url(../img/bg/Bilder/footer-bg-up.png) no-repeat;
	width: 450px;
}

.footer-bg-mid {
	background-image: url(../img/bg/Bilder/footer-bg-mid.png);
}

.footer-bg-dow {
	height: 50px;background: url(../img/bg/Bilder/footer-bg-dow.png) no-repeat;
}

#content {
	position: relative;
	padding-left: 35px;
	padding-right: 20px;
	line-height: 1.5;
	
}

.home {
	position: absolute;
	margin-left: 36px;
	margin-top: 40px;
	color: #999;
}

.home a:link {
	color: #999;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	clear: both;
}

.home a:visited {
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content p {
	padding-left: 10px;
	padding-right: 30px;
	color: #464a4d;
}

.menu img {
	position: relative;
	margin-left: 400px;
	margin-right: 65px;
	border: 1px solid white;
}

.menu p {
	width: 200px;
	float: left;
}

#content a:link {
	color: #bc7385;
}

#content img a:hover {
	border: none;
	text-decoration: none;
}

#content a:active, a:hover {
	color: #464a4d;

	border-bottom-style: none;
}

#content a:visited {
	font-style: italic;
}

#footer {
	width: 445px;
	font-size: 0.8em;
	float: left;
	margin-left: 0px;
}

#footer p {
	color: #464a4d;
	text-align: center;
}

#footer a:link, a:visited {
	color: #464a4d;
}

#footerwho a:link, a:visited {
	color: #464a4d;
}

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

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

#footerwho {
	font-size: 0.8em;
	width: 250px;
	float: right;
}

#footerwho p {
	color: #464a4d;
	text-align: center;
}

.footerwho-bg-up {
	height: 50px;
	background: url(../img/bg/Bilder/footerwho-bg-up.png) no-repeat;
}

.footerwho-bg-mid {
	background: url(../img/bg/Bilder/footerwho-bg-mid.png) repeat-y;
}

.footerwho-bg-dow {
	height: 50px;
	background: url(../img/bg/Bilder/footerwho-bg-dow.png) repeat;
}


#inhalt a:link {
	color: #bb5548;
	text-decoration: none;
}

#inhalt a:hover, a:active {
	text-decoration: underline;
	color: #4d4398;
}

#wrapper {
	width: 700px;
	margin-left: 125px;
}

#leftnavi {
	left: 5px;
	top: 40px;
	position: absolute;
	text-align: center;
}

#leftnavi p{
	padding-top: 40px;
	font-size: 1em;
	line-height: 1.4em;
}

#leftnavi a:link, a:visited {
	color: #fff;

	text-shadow: #585c5f 0 0 2px;
	text-decoration: none;
}

#leftnavi a:hover, a:active {
	text-decoration: none;
	text-shadow: #000000 0px 0px 0;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#header a img {
	border-bottom-style: none;
}

#header a:hover {
	border-bottom-style: none;
}

#sidebar div.side-bg-mid p {
	color: #a3cfd9;
	text-align: left;
	padding-left: 1px;
	font-size: 1em;
	width: 150px;
	margin: 0 auto;
}

#sidebar div.side-bg-mid p a {

}

#content div.bild a {
	color: #513f9d;
}

.kreis-1, .kreis-2, .kreis-3, .kreis-4, .kreis-5, .kreis-6 {
	width: 120px;
	height: 120px;
	padding-bottom: 5px;
	background: url(../img/kreise/kreis-klein.png) no-repeat;
}

.kreis-auswahl {
	width: 120px;
	height: 120px;
	padding-bottom: 5px;
	background: url(../img/kreise/kreis-auswahl.png) no-repeat;
}
/*
.kreis-1 {
	background: url(../img/kreise/kreis-1.png) no-repeat;
}

.kreis-2 {
	background: url(../img/kreise/kreis-2.png) no-repeat;
}

.kreis-3 {
	background: url(../img/kreise/kreis-3.png) no-repeat;
}

.kreis-4 {
	background: url(../img/kreise/kreis-4.png) no-repeat;
}

.kreis-5 {
	background: url(../img/kreise/kreis-5.png) no-repeat;
}

.kreis-6 {
	background: url(../img/kreise/kreis-6.png) no-repeat;
}

*/

#sidebar {
	left: 830px;
	position: absolute;
	width: 250px;
}

#sidebar a:link {
	color: #fff;
	text-decoration: none;
}

#sidebar a:visited {

}

#sidebar a:active, a:hover {
	border-bottom: 1px solid #fff;
}

.side-bg-up {
	height: 60px;
	background: url(../img/bg/side-bg-up.png) no-repeat;
	padding-left: 15px;
}

.side-bg-mid {
	background: url(../img/bg/side-bg-mid.png) repeat-y;
	padding-left: 15px;
}

#sidebar div.side-bg-mid ul li {
	list-style-type: none;
	padding-top: 10px;
	padding-left: 10px;
}

.side-bg-dow {
	height: 60px;
	background: url(../img/bg/side-bg-dow.png) no-repeat;
	padding-left: 15px;
}

#inhalt {
	padding-left: 20px;
	padding-right: 20px;
	width: 820px;
	margin: 0 auto;
	padding-top: 2%;
}

.boxlittle {
	width: 410px;
	float: left;
	
}

.boxlittle ul li {
	font-style: normal;
	list-style-type: none;
	padding-left: 20px;
}

.rechts {
	padding-left: 60px;
}

.mitte {
	padding-top: 40px;
	float: left;
	width: 820px;
	margin: 0 auto;
	text-align: center;
}

.bg-up{
	background: url(../img/bg/Bilder/conent-bg-up.png) no-repeat;
	height: 80px;
}

.bg-mid {
	background-image: url(../img/bg/Bilder/conent-bg-mid.png);
}

.bg-dow {
	height: 80px;
	background-image: url(../img/bg/Bilder/conent-bg-dow.png);
}

/* img#background-img.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
*/

#header{
	margin-left: 0px;
	width: 990px;
	font-size: 2em;
	color: #88000f;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 40px;
}

#header img {
	padding-left: 20px;
}

#header p {
	margin-top: 20px;
}

.halter {
	height: 40px;
}

.halterwareise {
	margin-left: 30px;
	height: 55px;
	margin-bottom: 20px;
	width: 550px;
	border-bottom: 1px dotted #464a4d;
}

h1 {
	color: #927479;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font: normal normal 1.3em Georgia, "Times New Roman", Times, serif;
}

h2 {
	color: #7e556f;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
		border-bottom-style: solid;
	border-bottom-width: 1px;
	font: normal normal 1.6em Georgia, "Times New Roman", Times, serif;
}

h3 {
	color: #a3cfd9;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	padding-top: 17px;
	text-shadow: #75a8a9 0 0 0px;
}

h4 {
	color: #65454e;
	font: normal normal 1.2em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
}

h5 {
	color: #999;
	font: normal 1em Georgia, "Times New Roman", Times, serif;
}

#content ul li {
	list-style-type: none;
	padding-left: 30px;
	font-style: italic;
	
}

#menu3 li ul {
	width: 400px;	
	display: block;
}

#content p span {
	font-style: italic;
}

#content div.bild {
	width: 246px;
	margin: 0 auto;
}

#content ul {
	padding-bottom: 0px;
}

/* Preisangabe */
.preise {
  width: 500px;
  list-style: none;
  margin: 0 0 2em;
  padding: 0 20px;
  font: 110%/100% Arial, Helvetica, sans-serif;
}
.preise li {
  clear: both;
  margin: 0;
  padding: 0 0 2em 0;
  position: relative;
  border-bottom: dotted 2px #999;
}
.preise strong {

  padding: 0 10px 0 0;
  font-weight: normal;
  position: absolute;
  bottom: .3em;
  left: 0;
}
.preise em {

  padding: 0 0 0 5px;
  font: 110%/100% Georgia, "Times New Roman", Times, serif;
  position: absolute;
  bottom: .2em;
  right: 0;
}

#content ul.info li em {
  padding: 0 0 0px 5px;
  position: absolute;
  right: 0;
  width: 300px;
	font-weight: normal;
	font-style: normal;
}

#menu3 li a {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;

}

#content ul.aufzahlung li {
	font-weight: normal;
	font-style: normal;
	color: #464a4d;
	list-style-type: circle;
	margin-left: 25px;
	padding: 0px;
}

#content ul.beispiel li {
	font-style: italic;
	color: #464a4d;
	list-style-type: circle;
	margin-left: 25px;
	padding: 0px;
}

#content ul.beispiel {
	padding-bottom: 10px;
	padding-top: 10px;
}

#menu3 li span {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: bold;
	color: #464a4d;
	
}

#content ul.info {
  width: 500px;
  list-style: none;
  margin-left: 10px;
  margin-bottom: 40px;
  padding: 0;
	color: #464a4d;
}
#content ul.info li {
  clear: both;
  margin: 0;
  padding: 0 0 20px 0;
  position: relative;

}
#content ul.info strong {
  padding: 10px 0 0;
  left: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
}

.preise sup {
  font-size: 60%;
  color: #666;
  margin-left: 3px;
}

.galerie {
	width: 520px;
	margin: 0 auto;
}

.galerie a:hover {
	border-bottom-style: none;
}

.galerie img {
	margin: 5px;
	border: 1px solid #fff;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.galerie a:hover img{
	border: 1px solid #fffeff;
	text-shadow: #000000 0 0 0;
	opacity: 1;
	filter:alpha(opacity=100);
}
/* clearfix */
.preise li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.preise li {display: inline-block;}
/* Hides from IE-mac \*/
* html .menu li {height: 1%;}
.preise li {display: block;}
/* End hide from IE-mac */

/* adresse */
.adresse {
  width: 500px;
  list-style: none;
  margin: 0 0 2em;
  padding: 0 20px;
  font: 110%/100% Arial, Helvetica, sans-serif;
}
.adresse li {
  clear: both;
  margin: 0;
  padding: 0 0 2em 0;
  position: relative;
  border-bottom: solid 1px #999;
}
.adresse strong {

  padding: 0 10px 0 0;
  font-weight: normal;
  position: absolute;
  bottom: .3em;
  left: 0;
}
.adresse em {

  padding: 0 0 0 5px;

  position: absolute;
  bottom: .2em;
  right: 0;
	font-weight: normal;
	font-style: normal;
}
.adresse sup {
  font-size: 60%;
  color: #666;
  margin-left: 3px;
}
/* clearfix */
.adresse li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.adresse li {display: inline-block;}
/* Hides from IE-mac \*/
* html .menu li {height: 1%;}
.adresse li {display: block;}
/* End hide from IE-mac */

#menu3 li ul li {
	font-weight: normal;
	font-style: normal;
	margin-left: 25px;
	padding-left: 10px;
	list-style-type: circle;
}

#menu3 a.menuimg img {
	display: block;
	float: right;
	margin-right: 65px;
	border: 1px solid white;
	position: absolute;
	right: 0;
}

#menu3 li ul span a img {
	margin-right: 10px;
	position: static;
	border: 1px solid #fff;
}

#menu3 li ul span a img {
	margin-bottom: 10px;
	margin-top: 10px;
}

#content div.hakenimg  {
	width: 300px;
	padding-top: 40px;
	margin: 0 auto;
}

/* jotform */

.tbmain{ 
 /* Changes on the form */
 background: none !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Arial !important;
  font-size: 12px !important;
}
.head{
	padding-top: 10px;
	padding-bottom: 10px;
  color:#333333;
  font-size:20px;;
  font-family:"Arial";
}

#main div.pagebreak table tbody tr td.right {
	padding: 10px;
}


td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
    background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}

#content img.vitaimg {
	float: right;
	padding: 20px;
}