html, body {
	margin:0;
	padding:0;
}   

body {
	margin-left:auto;
	margin-right:auto;
	background:#ffffff url('bilder/main_bg.jpg') repeat-x;
	font-family: "Arial", "Verdana";
	font-size:12px;
	color:#404040;
}           

h1 {
	font-size:24px; 
	color:#A8A8A8;
	font-weight:normal;
	padding:15px 0 0px 0;
}

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

a:visited {
	color:#404040;
	text-decoration:none;
}

a:hover {
	color:#2846e0;
	text-decoration:none;
}

a:active {
	color:#404040;
}

h2, h3, h4, h5 {
	color:#A8A8A8;
}

h2 	{font-size:18px;}
h3 	{font-size:16px;}
h4 	{font-size:14px;}
h5 	{font-size:13px;}

.return {
	float:right;
	margin-bottom:10px;
	text-decoration:none;
}

.red {
	color:#ff0000;
}

.blue {
	color:#000066;
}

.italic {
	font-style:italic;
}

small {
	font-size:10px; 
}

#flashcontent, a, a:focus, input[type=image] {
	-moz-outline:0;
	outline: none;
}

#bullets ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 35px;
}

#bullets li {
	background-image: url(bilder/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 23px;
	padding-bottom: 10px;
}

#bullets li jrs {
	background-image: url(bilder/bullet_jr.png);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 23px;
	padding-bottom: 10px;
}

.ul_aqua {
	list-style-position: outside;
	list-style-image: url(bilder/bullet_jr.png);
	list-style-type: none;
}




#outer {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	min-height:500px;
	border:0px solid #999999;
}

#language {
	background:#ffffff;
	height:50px;
}

#language .flags {
	vertical-align:top;
	text-align:right;
	padding-top:28px;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
}

#language .flags a {
	color:#000;
	text-decoration:none;
}


#navigation {
	background:#ffffff url('bilder/navigation.jpg') no-repeat;
	height:33px;
	padding-left:50px;
}

#header {
	background:#ffffff url('bilder/header.jpg') no-repeat;
	height:175px;
}


#content {
	display:block;
	background-image:url('bilder/content_main.gif');
	background-repeat:repeat-y;
}

#content.colored {
	background-image:url('/bilder/content_main_alt_aqua.gif');
	background-repeat:repeat-y;
}

#content.coloredGreen {
	background-image:url('/bilder/content_main_green.png');
	background-repeat:repeat-y;
}

#content #leftcol {
	float:left;
	padding:0px 15px 15px 0px;
	line-height:1.5;
	background:#ffffff;
	width:425px; /* 3 columns: 425px / 2 columns: 705px */
}

#content #leftcol #position {
	float:right;
	height:20px;
	text-align:right;
	vertical-align:middle;
	padding-top:10px;
	padding-right:15px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:11px;
	color:#A8A8A8;
}

#content #leftcol #position a {
	color:#A8A8A8;
}

#content #leftcol #position:after { clear:right; }


#content #centercol {
	float:left;
	padding:20px 0px 15px 0px;
	line-height:1.5;
	background:#ffffff;
	width:250px;
	text-align:center;
}

#content #rightcol {
	float:right;
	padding:20px 15px 15px 15px;
	line-height:1.5;
	background:#f4f4f4;
	width:250px;
}

#content #rightcol green {
	float:right;
	padding:20px 15px 15px 15px;
	line-height:1.5;
	background: #99FF33;
	width:250px;
	
}

#content #rightcol p {
	margin:0px;
	margin-bottom:10px;
}

#content #rightcol p img, .blognews p img {
	float:left;
	margin-top:3px;
	margin-right:6px;
	margin-bottom:5px;
}


#content #rightcol h2 {
	font-weight:bold;
	color:#003399;
	border-bottom:1px solid #d6d6d6;
}

#content #rightcol a {
	text-decoration:none;
	font-weight:bold;
}

#content #rightcol .date {
	display:block;
	font-size:9px;
	color:#666666;
}


