/* DATEI: basis.css */

html { height: 101%; }

body { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;	
text-align: center;
margin: 0;
padding:0;
color: #666;
background: #fff url(../img/bg_graeser.gif) repeat-x bottom fixed; 
}

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

img {
border: none;
}

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

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

p, p.bodytext { margin:0; padding: 0 0 10px 0; }

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

#main { width: 795px; overflow:hidden; margin: 0 auto; padding: 10px 10px 20px 10px; text-align: left; }
#headerContainer { margin: 0; position: relative; height: 115px; }
#contentContainer { width: 795px; }
#col1 { width: 155px; float:left; }
#contentContainer2 { margin: 8px 0 5px 0; width: 620px; float:right; }
#contentContainer2 #col2 { width: 390px; float:left; line-height: 150%; padding: 5px 0 0 0; }
#contentContainer2 #col2full { width: 620px; float:left; line-height: 150%; padding: 5px 0 0 0; }
#contentContainer2 #col3 { width: 210px; float:right; font-size: 11px; }
#footer { width: 620px; margin-left: 175px; border-top: #C8D200 1px solid;  font-size: 10px; color: #666; padding-top: 5px; }

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

#headerNav { position: absolute; right: 0; top: 0; font-size: 12px; }
#headerNav ul { padding: 0; margin:0; list-style-type:none; }
#headerNav li	{ float:left; padding-left: 10px; }
#headerNav li a	{ color: #919900; }
#headerNav li a:hover	{ color: #919900; text-decoration:underline; }

#headerLogo {
position:absolute;
top: 0;
left: 0;
width: 310px;
height: 115px;
overflow: hidden;
}



/* ------------- Menu ------------------- */

#menu { position: absolute; right: 0; top: 72px; }

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

#menu li	{
float:left;
height: 36px;
line-height: 36px;
font-size: 13px;
padding: 0 0 0 21px;
background: url(../img/menu_normal.gif) no-repeat top left; 
}

#menu li.first	{
padding: 0 0 0 19px;
background: url(../img/menu_first.gif) no-repeat top left; 
}

#menu li.current {
font-weight: bold;
padding: 0 0 0 22px;
background: url(../img/menu_cur.gif) no-repeat top left; 
}

#menu li.first_current {
font-weight: bold;
padding: 0 0 0 22px;
background: url(../img/menu_cur_first.gif) no-repeat top left; 
}

#menu li.first_current div	{
padding-right: 22px; 
background: url(../img/menu_cur2.gif) no-repeat top right; 
}


#menu li.last_current {
font-weight: bold;
padding: 0 10px 0 22px;
background: url(../img/menu_cur.gif) no-repeat top left; 
}

#menu li.current div	{
padding-right: 22px; 
background: url(../img/menu_cur2.gif) no-repeat top right; 
}

#menu li.aftercurrent	{
padding: 0 21px 0 0;
background: url(../img/menu_normal_after.gif) no-repeat top right; 
}


#menu li.last {
padding: 0 10px 0 21px;
background: url(../img/menu_normal.gif) no-repeat top left;  
}

#menu li.last_aftercurrent	{
padding: 0 10px 0 0;
background: url(../img/menu_last_after.gif) repeat-x top left;  
}

#menu li a	{ color: #fff; }

#menu li.current a:hover, #menu li.first_current a:hover, #menu li.last_current a:hover	{ color: #fff; }
#menu li a:hover	{ color: #80000F; }





/* ------------- sidemenu ------------------- */

#logo2 { height: 70px; overflow:hidden; }
#search { height: 100px; padding-top: 25px; overflow:hidden; text-align:right; position:relative;}
#search form { margin:0; padding:0; float:right; }
#search input#searchinput { height: 14px; width: 80px; border: #ccc 1px solid; padding: 3px; }
#search input.searchbutton { width: 24px; margin:0; height: 24px; background: url(../img/search.gif) no-repeat left; border: none; }

#languageImg { position:absolute; bottom:10px; right: 0px; }

#sidemenu { padding-bottom: 15px; }

#sidemenu ul { padding: 0; margin:0; list-style-type:none; border-top: #C8D200 1px solid; font-size: 11px; }
#sidemenu ul li	{ margin:0; padding: 5px 10px 5px 10px; border-bottom: #C8D200 1px solid; text-align: right; }
#sidemenu ul li a	{ color: #666; }
#sidemenu ul li a:hover	{ color: #000; }
#sidemenu ul li.current	{ background-color: #F7F7C6; }
#sidemenu ul li.current	a { font-weight: bold; color: #333; }


