html, body {
width: 970px;
COLOR: #000000;
background-color: #000033;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


.site {
BACKGROUND: #EEEEEE;
FONT: 12px Arial, Helvetica, sans-serif;
border-left-color: #ffffff;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #ffffff;
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: #ffffff;
border-bottom-style: solid;
border-bottom-width: 5px;
border-top-color: #ffffff;
border-top-style: solid;
border-top-width: 1px;
margin-left: 25px;
}


b {
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
}

P {
FONT: 12px Arial, Helvetica, sans-serif;
COLOR: #000000;
 line-height: 150% ;
}

H1 {
FONT: normal bold 18px Arial, Helvetica, sans-serif;
COLOR: #444444;
margin-top: 0px;
}

H2 {
FONT: bold 14px Arial, Helvetica, sans-serif;
COLOR: #000066;
margin-top: 0px;
}

H3 {
FONT: bold 12px Arial, Helvetica, sans-serif;
COLOR: #000066;
margin-top: 0px;
}

H4 {
FONT: 12px Arial, Helvetica, sans-serif;
COLOR: #000066;
margin-top: 0px;
}

H5 {
FONT: 11px Arial, Helvetica, sans-serif;
COLOR: #000066;
margin-top: 0px;
}

HR {
TEXT-ALIGN: center;
font-size: 1px;
height: 1px;
color: #BBBBBB;
width: 95%;
margin-top: 0px;
margin-bottom: 5px;
border: solid;
}

UL {
FONT: 12px Arial, Helvetica, sans-serif;
COLOR: #000000;
PADDING-TOP: 0px;
margin-left: 15px;
vertical-align: middle;
}

LI {
FONT: 12px Arial, Helvetica, sans-serif;
MARGIN-LEFT: 0px;
COLOR: #000000;
PADDING-TOP: 0px;
padding-bottom: 5px;
line-height: 130%;
}

OL {
FONT: 12px Arial, Helvetica, sans-serif;
MARGIN-LEFT: 8px;
COLOR: #000000;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: square;
list-style-position: inside;
}

A:link, A:visited, A:hover, A:active {
COLOR: #0000FF;
TEXT-DECORATION: underline;
}

form, form td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px }


.content {
PADDING-RIGHT: 15px;
PADDING-LEFT: 15px;
BACKGROUND: #eeeeee;
PADDING-BOTTOM: 0px;
PADDING-TOP: 10px;
border-left-color: #ffffff;
border-left-style: solid;
border-left-width: 1px;
 line-height: 150% ;
}


.content img {
  border: 0px;
  vertical-align: middle;
}

.content UL {
list-style:  url(images/Design/liststyle.gif) outside;
PADDING-LEFT: 5px;
}

.content LI {
list-style:  url(images/Design/liststyle.gif) outside;  line-height: 150% ;
}

.content OL {
list-style: outside;
PADDING-LEFT: 15px;
}

.content OL LI {
list-style: outside;
list-style-image: none;
list-style-type: decimal;
line-height: 150% ;
}



.content table {
 line-height: 150% ;
}


#contentheader {
BORDER-RIGHT: #ffffff 0px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: 1px solid #FFFFFF;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN-LEFT: auto;
BORDER-LEFT: #ffffff 0px solid;
WIDTH: 100%;
PADDING-TOP: 0px;
TEXT-ALIGN: left;
BORDER-BOTTOM: #ffffff 1px solid;
background-color: #E4E7EB;
}

#content A {
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
FONT-WEIGHT: bold;
BORDER-LEFT: 0px;
BORDER-BOTTOM: 0px;
}

#header {
PADDING-RIGHT: 0px;
MARGIN-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 0px;
POSITION: relative;
HEIGHT: 100px;
width: 100%;
background-position: right;
background-repeat: no-repeat;
background-color: #31319C;
background-image:  url(images/Design/header-bg.jpg);
}

img {
border: none;
}

.footer {
BORDER-RIGHT: #ffffff 0px solid;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
BACKGROUND: #E4E7EB;
PADDING-TOP: 5px;
PADDING-BOTTOM: 3px;
FONT: 10px Arial, Helvetica, sans-serif;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
BORDER-LEFT: #ffffff 0px solid;
WIDTH: 100%;
TEXT-ALIGN: center;
clear: left;
border-top: 4px solid #FFFFFF;
color: #999999;
position: static;
}

