/*
=======================================================================================================
=======================================================================================================
Styles für busy_summer
=======================================================================================================
=======================================================================================================
*/

body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	color:	#333;
	background-color: #FFFFFF;
	background-image: url(../bilder/bg_body.gif);
	background-repeat: repeat-x;
}
/* Macht die gepunktete Linie um geklickte Links unsichtbar (Firefox) */
a:focus { 
	outline: none;
}
form{
	margin: 0px;
	padding: 0px;
}
ul{
	margin: 0px;
	padding: 0px;
}
h1{
	text-align:left;
	font-size: 16px;
	color: #A22473;
	margin:0;
	padding: 0px 0px 20px 0px;
	font-style: italic;
	font-weight: bold;
}
h2{
	text-align:left;
	font-size: 14px;
	color: #A22473;
	margin:0;
	padding: 10px 0px 5px 0px;
	font-style: italic;
	line-height: 1.3;
}
h3{
	text-align:left;
	font-size: 13px;
	color: #A22473;
	margin:0;
	font-style: italic;
}
.wichtig {
	font-weight: bold;
}
.gestrichelt{
	border-bottom: dotted 1px #CCCCCC;
}
/* external links
================================== */

#inhalt a[href^="http:"] {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../grafik/externallink_colored.gif);
  padding-right: 10px;
}
#inhalt a.externallink_grau[href^="http:"] {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../grafik/externallink.gif);
  padding-right: 10px;
}
#inhalt .img_link[href^="http:"] {
  background-image: none;
  padding-right: 0;
}
#spalte_mitte #inhalt .ohne_rand[href^="http:"] {
  background-image: none;
  padding-right: 0;
}
#spalte_mitte #inhalt .logo[href^="http:"] {
  background-image: none;
  padding-right: 0;
}
#inhalt a[href^="http://www.busysummer.de"]  {
  background-image: none;
  padding-right: 0;
}
/*
=======================================================================================================
linke Spalte
=======================================================================================================
*/

#spalte_links{
	position: absolute;
	top:0;
	left:0;
	background-color: #FFFFFF;
	float: left;
	width: 170px;
	margin:0;
	padding:0;
	height: 100%;
}
#spalte_links .logo{
	width: 170px;
	height: 150px;
	margin-top: 70px;
}

/*
=======================================================================================================
Spalte Mitte
=======================================================================================================
*/
#spalte_mitte{
	position: absolute;
	top:0;
	left: 170px;
	width:500px;
	margin:0;
	padding:0 0 30px 0;
	float: left;
	border-left: #811D5C 1px solid;
	height: 100%;
}

/*
=======================================================================================================
Spalte Mitte - Inhalt 
=======================================================================================================
*/
#spalte_mitte #inhalt{
	text-align: justify;
	padding: 30px 35px 30px 25px;
	background-color: #F1E7EB;	
}
#spalte_mitte #inhalt .headline{
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color: #A22473;
	padding-bottom: 20px;
	line-height: 1.5em;
}
#spalte_mitte #inhalt .kurse a{
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
#spalte_mitte #inhalt .kurse a:hover{
	text-decoration: underline;
}
#conditions #spalte_mitte #inhalt .headline,
#pricelist #spalte_mitte #inhalt .headline{
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color: #A22473;
	padding: 10px 0 5px 0;
}
#spalte_mitte #inhalt p{
	padding: 0 0 10px 0;
	margin: 0;
}
#spalte_mitte #inhalt img{
	padding: 2px 2px 2px 2px;
	border: 1px solid;
	border-color: #831D5F;
}
#spalte_mitte #inhalt .ohne_rand{
	border: 0
}
#spalte_mitte #inhalt a{
	color: #891F62;
}
#spalte_mitte #inhalt ul{
	padding-top:0;
	margin: 0 0 20px 15px;
}
#spalte_mitte #inhalt li{
	line-height: 1.8em;
	text-align: left;
}
#spalte_mitte #inhalt #textblock{
	margin: 3px;
	background-color: #F4F4F4;
	border: 1px solid;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #666666;
	border-top-color: #666666;
}
#spalte_mitte #inhalt .subhead{
	text-align:left;
	font-size: 11px;
	font-weight: bold;
	color: #A22473;
	margin: 0;
	padding: 0 0 7px 0;
}
#spalte_mitte #inhalt .subhead_underline{
	font-size: 14px;
	font-weight: bold;
	color: #A22473;
	margin: 0 0 25px 0;
	padding: 0 0 3px 0;
	border-bottom: solid 1px;
	border-bottom-color: #A22473;
	font-style: italic;
}