#sidemenu ul li ul { padding: 0; margin:0; border:none; }
#sidemenu ul li ul li { border:none; padding: 7px 0 0 0; }
#sidemenu ul li.current ul li a	{ font-weight: normal; color: #666; }
#sidemenu ul li ul li a:hover	{ color: #000; }
#sidemenu ul li ul li a.current { color:#919900; }

#sidemenu ul li.current ul ul { padding: 0; margin: 3px 0 15px 0; border:none; }
#sidemenu ul li.current ul ul li { border:none; padding: 0; margin: 5px 0 0 0; padding-right: 10px; border-right: #919900 2px solid;}
#sidemenu ul li.current ul ul li a	{ font-size:9px; font-weight: normal; color: #666; }
#sidemenu ul li.current ul ul li a:hover	{ color: #000;  }
#sidemenu ul li.current ul ul li a.current { color:#919900;  }

/* ------------- maincontent ------------------- */
#headerimgContainer { width: 620px; margin-bottom: 10px; }
#headerimg { width: 620px; height: 195px; overflow: hidden; background: url(../../../bilder/header/hh_home_ohnebalken.jpg) no-repeat top left; position: relative; }
#headerimg .headerimgbox { position: absolute; width: 605px; height: 38px; top: 152px; left: 0; padding: 5px 0 0 15px; overflow: hidden; color: #fff; font-size: 20px; background: url(../img/bg_headerimg.png) no-repeat left top; }

#navpath { border-top: #C8D200 1px solid; height: 25px; line-height: 25px; font-size: 10px; color: #666; }
#navpath a { color: #666; }

#mainimg { width: 620px; padding-bottom: 10px; }
#mainimg .mainimgbox { width: 605px; height: 38px; padding-top: 157px; padding-left: 15px; overflow: hidden; color: #fff; font-size: 20px;}
#mainimg .home { background: url(../../../bilder/header/hh_home.jpg) no-repeat top left; }
#mainimg .igs { background: url(../../../bilder/header/hh_igs.jpg) no-repeat top left; }
#mainimg .park { background: url(../../../bilder/header/hh_park.jpg) no-repeat top left; }
#mainimg .projekte { background: url(../../../bilder/header/hh_projekte.jpg) no-repeat top left; }
#mainimg .veranstaltungen { background: url(../../../bilder/header/hh_projekte.jpg) no-repeat top left; }
#mainimg .sommerimpark { background: url(../../../bilder/header/banner_sip.jpg) no-repeat top left; }
#mainimg .veranstaltungsorte { background: url(../../../bilder/header/veranstaltungsorte.jpg) no-repeat top left; }
#mainimg .veranstaltungsarchiv { background: url(../../../bilder/header/veranstaltungsarchiv.jpg) no-repeat top left; }
#mainimg .entdeckertouren { background: url(../../../bilder/header/entdeckertouren.jpg) no-repeat top left; }
#mainimg .presse { background: url(../../../bilder/header/hh_presse.jpg) no-repeat top left; }
#mainimg .kontakt { background: url(../../../bilder/header/hh_kontakt.jpg) no-repeat top left; }

#mainimg h1 { padding:0 0 20px 0; margin:0; font-size: 18px; line-height: 24px; font-weight: normal; color: #333; }
#mainimg h2 { clear: both; margin:20px 0 10px 0; padding: 5px; font-size: 14px; font-weight: bold; color: #333; border-bottom: #C8D200 1px solid; background: #F7F7C6;}
#mainimg h3 { padding:0 0 20px 0; margin:0; font-size: 12px; font-weight: bold; color:#919900; }
#mainimg h4, #mainimg h5 { padding:0; margin:0; font-size: 12px; font-weight: bold; color:#333;  }