div.footer a:link, div.footer a:visited {
  color: #999999;
  font-size: 11px;
  font-variant: normal
}

#frameheader {
BORDER-RIGHT: #ffffff 0px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #dcdcdc 2px solid;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN-LEFT: auto;
BORDER-LEFT: #ffffff 0px solid;
WIDTH: 100%;
MARGIN-RIGHT: auto;
PADDING-TOP: 0px;
TEXT-ALIGN: left;
BORDER-BOTTOM: #dcdcdc 2px solid;
vertical-align: middle;
}

.lefttabelle {
border-right-color: #ffffff;
border-right-style: solid;
border-right-width: 1px;
BACKGROUND: transparent;

}

.righttabelle {
border-left-color: #ffffff;
border-left-style: solid;
border-left-width: 1px;
BACKGROUND: transparent;
}

.flagge {
padding-left: 18px;
}

.bilduntertitel {
font-size: 10px;
}

.kleintextblau {
font-size: 11px;
color: #000066;
font-weight: bold;
margin: 0px;
}


#tabellemitrand {
border-collapse: collapse;
}

#tabellemitrand td{
border: 1px solid #c0c0c0;
padding: 5px 10px 5px 10px;
}



.kleintext {
font-size: 11px;
}

.navigation {
font-size: 12px;
padding-top: 10px;
background-color: #E4E7EB;
margin: 0px;
padding-right: 10px;
  width: 250px
}

SPAN.TreeviewSpanArea A {
font-size: 12px;
text-decoration: none;
color: #000000;
padding-right: 0px;
padding-left: 0px;

}

span.TreeviewSpanArea a:link {
color: #222222;
font-size: 12px;
font-weight: bold;
text-decoration: none;

}

