body {
background-color: #E1BE82;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#CD5D23;
padding:0px;
margin:10px 10px;
}

a {text-decoration: none; color: #8A0E44; font-weight:bold;}
a:link {text-decoration: none; color: #8A0E44; font-weight:bold;}
a:hover {text-decoration: none; color: #336699; font-weight:bold;}
a:active {text-decoration: none; color: #8A0E44; font-weight:bold;}

sup {
font-size:11px;
font-weight:normal;
vertical-align:sup;
line-height: 0;
}
/* ----------language switcher-------------- */
#topline {
background-color: #fff;
        width: 962px;
	height: 18px;
border-bottom:1px solid #CD5D23;
}

#topline h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #aaa;
        float: left;
        padding: 3px 0 0 8px;
	margin:0;
}

#topline p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8b0000;
        float: right;
        padding-top: 3px;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #8A0E44;
text-align: right;
padding: 0px;
margin: 0px;
	background-color: #D47E00;
	background: url(courses_images/tandembanner_german.jpg);
	background-repeat: no-repeat;
	height:210px;
}
#banner .logo img {
float:left;
padding:6px 0 0 6px;
widht:250px;
height;97px;
behavior: url(iepngfix.htc);
} 

#banner .special img {
float:right;
padding:46px 10px 0 0;
widht:153px;
height;139px;
behavior: url(iepngfix.htc);
} 

/* ----------top navigation-------------- */
#navcontainer
{
margin: 0px 0 0px 0px;
padding: 0;

text-align: center;
border-top: 0px solid #fff;
background:#CD5D23;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 160px;
height: 18px;
border-top: 1px solid #CD5D23;
border-left: 0px solid #CD5D23;
border-bottom: 1px solid #CD5D23;
border-right: none;
padding: 0;
margin: 0 0 8px 0;
color: #CD5D23;
text-decoration: none;
display: block;
text-align: center;
font: bold 11px/18px arial, verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #fff;
background: #CD5D23;
}

#navcontainer a:active
{
background: #CD5D23;
color: #fff;
}

#navcontainer li#active a
{
background: #CD5D23;
border-top: 1px solid #CD5D23;
border-left: 1px solid #CD5D23;
border-bottom: 1px solid #CD5D23;
border-right: 1px solid #CD5D23;
color: #fff;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 962px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #f3e4cb;
border:1px solid #CD5D23;
padding:0;
}

/* -----------------main content--------------------- */
#content {
background-color: #F3E4CB;
margin-left: 0px;
margin-right: 0px;
border-left:0px solid #CD5D23;
border-bottom:0px solid #CD5D23;
padding: 0px;
}

div#content { 
min-height:700px;
height:expression(this.scrollHeight > 700 ? "auto":"700px"); 
}

p, pre{
padding: 2px 10px;
margin:0px;
}

#content a {text-decoration: none; color: #8A0E44;}
#content a:link {text-decoration: none; color: #8A0E44;}
#content a:hover {text-decoration: none; color: #336699;}
#content a:active {text-decoration: none; color: #8A0E44;}

#content h1 {
font-family: arial, verdana, sans-serif;
font-size: 15px;
color: #fff;
text-transform:none;
text-align: center;
background-color: #CD5D23;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:3px 10px;
margin:0px 0 0 0;
}

.floatleft {
	float: left;
	margin: 0px 12px 0px 0px;
	border: 1px solid #CD5D23;
	padding: 1px;
	;
}

.floatright {
	float: right;
	margin: 0px 0px 0px 12px;
	border: 1px solid #CD5D23;
	padding: 1px;
	;
}

.floatleft2 {
	float: left;
	margin: 0px 12px 0px 0px;
	border: 0px solid #CD5D23;
	padding: 1px;
	;
}

.floatright2 {
	float: right;
	margin: 0px 0px 0px 12px;
	border: 0px solid #CD5D23;
	padding: 1px;
	;
}