#contentContainer2 #col2 h1, #contentContainer2 #col2full h1 { padding:0 0 20px 0; margin:0; font-size: 18px; line-height: 24px; font-weight: normal; color: #333; }
#contentContainer2 #col2 h2, #contentContainer2 #col2full h2 { clear: both; margin:20px 0 10px 0; padding: 5px; font-size: 14px; font-weight: bold; color: #333; border-bottom: #C8D200 1px solid; background: #F7F7C6; }
#contentContainer2 #col2 h3, #contentContainer2 #col2full h3 { padding:0 0 20px 0; margin:0; font-size: 12px; font-weight: bold; color:#919900; }
#contentContainer2 #col2 h4, #contentContainer2 #col2full h4 { padding:0; margin:0; font-size: 12px; font-weight: bold; color:#333;  }
#contentContainer2 #col2 h5, #contentContainer2 #col2full h5 { padding:0; margin:0; font-size: 12px; font-weight: bold; color:#919900;  }
#contentContainer2 #col2 h6, #contentContainer2 #col2full h6 { padding:0; margin:0; font-size: 11px; font-weight: bold; color:#333;  }

/*.csc-textpic-caption { padding: 3px 5px 3px 5px; line-height: 120%; font-size: 10px; background-color: #E9E9E9; }*/
.csc-textpic-caption { padding: 3px 0 3px 0; line-height: 120%; font-size: 10px; }

#contentContainer2 #col2 ul, #contentContainer2 #col2full ul {list-style:square; color: #333; margin: 0 0 0 20px; padding: 0 0 10px 10px; }

#contentContainer2 #col3 h1 { clear: both; margin:0 0 10px 0; padding: 10px 0 3px 0; font-size: 11px; font-weight: bold; color: #333; border-bottom: #C8D200 1px solid;  }
#contentContainer2 #col3 h2 { clear: both; margin:20px 0 10px 0; padding: 5px; font-size: 11px; font-weight: bold; color: #333; border-bottom: #C8D200 1px solid; background: #F7F7C6; }
#contentContainer2 #col3 h3 { padding:0 0 20px 0; margin:0; font-size: 11px; font-weight: bold; color:#919900; }
#contentContainer2 #col3 h4 { padding:0; margin:0; font-size: 11px; font-weight: bold; color:#333;  }
#contentContainer2 #col3 h5 { padding:0; margin:0; font-size: 11px; font-weight: bold; color:#919900;  }
#contentContainer2 #col3 h6 { padding:0; margin:0; font-size: 11px; font-weight: bold; color:#333;  }


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

#printer {padding-top: 20px;}

#footer a { color: #666; margin-left: 7px; }
#footer a:hover { color: #000; }
.footerLeft { float:left; width:390px; }
.footerRight { float:right; width:210px; text-align: right;  }



/* ------------- geländeplan ------------------- */

#gelaendeplan {}
#gelaendeplan #map { float:left; width: 455px; }
#gelaendeplan #description { float: right; width: 155px; }

#contentContainer3 #col2 { width: 155px; text-align: left; font-size: 11px; } 
#contentContainer3 #col2 h1 { margin:0; padding: 5px 10px 5px 10px;  font-size: 12px; font-weight: bold; color: #333; background-color: #F7F7C6; }



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

input { font-family: Verdana; }

#contentContainer2 #col2 form, #contentContainer2 #col2full form {
margin:0;
background-color: #F7F7C6;
padding: 10px; 
}

.required {
line-height: 120%;
font-size: 10px;
padding-bottom: 20px;
}

input, textarea, select, .chkbox {
font-size: 11px;
color: #454545;
}

#interest {
margin-bottom:15px;
}

#vorname_nachname, #firma, #strasse, #plz_ort,  #land, #tel, #fax, #mobile input, #email, #www, #fuehrungen, #plaetze, #bemerkungen, #referer, #handelspotionen, #submit, #firstname, #lastname, #birthday, #zip_city,  #gender, #size, #weight, #address, #telephone, #subject, #experiences, #notice {
margin-top: 2px;
}

.title {
width: 110px;
float: left;
font-weight: bold;
font-size: 10px;
color: #333333;
}

#anrede select { width: 120px; }

#firma input, #strasse input, #land input, #tel input, #fax input, #mobile input, #email input, select, #plaetze input, #firstname input, #lastname input, #birthday input, #size input, #weight input, #address input, #zip_city input, #telephone input, #subject input, #notice textarea, #experiences textarea {
width: 170px;
font-family: Verdana, sans-serif;
}

#printmaterial { 
margin: 10px 0;
font-size: 10px;
}

#printmaterial div{ 
font-weight: bold;
color: #333333;
}

#veranstaltung input {
width:290px;
}

#bemerkungen textarea {
width: 290px;
height: 150px;
font-family: Verdana, sans-serif;
}

#vorname_nachname input.firstname   {
width: 80px;
}

#vorname_nachname input.lastname   {
width: 80px;
margin-left: 5px;
}

