/* 
----------------------------------------------------------------------------- 
BASICS
-----------------------------------------------------------------------------*/

body 
{
  margin: 0 0 0 0;
}

a img
{
  border: none; 
  text-decoration: none;
}

h1 {
font: bold 15px Arial, Helvetica, sans-serif;

color: #de8a20;
}

h1 {
  font: bold 32px Lucida Sans, Lucida Grande, Lucida, Arial, sans-serif;
  color: #112484;
  margin-bottom: 0px;
}

h1.smaller {
font: bold 16px Arial, Helvetica, sans-serif;
color: #de8a20;
}


h1.school {
font: 28px Lucida Sans, Lucida Grande, Lucida, sans-serif;
color: #112484;
}

h2 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #464545;
margin-bottom: 0;
}

h2.subtitle {
color: #505050;1
font: 14px Arial, Helvetica, sans-serif;
margin-top: 0px;
}

h2.description {
color: #d87611;
font: bold 15px Arial, Helvetica, sans-serif;
margin-bottom: -10px;
}

h3 {
color: #221d83;
font: bold 15px Arial, Helvetica, sans-serif;
margin-left: 5px;
}

h3.box {
font: 14px Arial, Helvetica, sans-serif;
color: #505050;
margin: 5px 0 0 0;
font-weight: normal;
}

h4 {
font: bold 13px Arial, Helvetica, sans-serif;
color: #112484;
}

h4.heading {
font: bold 16px Lucida Sans, Helvetica, sans-serif;
}

h4.boxhead {
font: bold 16px Lucida Sans, Helvetica, sans-serif;
margin: 0 0 3px 10px;
}

h4.chose {
font: bold 16px Arial, Helvetica, sans-serif;
color: #112484;
margin: 5px 0 0 0;
}

#header
{
  background: #112484;
  padding: 10px 0 10px 0;
  width: 100%;
}

.search
{
  position:absolute;
  left:480px;
  top: 20px;
  width: 350px;
}

.search input
{
  font: 14px Arial, Helvetica, sans-serif;
  color: #736f70;
  padding: 3px;
}

.search input#searching 
{
  background: #112484 url(/button_search.jpg) no-repeat;
  border: none;
  width: 78px;
  border-left: 3px solid #112484;
  height: 29px;
  text-indent:200px;
}

/* 
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a:hover {
color: #605d5d;
}


a.infos {
background: transparent url(arrow.jpg) no-repeat center left;
padding: 10px 10px 10px 45px;
color: #de8a20;
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}

a.infos2 {
background: transparent url(arrow_small.jpg) no-repeat center left;
padding: 10px 10px 10px 35px;
color: #112484;
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}

a.infos:hover {
color: #112484;
}

 a.infos2:hover {
color: #de8a20;
}


a.weeks {
background: #c4d9f4;
padding: 7px 10px 7px 10px;
color: #112484;
font: bold 13px Arial, Helvetica, sans-serif;
text-decoration: none;
}

#breadcrumbs a {
text-decoration: none;
color: #d97812;
margin-right: 10px;
font: 14px Arial, Helvetica, sans-serif;
}

#breadcrumbs a:hover {
color: #112484;
}

a.footer {
font: 14px Arial, Helvetica, sans-serif;
color: #221d83;
text-decoration: none;
margin: 0 5px 0 0;
background: #9ab0dc;
padding: 3px 5px 3px 5px;
}


a.footer {
font: 15px Arial, Helvetica, sans-serif;
color: #221d83;
text-decoration: none;
padding-top: 10px;
}


a.footer:hover {
color: #fff;
background: #b3c4e5;
}


/* 
----------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/

#navigation
{
  clear: both;
  height: 38px;
  margin-left: 50px;
  margin-bottom: -2px;
}

#navigation ul {
list-style: none;
margin: 0;
}

#navigation ul li {
background: #e5e2e2 url(/grad_nav.jpg) repeat-x;
float: left;
padding: 10px 20px 10px 20px;
border-right: #fff;
margin-right: 1px;
border-left: #c2c4c8;
}

#navigation ul li.last {
background: #a6a3a3 url(bac_login.jpg) repeat-x;
margin-left: 15px;
}

#navigation ul li a:hover, #navigation ul li.last a:hover {
color: #000;
}

#navigation ul li a {
font: 16px Arial, Helvetica, sans-serif;
color: #112484;
text-decoration: none;
}

#navigation ul li.last a {
font: 16px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}





#navigation ul li.information {
background: #d3d1d1 url(/bac_information.jpg) repeat-x;
/*margin-left: 15px;*/
}