#footer {
	vertical-align:top;
	background:#ffffff url('bilder/footer.jpg') no-repeat;
	height:65px;
}		

#footer #subnavi
{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	padding-top:11px;
	padding-bottom:15px;
}

#subnavi a
{
	text-decoration:none;
	margin-right:25px;
	color:#000666;
}

#subnavi a:hover
{
	color:#000666;
	text-decoration:underline;
}


/* Matrix-Tabellen */
.tabmatrix 
{
	border-collapse: collapse;
	border: 1px solid #D8D8D8;
}

.tabmatrix td, th {
	text-align: left;
	padding: 5px;
}

.tabmatrix thead {
	background-image: url('bilder/footer.jpg');
	color: #555;
	font-weight: bold;
}


.tabmatrix tbody {
	background-color: #FFFFFF;
}

.tabmatrix th {
	font-weight: bold;
}

.tabmatrix #odd {
	background-color: #F9F9F9;
}

.tabmatrix #even {
	background-color: #F3F3F3;
}

.tabmatrix #grey_dark {
	color: #FFFFFF;
	background-color: #666666;
}

.tabmatrix #grey {
	background-color: #EEEEEE;
}

.tabmatrix #colored {
	color: #FFFFFF;
	background-color: #3151ce;
}




/* Matrix-Tabellen #2*/
.tabmatrix2 
{
	border-collapse: collapse;
	border: 1px solid #D8D8D8;
}

.tabmatrix2 td, th {
	text-align: center;
	padding: 5px;
}

.tabmatrix2 thead {
	background-image: url('bilder/tab_colored.gif');
	color: #fff;
	font-weight: bold;
}


.tabmatrix2 tbody {
	background-color: #FFFFFF;
}

.tabmatrix2 th {
	font-weight: bold;
}

.tabmatrix2 #odd {
	background-color: #e8fdfc;
	color:#000;
}

.tabmatrix2 #even {
	background-color: #ffffff;
}

.tabmatrix2 #grey_dark {
	color: #FFFFFF;
	background-color: #666666;
}

.tabmatrix2 #grey {
	background-color: #EEEEEE;
}

.tabmatrix2 #colored {
	color: #FFFFFF;
	background-color: #3151ce;
}

/* Select Price Calculator */
select[name="course_type"], select[name="accom_type"] {
	width:				230px;
}

select[name="course_weeks"], select[name="accom_weeks"] {
	width:				85px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:0.9em; width:auto;}
/* padding-bottom:200px; */

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;text-align:center;line-height:3em; display:block;}

/* style the sub level list items */
.menu ul ul li {display:block;width:192px;text-align:left;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left; font-size:12px; width:auto; font-weight:normal; text-decoration:none; color:#000666; background:#e3e4e4 url(bilder/top_grad.gif) center center; padding:0 2em 0 1em; border-left:0px solid #eee; border-right:0px solid #000;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:11em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#efefef url(bilder/sub_grad.gif); color:#000; width:14em; height:100%; line-height:1em; padding:0.5em 1em; border-bottom:1px solid #7aa;}
/*   */

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#efefef url(bilder/sub_grad.gif);}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:green url(bilder/sub_grad.gif);}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#efefef url(bilder/sub_grad.gif);}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#447b7b;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#ffffff;background:#e3e4e4 url(bilder/top_grad_2.gif) center center; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#ffffff;background:#e3e4e4 url(bilder/top_grad_2.gif) center center;}
/* second */
* html .menu ul ul a:hover{color:#ffffff;background:#7aa; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;background:#fff;}
.menu ul ul :hover > a {color:#000000;background:#fff;}
/* third */
* html .menu ul ul ul a:hover {background:#fff; color:#000000; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#fff;}
/* fourth */
.menu ul ul ul ul a:hover {background:#fff; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em;}
* html .menu ul ul {visibility:hidden;position:absolute;height:0;top:2.6em; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:2px 3em 3em 3em; background:transparent url(bilder/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:12em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}