#plz_ort input.plz  {
width: 35px;
}

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

.chkbox {
width: 360px;
}

#verteiler {font-size: 11px; }

#fuehrungen { margin-top: 10px; }
#fuehrungen select { width: 250px; }
#plaetze input { width: 50px; }


#back {
position: relative;
top: -27px;
left: 100px;
}

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

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


input.submit, #submit input {
margin: 0 0 0 110px;
border: #7BB51E 1px solid;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: #ffffff;
background-color: #7BB51E;
text-decoration: none;
font-size: 11px;
}

/* ------------- diverses ------------------- */

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

.tx_lumogooglemaps_pi1_infobox, #gmapDirHead { font-size: 11px; }

form.newsletterform { font-size: 11px; }
form.newsletterform input { width: 170px; font-familily: verdana; font-size: 11px; }

form.newsletterform #submit input.newsletterSubscription {
margin: 0;
width: 100px;
border: #7BB51E 1px solid;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: #ffffff;
background-color: #7BB51E;
text-decoration: none;
font-size: 11px;
}

.green_box{
margin:0;
background-color: #F7F7C6;
border-bottom: white 10px solid;
padding: 2px 5px 2px 5px;
}


/* ------------- Tabellen ------------------- */

table.contenttable { width: 100%; font-size: 11px; }
table.contenttable tbody tr td p.bodytext { padding:0; margin:0; }
table.contenttable td { padding: 3px; }
table.contenttable tr.tr-even { background-color: #E9E9E9; }
table.contenttable tr.tr-odd {}
table.contenttable td.td-0 {font-weight: bold; }




/* ------------- Uploads ------------------- */

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

table.csc-uploads td { padding: 5px;}

table.csc-uploads tr  {
background-color: #F7F7C6;
}

table.csc-uploads p  {
margin: 0;
padding: 0;
}

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

table.csc-uploads .csc-uploads-fileSize {
width: 50px;
}

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

.news-latest-title h2 {
margin:0;
font-size: 12px;
color: #cc0000;
}

.news-latest-item, .news-list-item {
background-color: #F7F7C6;
margin: 5px 0 5px 0;
padding: 10px;
font-size: 11px;
line-height: 120%;
width: 370px;
}

.news-latest-date {
font-weight: normal;
margin-right: 10px;}

.news-latest-gotolist {
border-top: #cccccc 1px solid;
margin: 5px 0 5px 0;
padding: 5px;
}

.news-latest-item h3, .news-list-item h3 {
margin:0;
padding:0;
font-size: 11px;
}

.news-latest-item p.bodytext, .news-list-item p.bodytext  {
margin:0;
}

.news-list-image { 
width: 90px;
height: 90px;
overflow: hidden;
float: left;
}

.news-list-teaser {
float: right;
width: 265px;
}

.news-latest-date {
width: 45px;
float: left;
}

.news-latest-teaser {
float: right;
width: 295px;
}

.news-single-item h3 {
font-size: 11px;
font-weight: bold;
/*margin: 10px 0 10px 0;*/
}

.news-single-img{
margin: 10px 0 10px 0;
}

.news-single-imgcaption { font-size: 10px; }

dl.news-single-files { background-color: #E9E9E9; padding: 10px; font-size: 11px; }
dl.news-single-files dt { margin-bottom: 5px; }
dl.news-single-files dd { margin:0; }

dl.news-single-links { background-color: #E9E9E9; padding: 10px; }
dl.news-single-links dt { margin-bottom: 5px; }
dl.news-single-links dd { margin:0; }

dl.news-single-related { background-color: #E9E9E9; padding: 10px; font-size: 11px; }
dl.news-single-related dt { margin-bottom: 5px; font-size: 12px; }
dl.news-single-related dd { margin:0; }

.news-single-backlink {
margin: 5px 0 5px 0;
}


.newsStartFirst-list-item {
background-color: #F7F7C6;
margin: 5px 0 5px 0;
padding: 10px;
font-size: 11px;
line-height: 120%;
width: 600px;
}

.newsStartFirst-list-item h3 {
margin:0;
padding:0;
font-size: 11px;
}

.newsStartFirst-list-item p.bodytext {
margin:0;
}

.newsStartFirst-list-image { 
width: 210px;
float: left;
}

.newsStartFirst-list-teaser {
float: right;
width: 375px;
}

/*
.newsStartList-list-item {
background-color: #F7F7C6;
margin: 5px 0 5px 0;
padding: 10px;
font-size: 11px;
line-height: 120%;
width: 285px;
}
*/
.newsStartList-list-item {
background-color: #F7F7C6;
margin: 5px 10px 5px 0;
padding: 10px;
font-size: 11px;
line-height: 120%;
width: 285px;
height: 110px;
overflow: hidden;
float: left;
}

.newsStartList-list-item2 {
background-color: #F7F7C6;
margin: 5px 0px 5px 0;
padding: 10px;
font-size: 11px;
line-height: 120%;
width: 285px;
height: 110px;
overflow: hidden;
float: left;
}

#mainimg .newsStartList-list-teaser h3 {
margin:0;
padding:0;
font-size: 11px;
}

#contentContainer2 #col2 .newsStartList-list-item h3, #contentContainer2 #col2full .newsStartList-list-item h3, #contentContainer2 #col3 .newsStartList-list-item h3,
#contentContainer2 #col2 .newsStartList-list-item2 h3, #contentContainer2 #col2full .newsStartList-list-item2 h3, #contentContainer2 #col3 .newsStartList-list-item2 h3 {
margin:0;
padding:0;
font-size: 11px;
}

.newsStartList-list-item p.bodytext, .newsStartList-list-item2 p.bodytext  {
margin:0; padding:0;
}

.newsStartList-list-image { 
width: 120px;
height: 100px;
overflow:hidden; 
float: left;
margin: 0 10px 5px 0;
}

.newsStartList-list-teaser { 
width: 155px;
float: right; 
}



/* ----------------------------------------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;
}
*/
/* ------------- 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;
}

/* ------------------------------ Search ----------------------------------- */


/* ------------------------------ Search ----------------------------------- */

.tx-indexedsearch { font-size: 11px; }

.tx-indexedsearch-searchbox-button {
color: #ffffff;	
font-size: 11px;
font-weight:bold;
padding: 2px 5px 2px 5px;
background-color: #7BB51E;
border: #7BB51E 1px solid;
}

.tx-indexedsearch-res .tx-indexedsearch-res{
padding-top: 10px;
border-top: #cccccc 1px solid;
}

.tx-indexedsearch-res table {

}

.tx-indexedsearch-title-caption {
font-size: 12px;
font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:80px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:120px; }

.tx-indexedsearch-rules h2 {
color: #000000;
font-size: 11px;
font-weight: bold;
margin-top: 50px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background: none; font-weight: bold; font-size: 12px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color: #cc0000; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background: none; font-size: 11px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; font-size: 14px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background: none; padding: 0 5px 0 5px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title-icon {}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-percent { }

#contentContainer2 #col2 .tx-indexedsearch-browsebox ul.browsebox, #contentContainer2 #col2full .tx-indexedsearch-browsebox ul.browsebox { margin:0 0 20px 0; padding:0; }


/* --------------------------------------------------- GALLERY ----------------------------------------------------------*/

.tx-gooffotoboek-pi1 {}

#contentContainer2 #col2 .tx-gooffotoboek-pi1 h1, #contentContainer2 #col2full .tx-gooffotoboek-pi1 h1 { clear: both; margin:0 0 10px 0; padding: 0 0 3px 0; font-size: 14px; font-weight: bold; color: #333; border-bottom: #C8D200 1px solid; }

#contentheader {
padding:0 0 10px 0;
}

/*#galcontent {
margin: 0 auto;
padding-top:15px;
}

#gallery {
width: 388px;
padding: 7px;
margin-bottom: 10px;
border: #cccccc 1px solid;
}

.gallery_container {
padding: 7px;
width: 172px;
height: 172px;
float: left;
}

.gallery_box {
width: 90px;
height: 90px;
font-size: 11px;
padding:5px;
text-align: center;
border: #cccccc 1px solid;
}

.gallery_img {
margin:0 auto;
padding:0;
height: 90px;
width: 90px;
}

.gallery_box_single {
width: 388px;
height: 388px;
margin: 0 0 20px 0;
padding:0;
text-align: center;
}

.gallery_img_single {
padding:0;
margin:0 auto;
}



#galcontent .csc-header {
margin-top:0px;
text-align: right;
}*/

/* Fotobook 
------------------------------------------------------------------------ */
td.gfpb_portret { width:55px; }
td.gfpb_landscape { width:55px; }
td.gfpb_portret div{height: 87px; width: 87px; border: 1px #c8d200 solid; padding: 5px 0 0 0; margin: 0 5px 5px 0;}
td.gfpb_landscape div{height: 87px; width: 87px; border: 1px #c8d200 solid; padding: 5px 0 0 0; margin: 0 5px 5px 0;}
.imageWrap {width: 370px; padding: 10px; border: 1px #c8d200 solid; text-align:center;}

/* mp3 player  pmkmp3player
------------------------------------------------------------------------ */

.tx-pmkmp3player-pi1 {border-width:0;} 



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




/* Slider
------------------------------------------------------------------------ */
#sliderContainer {
	width: 360px;
	padding: 0 15px 5px 15px;
	background-color: #FFFFFF;
	border: 1px solid #C8D200;
}
#slider {
	margin: 0 auto;
	position: relative;
	/*border: 1px solid #C8D200;*/
	background-color: #fff;
	padding: 5px;
}
.scroll {
  overflow: auto;
  overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background-color: #fff;
}
.scrollContainer {
}
.scrollContainer div.panel {
	padding: 0 5px;
}
.scrollContainer div.panel p {
	font-size: 11px;
	line-height: 1.2em;
}
.scrollButtons {
	cursor:pointer;
}
ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 7px;
  list-style:none;
}
div#slider_nav {
	width:100%;
	float:left;
}
ul.navigation li {
  float:left; 
  margin: 5px 5px 0 0;  
  padding: 0;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}
ul.navigation li.selected {
	border-bottom: 1px solid #fff;
}
ul.navigation a {
  float:left;
  display:block;
  color:#334;
  background:#ececec;
  padding:1px 11px 1px 8px; 
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
  width: auto;
}
ul.navigation a:hover,
ul.navigation li.selected a { 
    background-color: transparent;
}
ul.navigation #current a {
  background-color:#fff;
  border-bottom: 1px solid #fff;
}
#slider .scrollButtons {
    position: absolute;
    top: 100px;
    cursor: pointer;
}
#slider .scrollButtons.left {
    left: -15px;
}
#slider .scrollButtons.right {
    right: -15px;
}
#counter {
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #666666;
	font-size: 11px;
}