span.TreeviewSpanArea a:visited {
color: #222222;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

span.TreeviewSpanArea A:hover {
color: #000099;
text-decoration: none;
}

small {
font-size: 11px;
}


.lehrer li  { font: 11px  Arial, Helvetica, sans-serif;}
.lehrer b  { font: 11px  Arial, Helvetica, sans-serif; font-weight: bold; }
.lehrer td  { padding: 5px; }

.footerlinklift {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-TOP: 5px;
PADDING-BOTTOM: 3px;
BORDER-RIGHT: 0px;
BORDER-LEFT: 0px;
FONT: 10px Arial, Helvetica, sans-serif;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
WIDTH: 100%;
TEXT-ALIGN: center;
border-top: 0px;
color: #999999;
background: #000033;
}

div.footerlinklift a:link, div.footer a:visited {
  color: #999999;
  font-size: 10px;
  font-variant: normal
}


.boldintern:link, .boldintern:visited  {
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

.boldintern:hover {
color: #000099;
}

/* Karten Städtepunkte */

.kartetextblau {
font-size: 11px;
color: #294A9C;
font-weight: bold;
margin: 2px;
text-decoration: none;
}

.kartetextblau a:link {
font-size: 11px;
color: #294A9C;
font-weight: bold;
}

.kartetextblau a:visited {
font-size: 11px;
color: #294A9C;
font-weight: bold;
}


.kartetextrot {
font-size: 11px;
color: #C60000;
font-weight: bold;
margin: 2px;
text-decoration: none;
}

.kartetextrot a:link {
font-size: 11px;
color: #C60000;
font-weight: bold;
}

.kartetextrot a:visited {
font-size: 11px;
color: #C60000;
font-weight: bold;
}


.kartetextgruen {
font-size: 11px;
color: #008400;
font-weight: bold;
text-decoration: none;
}

.kartetextgruen a:link {
font-size: 11px;
color: #008400;
font-weight: bold;
}

.kartetextgruen a:visited {
font-size: 11px;
color: #008400;
font-weight: bold;
}


.kartesprachkurs {
font-size: 13px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

.kartesprachkurs a:link {
font-size: 13px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

.kartesprachkurs a:hover {
font-size: 13px;
color: #000000;
font-weight: bold;
text-decoration: none;
background-color: #FFFFff;
padding: 2px;
}

.kartesprachkurs a:visited {
font-size: 13px;
color: #000000;
font-weight: bold;
text-decoration: none;

}



/* Angaben für die Printansicht */

@media print{


html, body { width: 100% !important; margin: 0 !important; padding: 0 !important; background-color: #FFFFFF;}
.righttabelle { display: none; }
.lefttabelle { display: none; }
.navigation, .footer { display: none; }

#header {
POSITION: relative;
HEIGHT: 110px;
width: 100%;

}

.content { BACKGROUND: #ffffff;}

}


/* Hoverbox für Bilder */


a.p1 {
  width: 175px;
  height: 115px;
  text-decoration: none;
  background: #fff;
  border: 0px;
  margin: 0px 0 0 0px;
}

a.p1 img {
  border: 0px;
}

a.p1:hover {
  text-decoration: none;
  color: #000;
  position: relative;
  z-index: 1;
}

a.p1 b {
  position: absolute;
  left: -9999px;
  padding: 10px;
}

a.p1:hover b {
  top: -80px;
  left: -18px;
  padding: 10px;
  background: #fff;
  opacity: 1.0;
}

#info {
  text-align: left;
}



/* ------------------------------------------
PROGRESSIVE ENHANCEMENT: PURE CSS SPEECH BUBBLES
by Nicolas Gallagher
Dual licensed under MIT and GNU GPLv2 © Nicolas Gallagher
------------------------------------------ */


/* Bubble with a right angled triangle
------------------------------------------ */

.triangle-right {
	position:relative;
	padding:6px;
	margin:1em 0 0px;
    color: #222222;
    font-size: 10px;
    font-weight: normal;
	background: #CAE6F0; /* default background for browsers without gradient support */

	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

}

/* creates triangle */
.triangle-right:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:5px 0 5px 5px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: #CAE6F0 transparent transparent;
}



/* Bubble with a right angled triangle
------------------------------------------ */

.triangle-right.left {
	margin-left:380px;
	background: #CAE6F0;
}

/* creates triangle */
.triangle-right.left:after {
	top:25px;
	left:-65px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 35px 5px; /* vary these values to change the angle of the vertex */
	border-color:transparent #CAE6F0 transparent transparent;
}

.triangle-right.left b      {
  color: #222222;
  font-size: 11px;
  font-weight: bold
}




/* Navigation Abstände und farbliche Links
------------------------------------------ */

.homeabstand {
margin: 4px 0px 10px 0px;
}

.linkfarbig, .linkfarbig a{
color: #990000;
padding: 4px 0px 8px 2px;
height: 12px;
width: 170px;


}

.farbigohneabstand, .farbigohneabstand a {
color: #990000;
padding: 4px 0px 8px 2px;
height: 12px;
width: 170px;

}

/* Navigation Abstände und farbliche Links
------------------------------------------ */


.sprachkurslistehover
{ padding: 2px;
  color: #222222;
  cursor: pointer;
}

.sprachkursliste
{
border: solid 1px #bbbbbb;
padding: 2px 2px 2px 6px;
position:absolute;
width:250px;
z-index: 5;
background-color: #ffffff;
color: #990000;
}

.sprachkursliste  p
{
color: #000000;
 font-weight: bold
}

.sprachkursliste a:link, .sprachkursliste a:hover, .sprachkursliste a:visited {
 color: #000000;
 text-decoration: underline;
}

.sprachkursliste a:hover {
 color: #990000;
 text-decoration: underline;

}


/* Formulare */

form   {
padding: 6px;
background: #dddddd;
border: 1px solid #bbbbbb;
}

legend
{
color: #333333;
padding: 3px;
font-weight: bold
}

input {
color: #222222;
background: #ffffff;
border: 1px solid #aaaaaa;
}

.formbold{
color: #003399;
text-transform: uppercase;
margin: 6px 0px 6px 0px;
font-weight: bold ;
}

.no_bold{
color: #222222;
text-transform: none;
font-weight: normal;
}

.button1
  {
 color: #efefef;
 padding: 4px;
 background-color: #660000;
 border: 1px solid #ffffff;
}


.button2
 {
 color: #222222;
 padding: 4px;
 background-color: #eeeeee;
 border: 1px solid #ffffff;
}

#GruppenkursInformationen
 {  padding: 0px;
 background-color: #FFCC99;
}

#Zahlungseingang
 {  margin-top: -12px;  padding: 4px;
 background-color: #FFCC99;
}