/* DATEI: basis.css */

html { height: 101%; }

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;	
text-align: center;
margin: 0;
padding:0;
color: #333;
background-color: #EBECF8; 
}

.breaker {
overflow: hidden;
clear: both;
height: 0px;
}

img {
border: none;
}

a { 
color:#CC0202;
text-decoration:none;
}

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

div.hr { margin: 5px 0 15px 0; height: 1px; clear: both; background: #fff url(../img/line_horizontal.gif) repeat-x left bottom;}


div#surname_container{
	height:0px;
	left:-1000px;
	position:absolute;
	top:-1000px;
	width:0px;
}

/* ------------- Container ------------------- */

#main { width: 970px; margin: 0 auto; padding: 0 15px 15px 15px; text-align: left; background: #fff url(../img/bg_main.gif) repeat-y top left; }
#headerContainer {  width: 970px; position: relative; height: 115px; background: #353299 url(../img/bg_header.gif) no-repeat top left; }
#contentContainer { width: 970px; background: #fff url(../img/bg_content3.gif) repeat-y top left; }
#col1 { width: 190px; float:left; }
#contentContainer2 { width: 750px; float:right; padding: 0 15px 0 14px; }
#contentContainer2 #col2 { width: 510px; float:left; }
#contentContainer2 .fb_share { float:left; width: 510px; margin: 20px 0 0 0; }
#contentContainer2 #col3 { width: 210px; float:right; }
#contentContainer3 { width: 750px; float:right; padding-right: 15px; }
#contentContainer3 #col2 { width: 750px; }
#footer { background-color: #AAAAB3; font-size: 11px; color: #fff; padding: 5px 15px 5px 205px; margin-top: 10px; }

/* ------------- Header ------------------- */

#headerLogo {
position:absolute;
top: 0;
left: 0;
width: 190px;
height: 115px;
overflow: hidden;
color: #fff;
font-size: 10px;
text-align: center;
}

#headerLanguage { position: absolute; right: 15px; top: 10px; font-size: 11px; }

#headerSearch { position: absolute; right: 12px; top: 35px; width: 210px; font-size: 11px; }
#headerSearch form { margin:0; padding:0; float:right; background: none; }
#headerSearch input#searchinput { height: 14px; width: 100px; border: #fff 1px solid; padding: 2px; color: #333333; font-size: 11px; background:#fff;}
#headerSearch input.searchbutton { width: 24px; margin:0; height: 24px; background: url(../img/search_02.gif) no-repeat left; border: none; cursor:hand; cursor:pointer;}


#headerNav { position: absolute; right: 15px; top: 70px; font-size: 11px; color: #fff;}
#headerNav ul { padding: 0; margin:0; list-style-type:none; }
#headerNav li	{ float:left; }
#headerNav li.print	{ background: url(../img/icon_print.gif) no-repeat left; padding-left: 12px; margin-left: 5px; }
#headerNav li a	{ color: #fff; margin: 0 5px 0 5px;  }
#headerNav li a:hover	{ }

#navpath { position: absolute; top: 90px; left: 190px; height: 25px; width: 765px; padding-left: 15px; line-height: 25px; font-size: 11px; color: #333;  background-color: #fff; }
#navpath a { color: #333; }





/* ------------- col1 ------------------- */

#sidemenu { border-bottom: #fff 6px solid; }

#sidemenu ul#menu1 { padding: 0; margin:0; list-style-type:none; border-top: #fff 1px solid; border-bottom: #fff 5px solid; }
#sidemenu ul#menu1 li	{ margin:0; padding: 0; border-bottom: #fff 1px solid; background-color: #CC0202; }
#sidemenu ul#menu1 li a	{ color: #fff; font-weight: bold; padding: 5px 10px 5px 10px; display: block; }
#sidemenu ul#menu1 li a:hover	{ background-color: #DB4E4E; text-decoration:none; }
#sidemenu ul#menu1 li.current 	{ background-color: #8E0101; }
#sidemenu ul#menu1 li.current a:hover	{ background-color: #8E0101; }
#sidemenu ul#menu1 li a .subtitle, #sidemenu ul#menu1 li.current a .subtitle {font-size: 11px; font-weight: normal; color: #fff; }

#sidemenu ul#menu1 li ul { padding: 3px 0 3px 0; margin:0; border-top: #fff 1px solid; font-size: 11px; background-color: #EBECF8; list-style-type:none;  }
#sidemenu ul#menu1 li ul li { border:none; padding:0; margin:0;}
#sidemenu ul#menu1 li ul li a	{ color: #333; font-weight: normal; padding: 2px 10px 2px 10px; display: block; }
#sidemenu ul#menu1 li ul li a:hover	{ }
#sidemenu ul#menu1 li.current	li { background-color: #EBECF8; }
#sidemenu ul#menu1 li.current	li.current a { font-weight: bold; }
#sidemenu ul#menu1 li.current	li a:hover { background-color: #EBECF8; }