#navigation ul li.partner {
background: #a6a3a3 url(/bac_login.jpg) repeat-x;
margin-left: 15px;
}


#navigation ul li.selected {
  background:white;
}




/* 
----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/

#page {
margin: 20px 0 20px 20px;
font: 13px Arial, Helvetica, sans-serif;
line-height: 19px;
color: #262626;
width: 900px;
}

.left {
width: 520px;
float: left;
margin-bottom: 20px;
}

.left p {
font: 13px Arial, Helvetica, sans-serif;
line-height: 19px;
color: #262626;
}

.left1 {
width: 570px;
float: left;
margin-bottom: 20px;
}

.left2 {
width: 860px;
float: left;
margin-bottom: 20px;
}

.left p {
font: 13px Arial, Helvetica, sans-serif;
line-height: 19px;
color: #262626;
}

.right {
float: right;
width: 350px;
}

.right1 {
float: right;
width: 255px;
}

.right p {
margin: 0;
color: #464545;
}

.right img {
float: left;
margin: 5px;
}

.teaser {
clear: both;
padding-top: 06px;
}

.group {
border-left: 12px solid #8ea8d9;
padding: 0 0 0 10px;
margin: 0 0 0 -20px;
}

.offer {
border-top: 1px solid #b6b9bd;
padding-top: 5px;
}

.registration {
margin-top: 50px;
border-top: 1px solid #b6b9bd;
padding-top: 5px;
}

.cupon {
width: 514px;
background: #88a2d6;
margin-left: 5px;
}

.cupon p {
font: bold 16px Lucida Sans, Lucida Grande, Lucida, Arial, sans-serif;
line-height: 26px;
padding: 0 15px 15px 15px;
color: #fff;
}


#footer {
clear: both;
background: #b3c4e5 url(/bac_footer.jpg) repeat-x;
padding: 10px;
margin-top: 10px;
color: #221d83;
}

#footer img {
float: left;
}

.footer_r {
padding: 5px 5px 5px 5px;
margin: 3px 0 0 219px;
}

#top {
background: #c4d9f4 url(/grad_top.jpg) repeat-x;
background: #8da7d9 url(grad_rightside_blue.jpg) repeat-x;
padding: 0;
border-bottom: 2px solid #9eb7e1;
}



#sprachen {
width: 250px;
padding: 0 0 0 0;
background: #d3e4f9;
}

.topimg {
width: 250px;
height: 170px;
}

#sprachen img {
margin: 0 0 0 0;
clear: both;
width: 250px;
}

ul#lang {
width: 250px;
list-style: none;
padding: 0 0 0;
margin: 0 0 0 0;
}

/* 
----------------------------------------------------------------------------- 
LISTEN
-----------------------------------------------------------------------------*/


ul#lang li {
border-bottom: 1px solid #fff;
padding: 7px 5px 7px 10px;
background: #d3e4f9;
}

ul#lang li:hover {
background: #d3e4f9 url(grad_rightside_selected.jpg) repeat-x;
}

ul#lang li a {
font: bold 14px Arial, Helvetica, sans-serif;
color: #19147e;
text-decoration: none;
}

ul#lang li a:hover {
color: #d87711;
}