/* Maßnahmen 2010 / Wasserstraßen
------------------------------------------------------------------------ */
#massnahmen, #wasserstrassen {
	position: relative;
}
#massnahmen .element, #wasserstrassen .element {
	position: absolute;	
	width: 250px;
	font-size: 11px;
	margin: 0;
}
#massnahmen .left_up, #wasserstrassen .left_up {
	padding: 40px 0 0 0;
	background: url(../img/pointer_left_up.gif) no-repeat 25px top;
}
#massnahmen .right_up, #wasserstrassen .right_up {
	padding: 40px 0 0 0;
	background: url(../img/pointer_right_up.gif) no-repeat 200px top;
}
#massnahmen .left_down, #wasserstrassen .left_down {
	padding: 0 0 40px 0;
	background: url(../img/pointer_left_down.gif) no-repeat 25px bottom;
}
#massnahmen .right_down, #wasserstrassen .right_down {
	padding: 0 0 40px 0;
	background: url(../img/pointer_right_down.gif) no-repeat 200px bottom;
}
#massnahmen .elementContent, #wasserstrassen .elementContent {
	padding: 10px;
	width: 230px;
	background-color: #FFFFFF;
	margin: 0;
}
#col2 #massnahmen .elementContent h1, 
#col2 #wasserstrassen .elementContent h1,
#col2full #massnahmen .elementContent h1, 
#col2full #wasserstrassen .elementContent h1 
{ clear: both; margin:0 0 10px 0; padding: 0px 0 3px 0; font-size: 11px; font-weight: bold; color: #333; border-bottom: #C8D200 1px solid; }
#massnahme1 {
	top: 438px;
	left: 180px;
}
#massnahme2 {
	top: 385px;
	left: 215px;
}
#massnahme3 {
	top: 217px;
	left: 245px;
}
#massnahme4 {
	top: 290px;
	left: 330px;
}
#massnahme5 {
	top: 408px;
	left: 358px;
}
#massnahme6 {
	top: 228px;
	left: 135px;
}
#massnahme7 {
	top: 426px;
	left: 217px;
}
#massnahme8 {
	top: 400px;
	left: 290px;
}
#massnahme9 {
	top: 543px;
	left: 177px;
}