#sidemenu ul#menu2 { padding: 0; margin:0; list-style-type:none; border-top: #fff 1px solid;  }
#sidemenu ul#menu2 li	{ margin:0; padding: 0; border-bottom: #fff 1px solid; background-color: #919199; }
#sidemenu ul#menu2 li a	{ color: #fff; font-weight: bold; padding: 5px 10px 5px 10px; display: block;  }
#sidemenu ul#menu2 li a:hover { background-color: #B2B2B8; }
#sidemenu ul#menu2 li ul li a.current	{ font-weight: bold; }

#sidemenu ul#menu2 li.speciallink1 a	{ background:url(../img/specialLink7.gif); background-repeat: no-repeat;}
#sidemenu ul#menu2 li.speciallink1 a:hover { text-decoration:none; background:url(../img/specialLink7on.gif);}
#sidemenu ul#menu2 li.currentspeciallink1 { background-color: #65656B; background:url(../img/specialLink7cur.gif);}
#sidemenu ul#menu2 li.currentspeciallink1 a:hover { background-color: #65656B; text-decoration:none; background:url(../img/specialLink7cur.gif);}
#sidemenu ul#menu2 li.currentspeciallink1 li { background:none; }
#sidemenu ul#menu2 li.currentspeciallink1 li a:hover { background:none; }

#sidemenu ul#menu2 li.speciallink2 a	{  background:url(../img/specialLink8.gif); background-repeat: no-repeat;}
#sidemenu ul#menu2 li.speciallink2 a:hover { text-decoration:none; background:url(../img/specialLink8on.gif);}
#sidemenu ul#menu2 li.currentspeciallink2{ background-color: #65656B; background:url(../img/specialLink8cur.gif);}
#sidemenu ul#menu2 li.currentspeciallink2 a:hover  { background-color: #65656B; text-decoration:none; background:url(../img/specialLink8cur.gif);}
#sidemenu ul#menu2 li.currentspeciallink2 li { background:none; }
#sidemenu ul#menu2 li.currentspeciallink2 li a:hover { background:none; }

#sidemenu ul#menu2 li.speciallink3 a	{  background:url(../img/specialLink9.gif); background-repeat: no-repeat;}
#sidemenu ul#menu2 li.speciallink3 a:hover  { text-decoration:none; background:url(../img/specialLink9on.gif);}
#sidemenu ul#menu2 li.currentspeciallink3  { background-color: #65656B; background:url(../img/specialLink9cur.gif);}
#sidemenu ul#menu2 li.currentspeciallink3 a:hover  { background-color: #65656B; text-decoration:none; background:url(../img/specialLink9cur.gif);}
#sidemenu ul#menu2 li.currentspeciallink3 li { background:none; }
#sidemenu ul#menu2 li.currentspeciallink3 li a:hover { background:none; }

#sidemenu ul#menu2 li ul { padding: 3px 0 3px 0; margin:0; border-top: #fff 1px solid; font-size: 11px; background-color: #EBECF8; list-style-type:none;  }
#sidemenu ul#menu2 li ul li { border:none; padding:0; margin:0; background:none; }
#sidemenu ul#menu2 li ul li a	{ color: #333; font-weight: normal; padding: 2px 10px 2px 10px; display: block; }
#sidemenu ul#menu2 li ul li a:hover { background:none; text-decoration:none; }

#col3 .box { line-height: 110%; background: #AAAAB3 url(../img/bg_box_newsletter.gif) no-repeat right bottom; border-bottom: #fff 5px solid; padding: 5px 60px 5px 10px; }
#col3 .box a { font-size: 11px; color: #fff; }

#col1 #logos { text-align: center; padding: 30px 10px 15px 10px; }
#col1 #logos img { margin-bottom: 15px; }

/* ------------- col2 ------------------- */

.mainimg { margin: 0 0 15px 0; width: 510px; height: 195px; overflow: hidden; }

#startboxes { margin: 0 0 15px 0; }
#startboxes .box1 { float:left; width: 160px; height: 150px; overflow: hidden; margin-right: 15px; }
#startboxes .box2 { float:left; width: 160px; height: 150px; overflow: hidden; }
#startboxes .box3 { float:left; width: 160px; height: 150px; overflow: hidden; margin-left: 15px; }

