/**
* Grafeneck Gedenkstaette
**/


/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-sans-v17-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-sans-v17-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

 
 /* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/open-sans-v29-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/open-sans-v29-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v29-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v29-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

 
 
 
/*** Allgemeines ***/ 
.slicknav_menu {display:none; } 
#quickLink1 { background-color: #212121; position: absolute; top: 40px;  z-index: 1000; margin: 0px auto; padding: 0px; width: 100%; }
#quickLink1 ul { margin: 0px auto; padding: 0px; }

html { box-sizing: border-box; font-size: 100%; } 

/* Silbentrennung lange Woerter koennen Boxen sprenegen 

html {
    box-sizing: border-box;
    font-size: 100%;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
*/

body {
    font-family: 'Courier New', 'Open Sans';
    font-weight: normal;
    background-color: #ffffff;
    background: #ffffff none repeat scroll 0 0;
    color: #0a0a0a;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

#ergebnisseRumpf li a:hover {
    color: #353535;
}
#ergebnisseRumpf .info {
 margin-bottom: 30px; 
}


 
.ym-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 65rem;
} 


#main { width: 1024px; margin: 0px auto; background-image: url(../img/mainback.png);  }
#main .ym-column .ym-col1 { width: 225px; }
#main .ym-column .ym-col2 { width: calc(100% - 225px); }

#main .ym-col2 .ym-cbox { padding: 0px; padding-left: 40px; }

/* CONTENT Inhalt */
#content {  margin-top: 50px; background-color: #ffffff; min-height: 370px; z-index: 1010; padding: 0px 4px; }
#content h1 {  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif; font-weight: normal; font-size: 200%; background-color: #555555; color: #ffffff; padding: 0px 0px 5px 0px; margin-right: -4px; margin-left: -4px; margin-bottom: 4px; text-transform: uppercase;}
#content h2 {font-weight: normal; border: none; margin-bottom: 15px; }

.subcl, .subc, .subcr{
	height: 100%;
	padding:0px;
}

#content img { margin: 0px; max-width: 100%; }
.basecontent-dvv-kontaktdaten .mail .bez { display:none;}
.basecontent-dvv-kontaktdaten .cityline {margin-bottom: 3px;}
.basecontent-dvv-kontaktdaten .efaLink {margin-bottom: 3px;}

.basecontent-image{ margin: 0; }
 
.caption {font-style: italic; font-size: 0.9rem;} 
 