/* --------------content box------------- */
#contentbox {
float:left;
width:652px;
	background-color:transparent;
	padding: 10px 16px;
	margin: 0px 0 0px 0;
}

#contentbox h2, .minibox h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #CD5D23;
	text-align:left;
	padding: 2px 0px;
	margin: 10px 0px 10px 0px;
	border-top:0px solid #CD5D23;
	border-bottom:0px solid #CD5D23;
}

#contentbox h3, #bottombox h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CD5D23;
	text-align:left;
	padding: 10px 0 0px 0;
	margin: 0px 0px 0px 0px;
}

#contentbox p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	text-align:left;
	padding: 5px 0px 5px 0px;
	margin:0;
	line-height:126%;
}

#contentbox ol, #contentbox ul {
	list-style: circle;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 2px 0 2px 20px;
}

#contentbox li {
	margin: 0;
}

#ul_img {
	margin: 2px 0 2px 220px;
}

#bottombox {
	width:510px;
	background-color:#fff;
	padding: 0px;
	margin: 5px 0 5px 0;
	border:1px solid #CD5D23;
	float:left;
	;
}

#bottombox h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CD5D23;
	color: #fff;
	text-align:left;
	padding: 0px 5px;
	margin: 0px 0px 0px 0px;
}

/* --------------right boxes------------- */
#boxcontainer {
	width:254px;
	float: right;
	margin: 10px 0px 0px 0px;
	border: 0px solid #6584a0;
	padding: 0 10px 0 0;
	;
}

#boxcontainer h2 {
	font-family: Arial;
	background-color:#CD5D23;
	color:#fff;
	font-size: 12px;
	margin: 0;
	padding:2px 0;
	text-align:center;
}

#boxcontainer p {
	font-family: arial, verdana;
	color:#333;
	font-size: 11px;
	margin: 0;
	padding: 4px;
	text-align:left;
	line-height:120%;
}

#boxcontainer ul, #boxcontainer li {
	list-style: square;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 2px 0 0 10px;
	padding: 0 0;
}

#boxcontainer img {
	margin:3px 3px 3px 3px;
	float:left;
	border: 1px solid #CD5D23;
	padding: 0px;
	;
}

#boxcontainer a {text-decoration: none; color: #8A0E44; font-weight:normal;}
#boxcontainer a:link {text-decoration: none; color: #8A0E44; font-weight:normal;}
#boxcontainer a:hover {text-decoration: none; color: #336699; font-weight:normal;}
#boxcontainer a:active {text-decoration: none; color: #8A0E44; font-weight:normal;}

.floatboxleft {
	width:250px;

	margin: 0px 12px 0px 0px;
	border: 1px solid #E8D292;
	padding: 6px;
	;
}

.floatboxright {
	width:250px;
	background-color:#E2CBA2;
	margin: 0 0 6px 0;
	border: 0px solid #CD5D23;
	padding: 2px 2px 6px 2px;
	;
	float: right;
}

/* --------------bottom boxes------------- */

#footbox {
	float:left;
	width:936px;
	background-color:transparent;
	padding: 16px 10px 16px 16px;
	margin: 0px 0 0px 0;
}

#footbox a {text-decoration: none; color: #CD5D23; font-weight:bold;}
#footbox a:link {text-decoration: none; color: #CD5D23; font-weight:bold;}
#footbox a:hover {text-decoration: none; color: #336699; font-weight:bold;}
#footbox a:active {text-decoration: none; color: #CD5D23; font-weight:bold;}

.introboxleft {
	float:left;
	width:450px;
	height: 72px;
	margin: 5px 0;
	border: 1px solid #CD5D23;
	padding: 5px;
	background-color:#fff;
}

.introboxright {
	float:right;
	width:450px;
	height: 72px;
	margin: 5px 0;
	border: 1px solid #CD5D23;
	padding: 5px;
	background-color:#fff;
}

.introboxleft p, .introboxright p {
	font-family: Arial, Verdana;
	font-size:11px;
	color: #000;
	padding: 0px;
}