/*  Spalte Mitte - Fußzeile */
#footer{
	font-size: 10px;
	padding: 5px 0px 0px 10px;
	border-top: solid 1px;
	border-top-color: #811D5C;
	margin: 0;
}

/*
=======================================================================================================
Spalte Rechts 
=======================================================================================================
*/
#spalte_rechts{
	position: absolute;
	top:0px;
	left: 670px;
	height: 100%;
	width: 100%;
	background-color: #F1E7EB;
	background-repeat:repeat-x;
	margin:0;
	border-left: solid 1px;
	border-left-color: #FFF;
}
.start#spalte_rechts{
	background-image:url(../bilder/start_bg_rechts.jpg);
}
.german_courses#spalte_rechts{
	background-image:url(../german_courses/bilder/gc_bg_rechts.jpg);
}
.englischkurse#spalte_rechts{
	background-image:url(../englischkurse/bilder/ek_bg_rechts.jpg);
}
#sprachenmenu{
	line-height: 1.3em;
	height: 150px;
	width:100%;
	padding: 80px 0px 0px 12px;
	margin: 0;
}
#sprachenmenu p {
	color: #ED89B5;
	line-height: 1.8em;
	font-weight: bold;
	width: 100%;
	margin: 0;
}
#sprachenmenu dl {
	margin: 0px;
	padding: 0px;
	width: 80px;
	float: left;
}
#sprachenmenu a {
	color:#E5E5E5;
	font-size: 10px;
	text-decoration: none;
}
#sprachenmenu a:hover {
	color:#DEC5AD;
}
/*
=======================================================================================================
Menüsteuerung
=======================================================================================================
Menü Links
=======================================================================================================
*/

#menu_links{
	width: 150px;
	padding:0;
	margin: 0 0 0 20px;
}

#menu_links ul{
	list-style: none;
	margin: 15px 0 0 0;
	padding:0;
	border-bottom: solid 1px;
	border-bottom-color: #E6C0D5;
}

#menu_links li {
	margin:0;
	padding:0;
	border-top: solid 1px;
	border-top-color: #E6C0D5;
}

#menu_links li a {
	display: block;
	padding: 5px 5px 5px 8px;
	margin:0;
	font-weight: bold;
	text-decoration: none;
	color: #611645;
}
#menu_links li a:hover {
	background-color: #F1E7EB;
}
/* Spalte Links - Untermenü generell ausblenden*/
#menu_links  ul ul{
	display: none;
}
/* Spalte Links - Untermenü einblenden*/
#programme #menu_links ul ul.programme,
#information #menu_links ul ul.information{
	display: block;
	background-color: #FFF;
	padding: 0;
	margin: 0;
}
#menu_links  ul #submenu{
	list-style: none;
	width: 100%;
	margin: 0;
	border-bottom: 0;
}
#menu_links #submenu li {
	margin:0;
	padding:0;
	border-top: solid 1px;
	border-top-color: #D9D9D9;
}
#menu_links #submenu li a {
	display: block;
	padding: 5px 2px 5px 3px;
	font-weight: normal;
	line-height: 1.3em;
	text-decoration: none;
	color: #611645;
	font-size: 10px;
	border-left: solid 5px;
	width:100%;
	border-left-color: #FFFFFF;
}
#menu_links #submenu li a:hover{
	background-color: #F0F0F0;
	border-left: solid 5px;
	border-left-color: #811D5C;
	width: 140px;
}
/*
=======================================================================================================
English
=======================================================================================================
*/
#english{
	width: 132px;
	padding:5px 5px 5px 5px;
	margin: 20px 0 0 17px;
	border: 1px dashed;
	border-color: #831D5F;
	background-color: #F6EFF1;
}
#english h3 a{
	padding: 6px 0 5px 25px;
	color: #555;
}
#english p{
	margin: 0;
	font-size: 10px;
	line-height: 1.4em;
}
.english {
	background-repeat: no-repeat;
	background-image: url(../logos/english.gif);
	background-position: left;
}
#english a {
	color: #811D5C;
	text-decoration: none;
}
#english a:hover {
	text-decoration: underline
}
/*
=======================================================================================================
Reader
=======================================================================================================
*/
#reader{
	width: 132px;
	padding:1px 5px 5px 5px;
	margin: 20px 0 0 17px;
	border: 1px dashed;
	border-color: #831D5F;
	background-color: #F6EFF1;
}
#reader h3{
	padding: 4px 0 5px 20px;
	color: #555;
}
#reader p{
	margin: 0;
	font-size: 10px;
	line-height: 1.4em;
}
#reader img {
	padding: 0;
	margin: 8px 0 3px 0;
	border: 0;
	display: block;
}
#reader a.zum_download {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../grafik/icon_download.gif);
	padding-right: 18px;
	color: #444;
	text-decoration: none;
}
#reader a.zum_download:hover {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../grafik/icon_download.gif);
	padding-right: 18px;
	color: #444;
	text-decoration: underline
}
.pdf {
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../grafik/icon_pdf.gif);
	padding: 1px 0 1px 19px;
}
a.download {
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../grafik/download_colored.gif);
	padding-left: 18px;
}
/*
=======================================================================================================
Spalte Mitte Top-Menü
=======================================================================================================
*/