#col2 h1 { font-family: Times New Roman, Times, serif; margin:5px 0 10px 0; font-size: 24px; font-weight: normal; color: #CC0202; line-height: 140%; }
#col2 h2 { font-size: 16px; font-weight: bold; line-height: 140%; }
#col2 h3 { font-size: 13px; font-weight: bold; color: #666; margin:0 0 20px 0; line-height: 140%; }
#col2 p { line-height: 140%; }

/*title dropdownmenu*/
h5 { margin:0; padding: 3px 5px 3px 5px; font-size: 12px; font-weight: bold; color: #fff; background-color:#CC0202; }


/* ------------- col3 ------------------- */

#col3 { font-size: 11px; }
#col3 h1 { font-family: Times New Roman, Times, serif; margin:0 0 10px 0; padding: 15px 0 3px 0; font-size: 14px; font-weight: bold; color: #CC0202; background: url(../img/line_horizontal.gif) repeat-x left bottom; }
#col3 h1.csc-firstHeader {margin:0 0 10px 0; padding: 0 0 3px 0; }
#col3 h2 { font-size: 12px; font-weight: bold; line-height: 140%; }
#col3 h3 { font-size: 11px; font-weight: bold; color: #666; margin:0 0 20px 0; line-height: 140%; }

#col3 .boxImportant { background-color: #CC0202; padding: 10px; margin-top: 15px; }
#col3 .boxImportant h1 { font-family: Times New Roman, Times, serif; margin:0 0 10px 0; padding: 0 0 3px 0; font-size: 14px; font-weight: bold; color: #fff; background: url(../img/line_horizontal.gif) repeat-x left bottom; }
#col3 .boxImportant a { color:#fff; }

/* ------------- footer ------------------- */

#footer a { color: #fff; }
#footer a:hover { }
.footerLeft { float:left; width:510px; }
.footerRight { float:right; width:210px; text-align: left;  }


/* ------------- News ------------------- */

.ausfluege-latest-container {}
.ausfluege-latest-text { width: 380px; float:left; }
.ausfluege-latest-text h2 { margin-top: 0px; }
.ausfluege-latest-img { width: 120px; float:right; }

.ausfluege-latest-hamburg-container {}
.ausfluege-latest-hamburg-container .ausfluege-latest-text { width: 320px; float:left; }
.ausfluege-latest-hamburg-container .ausfluege-latest-img { width: 180px; float:right; }

.news-latest-container {}
.news-latest-item {padding-bottom: 10px; margin-bottom: 10px; background: url(../img/line_horizontal.gif) repeat-x left bottom;}
.news-latest-text { width: 150px; float:left; }
.news-latest-text p { margin: 0; }
.news-latest-img { width: 55px; float:right; }


.news-list-container {}
.news-list-item { padding: 10px 0 5px 0; background: url(../img/line_horizontal.gif) repeat-x left top; }
.news-list-text { width: 380px; float:left; }
.news-list-text .news-list-date { font-size: 11px; }
.news-list-text h2 { margin: 0 0 10px 0; }
.news-list-text p { margin-top: 0px;  }
.news-list-img { width: 120px; float:right; }

.news-single-timedata { font-size: 11px; margin-bottom: 10px; }
.news-single-imgcaption { font-size: 11px; margin: 5px 0 20px 0; }

.interview-list-container {}
.interview-list-item { width: 160px; height: 240px; overflow:hidden; margin-right: 10px; float:left; }
.interview-list-img { width: 160px; height: 210px; overflow:hidden; }
.interview-list-text { width: 160px; height: 30px; overflow:hidden; line-height: 15px;}

.interview-single-img { float:right; margin: 0 0 10px 10px; }
.news-single-like {float:right; align: right;}

/* ------------- G�stebuch ------------------- */

.tx-veguestbook-pi1 {
}

.tx-guestbook-list-item { 
margin-top: 10px;
border-top: #FFCC66 1px solid;
}

.tx-guestbook-form-obligationfield {








color: #666666;
}

.tx-guestbook-form-inputfield-med, .tx-guestbook-form-inputfield-big, .tx-guestbook-form-textarea {
border: #999999 1px solid;
}

.tx-guestbook-form-textarea {
height: 70px;
}

/*input.button {
border: #FFCC66 1px solid;
background-color: #FFCC66;
color: #000000;
font-weight: bold;
padding: 5px 10px 5px 10px;
font-size: 11px;
}*/

/* ------------------------------ Formulare ----------------------------------- */

fieldset { border: #ccc 1px solid; padding: 10px;}

form {
padding: 10px;
margin: 10px 0 0 0;
font-size: 11px;
background-color: #EBECF8;
}

input, textarea, select {
font-size: 11px;
padding: 2px;
}

#name, #vorname, #organisation, #strasse, #geb, #tel, #email, #plz_ort, #land, #tel, #tel2, #tel_priv, #tel_buis, #fax, #geb, #beruf, #email, #language, #place_detail, #bemerkungen, #submit {
margin-top: 3px;
}

.title {
width: 120px;
float: left;
font-weight: bold;

}

#vorname input, #name input, #organisation input, #strasse input, #land input, #geb input, #beruf input, #fax input, #tel input, #tel_priv input, #tel_buis input, #tel2 input, #email input, #place_detail input, select {
width: 170px;
}

