/* HTML ELEMENTS */


* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 15px;
	color: #505050;
	margin-top: 20px;
	margin-bottom: 20px;
}

ul {
	list-style-type: none;
}

h1 {
  color: #FFC500;
  text-transform: uppercase;
  font-size: 1.1em;
}

h2 {
   color: #505050;
   font-size: 1em;
}

h3 {
   color: #505050;
   font-size: 1em;
   margin-top: 10px;
   font-weight: normal;
   font-style: italic;
}

img {
   border: none;
}

a {
   text-decoration: none;
   color: #FFC500;
}

.a1, .a2, .a3 {
   background-image: url(../img/link_pfeil.gif);
   background-repeat: no-repeat;
   background-position: 0px 4px;
   padding-left: 14px;
}

.a1 {
   font-weight: bold;
   color: #FFC500;
}

.a2 {
   font-weight: bold;
   color: #505050;
}

.a3 {
   font-weight: bold;
   color: #999;
}

a:hover {
   color: #FFC500;
}

.a1:hover {
   color: #505050;
}

/* LAYOUT */
#site {
	width: 920px;
	margin: 0 auto;
   	padding-bottom: 20px;
	text-align: left;
	background: #F1F1F1;
	border: 1px solid #D9D9D9;
}	

/* ------------------ Header ----------------- */

#header {
   height: 88px;
   margin: 20px;
   margin-bottom: 0;
}

#header .nav_logo {
   float: left;
}

/* ------------------ Teaser rechts ----------------- */

#left {
	float: left;
	width: 230px;
	background: inherit;
}

#home, #news, #quicklinks, #homebox, #basket {
   background: #FFF;
   color: #999;
   margin-left: 20px;
   margin-top: 20px;
   padding-bottom: 20px;
   width: 208px;
   border: 1px solid #D9D9D9;
}

#left h1 {
   padding: 20px 20px 0px 20px;
}

#left h2, #left p {
   padding: 10px 10px 0px 20px;
}

/* ------------------ Content ----------------- */

#right {
	float: left;
	width: 550px;
   margin-top: 31px;
   margin-left: 108px;
   padding-left: 11px;
}

#right_home {
	float: left;
	width: 550px;
   margin-top: 21px;
   margin-left: 98px;
   padding-left: 11px;
}

#right p, #right h1, #right table,
#right_home p, #right_home h1, #right_home table {
   margin-top: 10px;
   margin-bottom: 10px;
}

/* Home */

#homebox {
   width: auto;
   height: 100%;
   margin: 0;
   padding: 20px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 20px;
}

.portrait {
   display: block;
   float: left;
}

.AzizPlaybackButtonsTable {
	border-collapse: collapse;
	width: 100%;
}

.AzizPlaybackButtonsTable td {
	vertical-align: top;
	padding-top: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.AzizPlaybackButtonsTableButton {
	width: 20px;
}

table.cd_table {
	/*width: 168px;*/
	padding-left: 20px;
}

table.cd_table td {
	vertical-align: top;
}

td.cd_description {
	padding-left: 5px;
	width: 90px;
}

.cd_links {
	margin-top: 4px;
}

.cd_img {
	padding-top: 3px;
}

.praxis_photos img {
	margin-right: 10px;
	margin-bottom: 10px;
}


/* Kurs-Tabelle */

.table_div {
   border-top: 1px solid #D9D9D9;
}

.kurs_table {
   padding: 0;
   margin: 0;
   width: 550px;
}

.td_header {
   vertical-align: top;
   width: 100px;
}

.td_content {
   width: 449px;
}

/* Input-Felder */

input, select, textarea, button {
   border: 1px solid #D9D9D9;
   background: #FFF;
   color: #505050;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}

.input_txt {
   height: 15px;
   font-size: 11px;
   padding-top: 1px;
   padding-left: 2px;
}

.input_button {
   height: 20px;
   width: 140px;
   font-weight: bold;
   font-size: 11px;
   padding: 0;
   background: #FFF;
   margin-right: 10px;
}

.input_button:hover {
   cursor: pointer;
   padding: 0;
   background: #EEE;
}

.button_gelb {
   border: 1px solid #FFC500;
   text-transform: uppercase;
}

.input_textarea {
   font-size: 11px;
}

.bestellen_button {
	text-align: right;
}

/* Gaestebuch */

.td_content_gb {
   vertical-align: top;
   width: 550px;
   padding-bottom: 10px;
}

/* Kontakt */

#address {

}

#map {
	margin-top: 30px;
	border: 1px solid #D9D9D9;
	width: 530px;
	height: 300px;
}

/* Logos */

.logos {
	padding-top: 20px;
	padding-bottom: 35px;
	padding-left: 50px;
}

/* ------------------ Copyright ----------------- */

#copyright {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	color: #999;
}


/* ------------------ Footer ----------------- */

#bottom {
   margin: 20px;
   background: inherit;	
   text-align: right;
}

.clear {
	clear: both;
}


/* ------------------- Diverse Klassen ------------------*/

.bold {
   font-weight: bold;
}

.right {
	float: right;
}

.img_border {
	border: 1px solid #DDD;
}

input.wrong {
	border: 1px solid #f93737;
}