#top_menu{
	width: 500px;
}
#top_menu ul{
	text-align: center;
	padding:0;
	margin:0;
}
#top_menu li{
	list-style: none;
	display: inline;
	line-height: 1.3em;
}
#top_menu li a{
	text-decoration: none;
	float: left;
	color:	#FFF;
	border-right: solid 1px;
	border-right-color: #F1E7EB;
	width: 99px;
	background-color: #811D5C;
	font-weight: bold;
	height: 70px;
}
#top_menu li a.eine_zeile{
	height: 70px;
}
#top_menu li a.zwei_zeilen{
	height: 50px;
}
#top_menu li a:hover{
	border-right: solid 1px;
	background-color: #F1E7EB;
	color:	#611645;
	border-right-color: #811D5C;
}
/* nicht belegter Link */
#top_menu li.leer a {
	cursor: default;
}
#top_menu li.leer a:hover {
	cursor: default;
	background-color: #811D5C;
	border-right-color: #F1E7EB;
}
#top_menu .eine_zeile {
	position: relative;
	top: 42px;
}
#top_menu .zwei_zeilen {
	position: relative;
	top: 28px;
}

/*
=======================================================================================================
Markierung für aktive Seiten 
=======================================================================================================
*/

/* Spalte Links - Busy Summer generell als aktiv markieren */
#menu_links .busy_summer {
	font-weight: bold;
	text-decoration: none;
	margin:0;
	background-color:#811D5C;
	padding: 8px 5px 8px 8px;
	color: #FFFFFF;
}
#menu_links a.busy_summer:hover {
	background-color:#811D5C;
	color: #FFFFFF;
}
#busy_summer a.busy_summer:hover {
	cursor: default;
}

/* Spalte Links - Hauptmenü als aktiv markieren */
#programme #menu_links .programme,
#calendar #menu_links .calendar,
#weekplan  #menu_links .weekplan ,
#team #menu_links .team,
#information #menu_links .information {
	font-weight: bold;
	text-decoration: none;
	margin:0;
	background-color:#EDE0E6;
	padding: 5px 5px 5px 8px;
	color: #611645;
}
/* Spalte Links - Untermenü als aktiv markieren*/
#professional #menu_links #submenu .professional,
#individual #menu_links #submenu .individual,
#social #menu_links #submenu .social,
#test-tutorial #menu_links #submenu .test-tutorial,
#form #menu_links #submenu .form,
#conditions #menu_links #submenu .conditions,
#pricelist #menu_links #submenu .pricelist,
#accomodation #menu_links #submenu .accomodation,
#stuttgart #menu_links #submenu .stuttgart {
	background-color: #F0F0F0;
	border-left: solid 5px;
	border-left-color: #811D5C;
	width: 140px;
}
/* Spalte Mitte - Topmenü als aktiv markieren*/
#kontakt #top_menu .kontakt,
#impressum #top_menu .impressum {
	border-right: solid 1px;
	background-color: #F1E7EB;
	color:	#611645;
	border-right-color: #811D5C;
}
#inhalt .img_rechts {
	float: right;
	padding: 0px 0px 10px 20px;
}
#inhalt .img_links {
	float: left;
	padding: 0px 20px 10px 0px;
}
.clear {
	clear: both;
}