#bemerkungen textarea {
width: 290px;
height: 150px;
}

#plz_ort .plz {
width: 35px;
}

#plz_ort .ort {
width: 122px;
margin-left: 5px;
}

.chkbox {
width: 360px;
font-size: 11px;
padding: 2px;
}

.formtext {
line-height: 120%;
font-size: 11px;
}


#submit input {
margin-left: 120px;
margin-top: 10px;
/*
color: #fff;	
font-size: 11px;
font-weight:bold;
background-color: #CC0202;
border: #CC0202 1px solid;
padding: 3px;
*/
}

.error {
color: #CC0202;
font-size: 11px;
font-weight: bold;
border: #CC0202 1px solid;
padding: 5px;
margin-bottom: 10px;
}

.error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}

/* Tabellen */

.contenttable { width: 100%; }

.contenttable tr {
background-color:#EBECF8;
}

.contenttable th {
margin:0;
padding: 3px 7px 3px 7px;
font-size: 11px;
font-weight: bold;
background-color:#919199;
color: #fff;
}

.contenttable td {
margin:0;
padding: 3px 7px 3px 7px;
font-size: 11px;
}

.contenttable td p, .contenttable th p {
margin:0;
}

.contenttable tr.tr-even {}

.contenttable tr.tr-odd {background-color:#fff;}

.contenttable tr.tr-0 {
font-weight: bold;
background-color:#919199;
color: #fff;
}

.field_select, .field_input {
padding:5px;
}

.field_input input {
margin:5px; 
}


.field_select select{

margin:5px; 
}

/****** Dropdownmenu *****/

.tx-aldropdown-pi1 { margin: 0 0 10px 0; }
.tx-aldropdown-pi1 form { margin:0; padding: 10px; background: #5351a8; }
.tx-aldropdown-pi1 .dropDownMenuLabel { color: white; height: 16px; }
.tx-aldropdown-pi1 .dropDownMenuBox { margin: 0 0 5px 0; height: 20px; }
.tx-aldropdown-pi1 .dropDownMenuBox select { padding: 1px; width: 140px; }
.tx-aldropdown-pi1 .button {} 



/* ------------- Zwei Spalten (Service Kontakt)------------------ */

div#three_cols{margin: 0; padding:0; width:100%;}

div#three_cols #left {
float:left;
width:164px;
margin-right: 9px;
}

div#three_cols #center {
width:164px;
float:left;
margin-right: 9px;
}

div#three_cols #right {
width:164px;
float:right;
}

.csc-textpic-imagerow { margin-bottom: 10px; }
.csc-textpic-clear { height: 10px; }

/* ------------------------------download----------------------------------- */

.csc-uploads {
width:100%;
margin: 10px 0 20px 0;
font-size: 11px;
}


.csc-uploads td {
background-color: #efefef ;


padding: 5px;
}

.csc-uploads p {
margin:0px;
 }

.csc-uploads img {
border:none;
 }

.csc-uploads-icon {
width: 40px;
text-align: center;
}

.csc-uploads-fileSize {
width: 80px;
}

/* ----------------------------------------Unterseitenmenu ------------------------------------------------------*/