#content figure.basecontent-image, #content figure.bildcss { max-width: 100%; }
.pager {text-align: center; margin: 20px;}
.pager .ui-state-default a,
.pager .ui-state-default.ui-state-active.current,
.zmNavigClassInnen .current,
.zmNavigClassInnen a,
.homepage a,
.button a{
  display: inline-block;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border-radius: 3px !important;
  padding: 1.15em 1em;
  margin: 0 0 1rem 0;
  font-size: 1rem;
  color: #fff; }
  
.pager .ui-state-default.ui-state-active.current {
margin: 0px !important;
padding: 1.3rem 2rem;
}  

#content .basecontent-line-break-text strong { font-weight: bold;}
#content .basecontent-line-break-text b { font-weight: bold;}
#content .basecontent-line-break-text u { text-decoration: underline;}

  
/* Trenner */	
.basecontent-dvv-trenner .sep{
color:transparent;
border: 0;
border-bottom:1px transparent solid;
background:transparent;
padding:40px 0;
margin: 0px auto;
} 

.basecontent-dvv-trenner.small .sep{
color:transparent;
border: 0;
border-bottom:1px transparent solid;
background:transparent;
padding:4px 0;
margin: 0px auto;
} 

hr{
color:transparent;
border: 0;
border-bottom:1px transparent solid;
background:transparent;
padding:4px 0;
margin: 0px auto;
} 

.ui-tabs .basecontent-dvv-trenner .sep {padding: 0px;}	


/* header Bereich */
#header { height: 280px;}


header  .top-1 { top: 0; left: 0; height: 50px; width: 100%; z-index: 1001; }

header #links { height: 40px;  }
header #language { width: 520px; float: left; margin-top: 10px; font-family: 'New Courier';}
header #language a[lang*=de] { padding-right: 15px; text-transform: uppercase; text-decoration: none; color:#373737; }
header #language a[lang*=de]:hover { text-decoration: underline; color:#000000;}
header #language a[lang*=de]::after{ content: "Deutsch"; padding-left: 5px;}
header #language a[lang*=fr] { padding-right: 15px; text-transform: uppercase; text-decoration: none; color:#373737; }
header #language a[lang*=fr]:hover { text-decoration: underline; color:#000000;}
header #language a[lang*=fr]::after{ content: "Franzoesisch"; padding-left: 5px; }
header #language a[lang*=en] { padding-right: 15px; text-transform: uppercase; text-decoration: none; color:#373737;}
header #language a[lang*=en]:hover { text-decoration: underline; color:#000000;}
header #language a[lang*=en]::after{ content: "Englisch"; padding-left: 5px;}
header #language a[lang*=tr] { padding-right: 15px; text-transform: uppercase; text-decoration: none; color:#373737; font-family: 'New Courier'; }
header #language a[lang*=tr]:hover { text-decoration: none; color:#000000; font-family: 'Open Sans'; font-size: 99%;}
header #language a[lang*=tr]::after{ content: "Leichte Sprache"; padding-left: 5px;}
body [lang*=tr]{ font-family: 'Open Sans';}

header #sb-search { float: right; }
#qs_query {background-color:#cccccc; padding: 9px 5px 2px 15px; width: 240px; border: 1px solid #787878; box-shadow: 3px 2px 11px hsla(300,5%,15%,0.1) inset; }
#sb-search .quicksearchimg { padding-top: 10px; margin-top: 3px}

header .top-2 { margin-top: 50px; }
header .logo { position: absolute; z-index: 300; top: 75px; height: 150px; }
header .ym-gl.logo {height: 110px;}

header .top-2 .wayhome-outer  { width: 100%; margin-top: 136px; margin-left: 250px; background-color: #b2b2b2; }
/* wayhome outer */
.wayhome { margin: 0 0 1rem;}
.wayhome span { font-size: 0.6875rem; margin: 0 0.75rem; cursor: default; text-transform: uppercase; }
.wayhome span.nav_12009225 {margin: 0 0.75rem 0 0;}
.wayhome a { text-decoration: none; }
.wayhome a.active { color: #0a0a0a;}	
.wayhome a:hover { text-decoration: underline; }


header .top-3 { margin: 0px auto 20px auto; height: 345px; width: 100%; background: #555555; }

#nav {  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif; font-size: 120%; margin-left: 225px; }
.nav { height: 50px; margin: 0px auto;  width: 100%; background-color: #272727; }
#nav ul { padding-top: 20px; padding-left: 40px; }
#nav li { float: left; list-style-type: none;  margin: 0px;}
#nav li + li { background: url(http://www.gedenkstaette-grafeneck.de/site/Grafeneck-Gedenkstaette/resourceCached/9.2.1/img/trenner.png) 0px 7px no-repeat; padding-left: 20px;}
#nav li a { color: #ffffff; text-transform: uppercase; text-decoration: none; }


/* footer Bereich */
#footer li{ list-style-type: none; }
#footer .sitemap { padding: 15px 0px;}
.home #footer .sitemap { padding: 5px 0px;}
#footer .sitemap a + a { background: url(http://www.gedenkstaette-grafeneck.de/site/Grafeneck-Gedenkstaette/resourceCached/9.2.1/img/trenner.png) 0px 3px no-repeat; padding-left: 25px;}
#footer .sitemap a {text-decoration: none;}
#footer .sitemap a:hover {text-decoration: underline;}
#footer .copyright { padding: 15px 15px;}
.home #footer .copyright { padding: 5px 15px;}


/* Element "Download-Liste" */
table.downloadlist { border: 1px solid #ddd; border-collapse: collapse; }
.downloadlist td, .downloadlist th { border-top: 1px solid #ddd; border-left: 1px solid #ddf; border-bottom: 1px solid #ddd; padding: 2px 5px; vertical-align: top; background-color: white; }
.downloadlist .odd td { background-color: #ffffff; }
.downloadlist .even td { background-color: #f0f0f2; }
.downloadlist .dlType { text-align: center; }
.downloadlist td.dlType { padding: 5px 0 0; }
.downloadlist .dlName { min-width: 150px; font-weight: bold; }
.downloadlist .dlName .description { font-weight: normal; }
.downloadlist .dlDate { }
.downloadlist .dlSize { text-align: right; }
.downloadlist TH A { font-weight: bold; }
.downloadlist img.ui-icon { top: 4px; }
.border0 { border: 0; }


/* Tooltip CMSVII-278 */
.tooltip { display: none; background-color: InfoBackground; border: 1px solid ThreeDShadow; color: InfoText; font: message-box; padding: 3px; font-size: 13px; }


/* Effekt bxSlider */
.bx-wrapper .bx-controls-direction a.bx-next { top: inherit; bottom: 0; right: 0; }
.bx-wrapper .bx-controls-direction a.bx-prev { top: inherit; bottom: 0; left: 0; }


/* jQuery UI */
.ui-autocomplete li { list-style: none; }
img.ui-icon { height: 16px; width: 16px; position: relative; display: inline; border: 0; text-indent: 0 }


/* Kommentarfunktion */
.commentDiv { padding: 5px; margin-top: 20px; }
.commentDiv .title { font-weight: bold; }
.commentDisabledDiv { background: #fbb; border: 1px solid #933; padding: 5px; margin-bottom: 5px; }
.commentEnabledDiv { border-top: 1px solid #DDD; padding: 5px; }
.subscriptionsDiv { padding: 5px; margin-bottom: 20px; border: 1px solid #DDDDDD; }
.commentDelayedDiv { background: #ffe; border: 1px solid #ff0; padding: 5px; margin-bottom: 5px; }
#createCommentCaptchaDiv { margin-top: 0.5em; width: 100%; clear: both }
.captchaImage {}
.captchaQuestionLabel { display: block; }
.captchaQuestion { display: block; }
.captchaQuestion .ym-button.ym-small { width: auto}
.ym-columnar .ym-fbox-text .captchaInput input { float: right }


/* Tagging */
.tagCloudDiv .cloudEntrySize-1 { font-size: 0.9em; }
.tagCloudDiv .cloudEntrySize0 { font-size: 0.9em; }
.tagCloudDiv .cloudEntrySize1 { font-size: 1em; }
.tagCloudDiv .cloudEntrySize2 { font-size: 1.2em; }
.tagCloudDiv .cloudEntrySize3 { font-size: 1.4em; }
.tagCloudDiv .cloudEntrySize4 { font-size: 1.6em; }
.tagCloudDiv .cloudEntrySize5 { font-size: 1.8em; }
.tagCloudDiv .cloudEntrySize6 { font-size: 2.0em; }
.tagCloudDiv .cloudEntrySize7 { font-size: 2.2em; }
.tagCloudDiv .cloudEntrySize8 { font-size: 2.4em; }
.tagCloudDiv .cloudEntrySize9 { font-size: 2.6em; }


#content { } /* kein Overflow hidden wegen Schatten VK Boxen*/
#content + footer { clear: inherit; margin-top: 1em; }

/* Textfarben - cms-global-configuration.TextDecorator.Colors */
.primary1 { color: #565A5B; }
.primary2 { color: #FF0000; }
.primary3 { color: #008000; }
.cursorPointer { cursor: pointer; }

/* - - Links - - */
.linked { font-style: italic } /* referenziert */ 
.image a { padding: 0; background: none;  } /* verlinktes Bild */ 

/* Druck der aktuellen Seite (nicht Druckversion) */
@media print {.ym-col3 {width:auto; margin: 0 0 0 20%}} /* todo: 1-2-3 */

/* Wenn Service-Spalte (col2) nicht vorhanden */
.ym-col1 + .ym-col3 {width:auto;margin:0 0 0 20%}
body.home .ym-col3 {margin:0 20% 0 0;}

/* hervorgehobene Suchtreffer */
.highlight {color:#003;background-color:#ffd}


/* Formulare */
.basecontent-form-editor .formTitle /* Ueberschrifts-Element (ohne Eingabefelder) */
{ padding: 0.3em 0em; margin-bottom: 0.5em;}

.basecontent-form-editor fieldset + div.formElement:first-child /* Ueberschrifts-Element (ohne Eingabefelder) */
{ padding: 0.3em 0em; margin-bottom: 0.5em;}
.basecontent-form-editor fieldset + div.formElement:first-of-type /* Ueberschrifts-Element (ohne Eingabefelder) */
{ padding: 0.3em 0em; margin-bottom: 0.5em;}
.basecontent-form-editor .ym-fbox-check label:first-child
{ width: 30%; float: left;}
.basecontent-form-editor .ym-columnar .ym-fbox-check input
{ margin-left:0;}

/* CMSVII-931 */
.basecontent-form-editor .formElement span.right {
  display: block;
  float: left;
  width: 67.2%;
}
.basecontent-form-editor .formElement img.captcha {
    display: inline-block;
    /* float: right; */
    height: 50px;
    width: 180px;
}
.basecontent-form-editor .formElement img.captchaReload {
    display: inline-block;
    height: 16px;
    width: 16px;
    float: right;
    margin-left: 1ex;
}
.basecontent-form-editor div.captcha { display:none;}


@media screen and (min-width: 0px){
  /* CMSVII-931 */
  .basecontent-form-editor .formElement span.right {width: 70%; padding-right: 0}
  /* CMSVII-1146 */
  .basecontent-form-editor .formElement div.senderCc span.right {width: 70%; padding-right: 0; float: right}
}



.ym-form legend.emptyLegend { padding: 0; }
.basecontent-form-editor .formElement label
{
  font-size: 12px;
  font-weight: bold;
}
.ym-form label .small
{
  display: block;
  font-size: 11px;
  font-weight: normal;
}
.ym-form label.error {color:red;}
.error {color:red;}


/* Tabellen table */
#content .basecontent-table { margin: 30px 0px; }
#content .basecontent-table .hide-grid caption { font-size: 140%; }
#content .basecontent-table thead tr.head th { padding: 10px 10px;}
#content .basecontent-table td { padding: 3px 10px; }
#content .basecontent-table .show-grid caption { font-size: 140%; }
#content .basecontent-table strong { font-weight: bold;}



/* Option "Raster anzeigen" bei CMS-Tabellen */
.show-grid, .show-grid td {border:1px solid #ccc;}
.show-grid.orgChart td {border:inherit;}
.show-grid.orgChart td.organizationalchart {border:1px solid #000;}


/*** Alternierende Listen oder Tabellen ***/
table .odd {background-color:#ffffff;}
table .even {background-color:#d0d0d2;}


/*** Tag clouds ***/
.tagCloud ul {margin:0;}
.tagCloud li {margin-left:0;display:inline;}
.tagCloud a {text-decoration:none;white-space:nowrap;word-spacing:0;color:#0000FF;border-bottom:1px dotted #bbf;}
a.tag1 {/* geringste Haeufigkeit */ font-size:0.9em;color:#6666FF;}
a.tag2 {font-size:1.0em;color:#4444FF;}
a.tag3 {font-size:1.2em;font-weight:600;color:#1111FF;}
a.tag4 {font-size:1.3em;font-weight:800;color:#0000FF;}
a.tag5 {/* groesste Haeufigkeit */ font-size:1.5em;font-weight:800;color:#0000CC;}


/* Zufaellige Hervorhebung 1 +2 */
a.tag_rnd1 {color:#f00;}
a.tag_rnd2 {color:#f77;}

/* Tabellen-Clone */
.fixedtableheader td {background-color:white;}

/* Pager */
.pager .current {font-weight:bold;}
.pager .ui-state-default {padding: 2px 8px;}

/* added classes */
.icon {border:0;vertical-align:middle;}

/* Effekt */
.toggle-icon {position:absolute;left:.5em;top:50%;margin-top:-8px;}
.toggle_title {cursor:pointer;font-size:1em;margin-bottom:5px;padding:10px 0 10px 30px;position:relative;}

/* A-Z Register */
.folderRegister .ui-state-default{padding:2px 8px}

/*Kontakte */
.kontakt {display: flex; flex-wrap:wrap; }
.kontakt img {border-radius: 50%;}
.kontakt h2 {
    border: medium none;
    margin-bottom: 0.5rem;
    padding-top: 3rem;
    padding-bottom: 0;
}

.kontakt .kontakt-text {margin-left: 166px;}

/* Bildergalerie Uebersicht*/
.equal {display: flex; flex-wrap:wrap; }
.equal  h2 {float: left; width: 47%;}
.equal .text {margin-left: 256px;}


/* EFFEKTE
------------------------------------------------------------------------------------------ */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0 !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0 !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0 !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0 !important; }
.ui-widget-content { background: none !important; border: medium none !important; margin: 0 !important; 	padding: 0 !important; background-color:#FFF; }
.ui-widget-content p { margin-bottom:0 !important; }
.ui-tabs .ui-tabs-panel { border-width: 0; display: block; padding: 20px !important; }
.ui-tabs .ui-tabs-nav {padding: 0;}
.ui-widget-header { 	border: medium none !important; font-weight: normal; background: none; }
.ui-tabs .ui-tabs-nav li { border-bottom: 0 none !important; float: left; list-style: none outside none; margin: 0 0.2em 0 0; padding: 0 !important; position: relative; top: 0; white-space: nowrap; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; 	cursor: pointer; background-color: transparent;	border: none !important;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { display: block; padding: 1.22rem 2.25rem; line-height: 1;}
.pager .ui-state-default a, .pager .ui-state-default a:link, .pager  .ui-state-default a:visited { display: inline; padding: 1.22rem 2.25rem; line-height: 1;}
.ui-tabs .ui-tabs-nav li a {padding: 1.22rem 2.25rem;}

	  
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: none repeat scroll 0 0 !important; border: medium none !important; color: #555; font-weight: normal; border-bottom: 2px solid #2b6e87 !important;  }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { border: medium none !important; text-decoration: none; transition: all 0.5s ease;  }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { font-weight: normal; opacity: 1; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; transition: all 0.5s ease; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { 	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important;	margin: 0 !important; padding: 0 !important; }
.ui-tabs { margin: 0 !important; padding: 0 !important; 	position: relative; }
.ui-tabs .clearDvv {display: none;}
.ui-state-default .ui-icon { float: right; }
.toggle_container { }
.toggle_container ul { margin:0 0 2em 0 !important; }
.toggle_container p { margin:0 0 1em 0 !important; }
h3.toggle_title { font-size: 1.2em; margin: 0; padding:0.3em 0em; clear: both; }
.toggle_title.ui-state-default.ui-corner-all.active { color:#cc0033; }
.ui-widget { font-family: 'PT Sans', sans-serif; margin-bottom: 1.5em; }
.ui-accordion .ui-accordion-content { border-top: 0 none; height: auto !important; overflow: auto;}
.ui-icon-triangle-1-s { 	background-position: -48px -128px; }
.ui-icon-triangle-1-e { 	background-position: -16px -128px; }
.ui-accordion .ui-accordion-icons { padding-left: 0em !important; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { float: right; left: 0em !important; margin-top: 0px !important; position:relative; }
.ui-widget { font-family: 'PT Sans', sans-serif;	font-size: 100%; }


/*** Formulare ***/
#content .basecontent-form-editor { margin-bottom: 20px; padding-right: 0px;}
#content .basecontent-form-editor fieldset { border: 0px;}

#content .basecontent-form-editor .formElement { margin-top: 10px;}

#content .basecontent-form-editor .formElement select { width: 68% !important; font-family: Verdana, sans-serif; background: #F2F2F2; font-weight: bold; height: 40px; border: 0px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #777777; margin-bottom: 30px; }
#content .basecontent-form-editor .formElement select option { line-height: 1.5em; padding: 5px;}
#content .basecontent-form-editor .formElement input { width: 67% !important; font-family: Verdana, sans-serif; background: #F2F2F2; font-weight: bold; height: 40px; border: 0px; padding-right: 7px !important; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #777777; margin-bottom: 30px; }
#content .basecontent-form-editor .formElement input.radio{ width: 20px !important; margin-bottom: 10px; height: 15px;}
#content .basecontent-form-editor .formElement input.checkbox { width: 20px !important; margin-bottom: 10px; height: 15px;}
#content .basecontent-form-editor .formElement .checkboxLabel { display: inline-block; margin-left: 10px; margin-top: 0px !important; } 

#content .basecontent-form-editor .formElement input#Postleitzahl { width: 15% !important; }
#content .basecontent-form-editor .formElement input.inputLeft { width: 15% !important; float: left; margin-left: 0 !important;}

#content .basecontent-form-editor .formElement input#Stadt {  float: left !important; margin-left: 5%; width: 46% !important; }
#content .basecontent-form-editor .formElement input.inputRight {  float: left !important; margin-left: 5%; width: 46% !important;  }
#content .basecontent-form-editor .ym-fbox-text { overflow: hidden; }
#content .basecontent-form-editor .formElement textarea { border: 0px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-left: 10px;}

#content .basecontent-form-editor .formElement .checkboxes { padding-left: 0px; margin-top: 20px; }
#content .basecontent-form-editor .formElement .checkboxes .formElementOption {   position: relative !important; }
#content .basecontent-form-editor .formElement .checkboxes input { position: relative !important; display: inline-block; margin-left: 0px !important; left: 0px !important; width: 15px !important; height:15x !important;}
#content .basecontent-form-editor .formElement .checkboxes label { margin-top: 0px !important; margin-bottom: 0px !important; display: inline-block; position: relative; top: -3px;}
#content .basecontent-form-editor .formElement .formElementOption { display: block; position: relative; top: -20px;}
#content .basecontent-form-editor .formElement .formElementOption br { display: none;}

#content .basecontent-form-editor .formElement .fullWidth { }
#content .basecontent-form-editor .fullWidth { }
#content .basecontent-form-editor .ym-fbox-button { padding-left: 0px !important}
#content .basecontent-form-editor .formButton  { margin-top: 20px;}
#content .basecontent-form-editor .formButton input { cursor: pointer; background: #ffffff; font-family: Verdana, sans-serif; border: 0px; color: #777777; font-weight: bold; padding: 10px 0px 10px 20px; min-width: 200px; text-align: left; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;  }
#content .basecontent-form-editor .formButton input:hover { background: #efefef;}


/*** Login Form ***/
#loginForm fieldset {  z-index: 1010; }
#loginForm  		{ width: 422px; padding: 40px; z-index: 2000;  }
#loginForm legend	{ font-size: 2em; text-transform: lowercase; padding: 0px 8px 0px; margin-left: 5px; }
#loginForm .type-text 	{ margin: 10px; }
#loginForm fieldset   	{ border: 1px solid #373736; border-radius: 6px 6px 6px 6px; color: #373736; padding: 10px; width: 400px; }
#loginForm label         { font-size: 18px;}
#loginForm .ym-fbox-text { margin-bottom: 20px; }
#loginForm .type-button { text-align: right; width: 402px;  }
#loginForm .button 	{ background: #ffffff; 	border: 1px solid #373736; cursor: pointer; border-radius: 4px 4px 4px 4px; color: #373736; font-size: 120%; 	font-weight: normal; 	margin-top: 15px; margin-left: 10px; padding: 4px 20px 1px; 	text-transform: lowercase; }
#j_username 		{ border: 1px solid #373736; padding: 7px 5px 5px 10px; border-radius: 4px; color: #373736; font-size: 18px; }
#j_password 		{ border: 1px solid #373736; padding: 7px 5px 5px 10px; border-radius: 4px; color: #373736; font-size: 18px;}

/* Navigation nav-outer vlist */
#main .nav-outer a { color: #ffffff; text-transform: uppercase; display: block;}
#main .ym-vlist { margin: 0px; padding: 0px 0px 1px 0px;}
#main .ym-vlist ul { margin: 0px; background: #373737; }
#main .ym-list li.current { margin: 0px; }
#main .ym-vlist li { background: #272727; list-style-type: none; margin: 0px; border: none; margin-bottom: 3px;  }
#main .ym-cbox {padding: 0px;}

#main .ym-vlist ul li { display: none;}
#main ul li.current { display: block; border-top: 2px solid #373737;  }
#main ul li.current ul { border-top: 3px solid #373737; }
#main ul li.current li { display: block;}
#main ul li.currentParent { display: block;}
#main ul li.currentParent ul { border-top: 3px solid #373737;}
#main ul li.currentParent ul li {display: block; padding-left: 5px; border: none; }
#main ul li.currentParent ul ul { border: none;}
#main ul li.currentParent li.current li { margin-bottom: 0px;}

#main ul li.currentParent li li {margin-bottom: 0px; }
#main ul li.currentParent ul ul li { background: #272727 url(http://www.gedenkstaette-grafeneck.de/site/Grafeneck-Gedenkstaette/resourceCached/9.2.1/img/trenner.png) -8px 4px no-repeat; padding-left: 8px;}
#main ul li.currentParent a { padding-left: 5px;}
#main ul li.currentParent li a { padding-left: 0px;}

#main ul li.current li a { padding-left: 5px;}
#main ul li.current a { padding-left: 5px;}

.subscriptionDivBox { clear: both; margin: 10px 0 0; padding: 4px 2px; }

/* service Spalte */
#service { color: #ffffff; padding: 10px 5px; font-size: 90%;}
#service a { color: #ffffff;}
#service .basecontent-line-break-text{ margin-bottom: 20px; }
#service img { width: 215px; margin-buttom: 20px; padding-right: -20px; border: 3px solid #373737;}
#service .basecontent-image { margin-left: -20px!important; }


/*** responsive Anpassungen ***/
@media screen and ( max-width: 1023px )  {

header #nav { display: none; } 

.flyerNav { display: none; }
.slicknav_menu { position: fixed; display: block; margin-top: 30px; width: 100% !important; padding: 0px !important; right: 0px !important; }
.slicknav_menutxt { display: none !important; }
.slicknav_btn { position: relative; margin: 0px !important; margin-right: 200px !important; }
.slicknav_icon-bar { height: 2px !important; margin-bottom: 5px;}

ul.slicknav_nav { margin: 0px 25px; position: relative; top: 22px;}
ul.slicknav_nav li > a { color: #000000 !important;  margin-left: 20px; }
ul.slicknav_nav .slicknav_item { text-align: left; }
ul.slicknav_nav li { border-bottom: 0px !important; padding-top: 15px !important; padding-bottom: 15px !important; text-align: left; }
ul.slicknav_nav li ul { margin-top: 20px;}
ul.slicknav_nav li ul li { background: #C23EBB; margin-left: 0px !important; border-bottom: 1px solid #9F3299 !important; }
ul.slicknav_nav li ul li:hover { background: #9F3299; }
ul.slicknav_nav li ul li a { color: #ffffff !important; display: block !important; margin-left: 20px; font-size: 16px !important;}

}


@media screen and ( max-width: 699px )  {

#quickLink1 { display: none; }

#content .ym-g33 img { width: 100% !important;}
#content .ym-g100 { float: none !important; margin-right: 0%; position: relative; width: 100% !important; margin-left: 0 !important; margin-bottom: 40px;}
#content .ui-tabs .ym-g100 { float: none !important; margin-right: 0%; position: relative; width: auto !important; margin-left: 0 !important; margin-bottom: 40px;}
#content .ym-g50 { float: none !important; margin-right: 0%; position: relative; width: 100% !important; margin-left: 0 !important; margin-bottom: 40px;}
#content .ym-g33 { float: none !important; margin-right: 0%; position: relative; width: 100% !important; margin-left: 0 !important; margin-bottom: 40px;}


}


@media screen and ( max-width: 500px )  {
/*header .top-1 .wetter { width: 110px; border: 2px solid blue;}	*/
.logo img {  width: 80%;}

.wetter { margin-top: 20px !important; width: 130px !important; }
.wetter .wetter-link  { font-size: 30px !important;}
.slicknav_btn { position: relative; margin: 0px !important; margin-right: 160px !important; }
.icon-congresscentrum::before { content: "A";  font-size: 30px; }
.icon-schloss::before { content: "I";  font-size: 30px; }

.galleryImage { float: left; width: 100% !important; margin-right: 0; margin-bottom: 35px; }
.galleryImage:nth-child(3n) { margin-right: 0 !important; }
.galleryImage:nth-child(even) { margin-right: 0 !important; }


}