#gruen1 {
	top: 30px;
	left: 148px;
}
#gruen2 {
	top: 276px;
	left: 191px;
}
#gruen3 {
	top: 497px;
	left: 176px;
}
#gruen4 {
	top: 602px;
	left: 160px;
}
#gruen5 {
	top: 631px;
	left: 133px;
}
#gruen6 {
	top: 600px;
	left: 127px;
}
#gruen7 {
	top: 616px;
	left: 183px;
}
#gruen8 {
	bottom: 233px;
	left: 335px;
}


#rot1 {
	top: 30px;
	left: 172px;
}
#rot2 {
	top: 276px;
	left: 216px;
}
#rot3 {
	top: 352px;
	left: 257px;
}
#rot4 {
	top: 373px;
	left: 312px;
}
#rot5 {
	top: 443px;
	left: 191px;
}
#rot6 {
	bottom: 248px;
	left: 156px;
}
#rot7 {
	bottom: 217px;
	left: 169px;
}


#gelb1 {
	bottom: 200px;
	left: 261px;
}
#gelb2 {
	bottom: 181px;
	left: 219px;
}
#gelb3 {
	bottom: 91px;
	left: 212px;
}
#gelb4 {
	bottom: 142px;
	left: 143px;
}
#gelb5 {
	bottom: 175px;
	left: 154px;
}
#gelb6 {
	bottom: 220px;
	left: 147px;
}
#ballinstadt {
	bottom: 250px;
	left: 315px;
}