ul#languages {
list-style: none;
padding: 0 0 0 0;
}

ul#languages li {
float: left;
margin-right: 20px;
padding: 5px;
}

ul#languages img {
margin-right: 5px;
}

ul#languages a {
text-decoration: none;
font: bold 12px Lucida Sans, Helvetica, sans-serif;
color: #514e4e;
}

ul#languages li a:hover {
color: #ce620f;
}

ul#languages li.selected {
border: 1px solid #efefef;
padding: 5px;
}

ul#languages li.selected a {
color: #ce620f;
}

ul#subnav {
list-style: none;
height: 40px;
margin: 20px 0 0 0px;
padding: 0 0px 0 0px;
}

ul#subnav li {
float: left;
background: #a1a2a2 url(grad_table.jpg) repeat-x;
padding: 10px 23px 10px 25px;
margin-right: 1px;
}

ul#subnav li:hover, ul#subnav li.selected {
background: #b4b6b7 url(grad_table_selected.jpg) repeat-x;
}

ul#subnav li a {
font: bold 14px Lucida Sans, Lucida Grande, Lucida, Arial, sans-serif;
color: #222121;
text-decoration: none;
}

ul#laender {
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul#laender li {
padding: 7px 5px 7px 20px;
border-bottom: 1px solid #efefef;
}

ul#laender li:hover {
background: #dbebfd;
}

ul#laender li a:hover {
color: #de8a20;
}

ul#laender li a {
font: bold 15px Arial, Helvetica, sans-serif;
color: #112484;
text-decoration: none;
}

#contact {
background: #f2efef;
margin: 35px 0 35px 0;
padding: 0 0 10px 0;
width: 250px;
}

#contact img {
}

#contact ul {
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#contact ul li {
border-top: 1px solid #b8b7b7;
padding: 5px 5px 5px 10px;
color: #505050;
}

#contact ul li ul li {
border: none;
}

#contact ul li a{
color: #505050;
font-weight: bold;
text-decoration: none;
}

#contact ul li a:hover, #contact ul li.selected a, #contact ul li ul li.selected a {
color: #2d2c2c;
}


#contact ul li ul li a {
font-weight: normal;
}

#pics {
background: #f2efef;
margin: 35px 0 35px 0;
padding: 0 0 10px 0;
width: 250px;
}

.gallery {
margin-top: 10px;
padding: 0 0 0 6px;
}

.gallery img {
margin: 3px;
border: 1px solid #b8b7b7;
}


.gallery img:hover {
border: 1px solid #767373;
}

#contact p {
font: 13px Arial, Helvetica, sans-serif;
color: #505050;
line-height: 21px;
width: 240px;
padding: 0 0 0 0;
margin: 25px 0 10px 10px;
}

.contacts {
border-top: 1px solid #b8b7b7;
padding: 5px 5px 5px 5px;
clear: both;
color: #505050;
}

.contacts img {
float: left;
padding: 0 5px 0 5px;
}

#newnav {
border-bottom: 1px solid #e4e6e9;
}


.leftcell {
width: 400px;
}

.rightcell {
float: right;
margin-top: -45px;
}


.row {
border-top: 1px solid #f2efef;
padding: 2px 10px 10px 10px;
background: #fff url(grad_contentbac.jpg) repeat-x;
}

.rowx {
border-top: 1px solid #f2efef;
padding: 2px 10px 10px 10px;
background: #fff;
}

/* 
----------------------------------------------------------------------------- 
TABELLEN
-----------------------------------------------------------------------------*/


table#bilder {
margin-bottom: 50px;
}

table#bilder td {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #efefef;
}

table#bilder td#button1 {
padding-right: 30px;
}

table#bilder td#foto {
padding-right: 25px;
}

table#bilder td#bildname {
padding-right: 30px;
color: #112484;
width: 350px;
font: bold 14px Arial, Helvetica, sans-serif;
}