.introboxleft h2, .introboxright h2 {
	font-family: Arial, Verdana;
	font-size:12px;
	font-weight: bold;
	color: #CD5D23;
	margin: 0 0 4px 0;
	padding:0;
}

.introboxleft img, .introboxright img {
	float: left;
	margin: 0px 6px 0px 0px;
	border: 1px solid #CD5D23;
	padding: 0px;
}

/* -----------footer--------------------------- */
#footer {
background-color: #CD5D23;
border-top:0px solid #CD5D23;
clear: both;
margin: 0px;
padding: 12px;
text-align: center; 
color: #fff;
}

#footer a {text-decoration: none; color: #fffff7; font-weight:normal;}
#footer a:link {text-decoration: none; color: #fffff7; font-weight:normal;}
#footer a:hover {text-decoration: none; color: #fffff7; font-weight:normal;}
#footer a:active {text-decoration: none; color: #fffff7; font-weight:normal;}

/* -----------tables--------------------------- */
table.acc
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0}

table.acc td
{background-color: #E8D292;
color: #000;
padding: 2px;

text-align: center;
border: 2px #fff solid;}

table.acc td.hed
{background-color: #CD5D23;
color: #fff;
padding:  4px 1px 4px 1px;
width: 20%;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 10px;
font-weight: none;}

table.acc td.left 
{background-color: #E8D292;
color: #CD5D23;
padding: 4px 2px 4px 2px;
width: 25%;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 10px;
font-weight: none;}

table.acc td.left a
{color: #fff;
font-size: 10px;
font-weight: bold;}

table.acc td.left a:hover
{color: #336699;
font-size: 10px;
font-weight: none;}

/*------------------------*/

#navcities { width: 134px; float:right;border: 0px #fff solid;}

#navcities ul {
margin: 6px 0 0 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
}

#navcities a, #navcities a:link, #navcities a:visited {
display: block;
padding: 1px 5px;
width: 124px;
background-color: transparent;
border-bottom: 1px solid #eee;
color: #fff;
}

#navcities a:hover {
background-color: #E2CBA2;
color: #000;
}


#form-container {
	width: 490px;
	background-color: #eeeeee;
	border: 1px solid #72183B;
	padding: 10px;
	text-align: right;
}

#form-container p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #333333;
}

#form-left, #form-right {
	width: 80%;
	vertical-align: top;
	background-color: transparent;
	border: 1px solid #ffda77;
	padding: 5px 5px 25px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;

}
#form-center {
	width: 96%;
	vertical-align: top;
	background-color: transparent;
	border: 0px solid #ffda77;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

#form-left {
	float: left;
}
#form-right {
	float: right;
}
#form-center {
	width: 100%;
	margin-top: 10px;
}
#form select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*--------------------------*/

#navcitieshz
{
margin: 0 10px 0 16px;
padding: 0 0 0 0px;
height: 20px;
text-align:center;
background: #E2CBA2;
border-top: 0px solid #767637;
border-bottom: 0px solid #767637;

}

#navcitieshz ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
float: left;
}

#navcitieshz ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcitieshz ul li a, #navcitieshz ul li a:link, #navcitieshz ul li a:visited
{
background: #fff;
/*width: 80px;*/

border-top: 0px solid #CD5D23;
border-left: 0px solid #CD5D23;
border-bottom: 0px solid #CD5D23;
border-right: 0px solid #CD5D23;
padding: 0 9px;
margin: 0 0 0px 0;
color: #CD5D23;
text-decoration: none;
display: block;
text-align: center;
font: normal 12px/20px Arial, verdana, lucida, sans-serif;
}

#navcitieshz ul li a:hover
{
color: #fff;
background: #E2CBA2;
}

#navcitieshz a:active
{
background: #CD5D23;
color: #fff;
}

#navcitieshz li#active a
{
background: #CD5D23;
border: 0px solid #c60;
color: #fff;
}