ul.csc-menu { padding: 10px 0 10px 20px; margin: 10px 0 20px 0; border-top: #CC0202 1px solid; border-bottom: #CC0202 1px solid; list-style: square; color: #CC0202; }

ul.csc-menu li {}

ul.csc-menu-mycolon { padding: 10px 0 10px 20px; margin: 10px 0 10px 0; list-style: square; color: #CC0202; }


/* ----------------------------------------SITEMAP ------------------------------------------------------*/

.csc-sitemap a {
color: #000000;
text-decoration: none;
}

.csc-sitemap a:hover {
color: #999999;
text-decoration: none;
}

.csc-sitemap-level1 {
font-size: 13px;
font-weight: bold;
border-top: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
margin:10px 0 5px 0;
padding: 2px 0 2px 5px;
}

.csc-sitemap-level1 a {
color: #cc0000;
}

.csc-sitemap-level2 {
font-size: 11px;
font-weight: bold;
padding: 3px 0 3px 10px;
margin:0;
}

.csc-sitemap-level3 {
font-size: 11px;
padding: 1px 0 1px 20px;
margin:0;
}

.csc-sitemap-level4 {
font-size: 11px;
padding: 1px 0 1px 30px;
margin:0;
}

/* ---------------------------------------- Meine Galerien Menu ------------------------------------------------------*/

ul.my_galleries_menu { padding: 10px 0 10px 20px; margin: 10px 0 20px 0; border-top: #CC0202 1px solid; border-bottom: #CC0202 1px solid; list-style: square; color: #CC0202; }
ul.my_galleries_menu li {}


/* ---------------------------------------- Meine Galerien Bildergalerie ------------------------------------------------------*/

div#gallery { font-size: 11px; margin:0; padding:0;}

div.thumb {
    margin-right: 10px;
    margin-bottom: 15px;
    padding:0;
    padding-bottom:15px;
    width: 160px;
    height: 220px;
    background-image: url(../img/thumb_bg.gif);
    background-repeat: no-repeat;
    float:left;
    font-size: 11px;
}

div.thumb .img {
height: 100px;
width: 140px;
margin: 10px auto;
 text-align: center;
}

div.thumb .gallery_info {
    margin: 2px 5px 0px 5px;
    height:65px;

     text-align: center;
}

div.thumb .picture_description_short {
    margin: 2px 5px 0px 5px;
    height:65px;

     text-align: center;
}

div.picture{
text-align:center;
clear:both;
margin-bottom:12px;
}

div.picture img{
text-align:center;
padding: 5px;
border: 1px solid #ccc;
}



div.description{
font-weight:bold;

}

div.description, .back_links{
text-align:center;
margin-bottom:8px;
margin-top:8px;
}

div.gallery_pages, #gallery_owner{
clear:both;
}

div.gallery_pages{
padding-top:20px;
}

.picture_menu {
margin:0 auto;
padding-bottom:10px;
}

.picture_menu a {
padding:5px;
}


ul.owner_actions {margin:0; padding:0; font-size: 11px; width:100px;}
.owner_actions li { margin:0; padding:0; list-style-type:none;  color: #CC0202;}

.owner_actions {width:160px; height:50px; padding-top:5px;}
.owner_actions a img { margin:0; padding:0; margin-right:5px; }
.owner_actions a { margin:0; padding:0; text-decoration: none; display:block;}


table.calendar-table {border: #ccc 1px solid; }


DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid #CECED9;
		padding: 0px 0px;
	}

/* ------------- TYPO3:EXT Course Modul ------------------- */

.courseContainer { }
.courseContainer form { padding:0; margin:0; background-color:none; font-size: 11px; }

.courseFilter { font-size: 11px; background-color: #EBECF8; margin-bottom: 10px; }
.courseFilter table td { padding: 5px; }
.courseFilter input, .courseFilter select  { font-size: 11px; }

.courseContent { margin-bottom: 10px; }
.courseContent table td { border-bottom: #919199 1px solid; padding: 5px; }
.courseContent table td.courseContentTitle { font-weight: bold; background-color:#919199; color: #fff;  padding: 5px; border:none; }
.courseContent input  { font-size: 11px; }
.courseContent select  { font-size: 11px; width:290px; }

.courseContent table td.titleImportant { background-color: #919199;  color: #fff; font-size: 14px; padding: 5px; font-weight: bold; border:none; }
.courseContainer table.formTable td {border:none; padding: 0 5px 5px 0; }
.courseContainer table.formTable td.firstCol { width: 120px; }

.courseButtons { padding: 10px; text-align: right; }
.price_info { padding: 10px; }



/* ========== GOOGLEMAPS ========== */

.tx-rggooglemap-pi1 { font-size: 11px; }

.poi-content {
width: 300px; padding:0;
}
#col2 .poi-content h1 { font-size: 14px; font-weight: bold;}

.poi-description {
float: right;
width: 210px;
}
.poi-image {
float: left;
width: 90px;
}
.poi-address {
border-top: 1px solid #CCCCCC;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}
#resultdiv {
display: none;
}

.markerTooltip { background: #CC0202; color: #fff; padding: 5px; }

/* ========== Einstufungstests ========== */

.rating { border: #CCC 1px solid; padding: 10px; font-size: 14px; }








.courseContent .dateSelector { float: left; margin-right: 10px; }
.courseContent .dateSelector select { width: 90px; }