table#bilder input.hauptbild {
background: #fff url(button_hauptbild.jpg) no-repeat;
border: none;
width: 149px;
height: 32px;
text-indent: -9999px;
}

table#bilder input.delete {
background: #fff url(button_loeschen.jpg) no-repeat;
border: none;
width: 149px;
height: 32px;
text-indent: -9999px;
}

td#bildauswahl {
padding-right: 50px;
}

td#bildupload {
padding-right: 200px;
}


table#liste td.school {
font: bold 21px Arial, Helvetica, sans-serif;
color: #6b6e6f;
}

table#liste td.email, table#liste td.web {
font: bold 14px Arial, Helvetica, sans-serif;
color: #112484;
padding: 0 25px 0 50px;
}

table#liste td.edit {
padding-left: 60px;
}

table td.lefty {
width: 350px;
}

#weekbox table {
width: 400px;
}

td.week_left, td.week_right {
font: bold 14px Arial, Helvetica, sans-serif;
color: #112484;
background: #fff;
padding: 5px 10px 5px 10px;
}


td.number_left, td.number_right {
color: #112484;
font: bold 15px Arial, Helvetica, sans-serif;
background: #fff;
padding: 5px 5px 5px 10px;
}

td.number_left input, td.number_right input, #weekbox input {
font: bold 15px Arial, Helvetica, sans-serif;
border: none;
color: #112484;
}



.row input {
font: 14px Arial, Helvetica, sans-serif;
color: #514e4e;
line-height: 22px;
}

input#intro {
width: 700px;
height: 150px;
}

input#desc {
width: 700px;
height: 210px;
}

input#course {
width: 700px;
height: 100px;
}

input#equip {
width: 700px;
height: 100px;
}

#name {
border: 2px solid #d86411;
padding: 0 0 0 10px;
}

#logged {
padding: 1px 10px 1px 10px;
width: 250px;
left: 570px;
top: 250px;
position: absolute;
}

#weekbox {
background: #90a9da url(grad_weeks.jpg) repeat-x;
padding: 5px;
width: 400px;
color: #fff;
font: bold 14px Arial, Helvetica, sans-serif;
}

#agebox {
float: right;
margin-top: -290px;
width: 350px;
}

#agebox input {
padding: 5px;
color: #514e4e;
font: 14px Arial, Helvetica, sans-serif;
}

.booking {
background: #f2f7fd;
padding: 3px 5px 0px 5px;
border-top: 1px solid #cfc9c9;
border-bottom: 1px solid #cfc9c9;
margin: 0 0 5px 0;
}

img.buchen {
margin-left: 380px;
width: 82px;
}


.booking a {
font: bold 14px Arial, Helvetica, sans-serif;
color: #112484;
text-decoration: none;
padding: 0 0 10px 0;
}

.booking a:hover {
color: #d87611;
}

input#reg_ger {
background: #fff url(button_registrieren.jpg) no-repeat;
width: 97px;
height: 29px;
text-indent: 99999px;
border: none;
}

#existing {
margin-top: 50px;
float: left;
}

#existing .login {
background: #a6bde6 url(grad_login.jpg) repeat-x;
padding: 30px 10px 20px 10px;
width: 300px;
}

#data input {
width: 250px;
padding: 3px;
}

.signup {
background: #fff url(grad_registrieren.jpg) bottom repeat-y;
padding: 60px 10px 54px 20px;
}

.signup p {
margin: 0 0 30px 0;
width: 300px;
font: 13px Arial, Helvetica, sans-serif;
}

#new {
width: 364px;
float: right;
margin: -340px 174px 20px 0px;
}

.login form input#anmelden {
background: #fff url(button_login.jpg) no-repeat;
width: 86px;
margin-top: 10px;
height: 43px;
border: none;
text-indent: -99999px;
}

img.sky {
margin-top: 5px;
}

a.more {
padding: 0 0 20px 10px;
}