/* Bewerbungsformular
-------------------------------------------------------------------------------------------------------------------------------------- */

.tx-thmailformplus-pi1 form.bewerbung {  }
.tx-thmailformplus-pi1 .bewerbung input.inputText { width: 170px; }
.tx-thmailformplus-pi1 .bewerbung div.fieldLine { clear: both; margin: 15px 0; }
.tx-thmailformplus-pi1 .bewerbung div.checkbox { float: right; }
#contentContainer2 #col2 .tx-thmailformplus-pi1 form.bewerbung h3, #contentContainer2 #col2full .tx-thmailformplus-pi1 form.bewerbung h3 { margin: 50px 0 20px 0; padding: 0; }
.tx-thmailformplus-pi1 .bewerbung label { cursor: pointer; display: inline-block; width: 330px; }
.tx-thmailformplus-pi1 .bewerbung textarea.inputTextarea { width: 365px; }

/* einzelne Bereiche */
.tx-thmailformplus-pi1 .bewerbung div.besucherherkunftCountryZone, .tx-thmailformplus-pi1 .bewerbung div.besucherherkunftCountry { margin: 5px 0; }
.tx-thmailformplus-pi1 .bewerbung div#besucherHerkunftsregionAusland { margin: 30px 0 15px 0; }
.tx-thmailformplus-pi1 .bewerbung #begruendungProjektPartner label { width: 340px; }
.tx-thmailformplus-pi1 .bewerbung #ansprechpartnerName div.input { float:left; }
.tx-thmailformplus-pi1 .bewerbung #ansprechpartnerName input#ansprechpartnernachname { margin-left: 5px; }
.tx-thmailformplus-pi1 .bewerbung div.adresse { margin: 2px 0; }
.tx-thmailformplus-pi1 .bewerbung .adresse label { display: block; width: 100%; }
.tx-thmailformplus-pi1 .bewerbung #adresseLandPlzStadt div.input { float: left; }
.tx-thmailformplus-pi1 .bewerbung #adresseLandPlzStadt input#adresseland { width: 20px; }
.tx-thmailformplus-pi1 .bewerbung #adresseLandPlzStadt input#adresseplz { width: 45px; margin-left: 5px; }
.tx-thmailformplus-pi1 .bewerbung #adresseLandPlzStadt input#adresseort { width: 200px; margin-left: 5px; }
.tx-thmailformplus-pi1 .bewerbung div.oeffnungszeiten { margin: 5px 0; }
.tx-thmailformplus-pi1 .bewerbung .oeffnungszeiten label { width: 100px; float: left; }
.tx-thmailformplus-pi1 .bewerbung .oeffnungszeiten div.input { float: left; }
.tx-thmailformplus-pi1 .bewerbung .oeffnungszeiten div.input select { width: auto; }
.tx-thmailformplus-pi1 .bewerbung .oeffnungszeiten div.spacer { float: left; margin: 0 10px; }


.err, .err ul li { font-weight: bold; color: #ff0000; }