/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet f?r das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */
   
html { padding: 0px; margin: 0px; border: 0px; width: 100%; }


body { overflow-y: scroll;}
*+html body { overflow-y: visible; }
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
body { background: #B40000 url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/Background.jpg) repeat-x ; font-family: sans-serif, arial, verdana; font-weight: normal; font-size: 76%; line-height: 1.3em;  margin: 0px; padding: 0px; overflow: auto; color: #000000; }

  /* Layout Alignment | Layout-Ausrichtung */

.page_margins  { text-align: center; width: 100%; margin: 0px auto; height: 100%; }
*+html .page_margins { height: auto; }
 
 /* Layout Properties | Layout-Eigenschaften */

#quickLink1 { text-align: left !important; font-weight: normal !important;}
#quickLink1 a { text-align: left !important; font-weight: normal !important;}
.page { width: 900px; text-align: center; margin: 0px auto;  padding-top: 0px; background: #ffffff; }

#header {height: 370px; text-align: left; }
#topnav { position: absolute; top: 40px; left: 0px; background: #ffffff url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/layer.png) no-repeat;}

#quicksearch {  }
#quicksearch #qs_query { left: 691px; margin-right: 20px; top: 26px; width: 150px; position: absolute; color: #808080; height: 21px; font-style: italic; padding: 0px 0px 0px 10px; }
#quicksearch .quicksearchimg  {left: 853px; margin-right: 20px; top: 26px; position: absolute; float: right;   }


#fontresizer { position: absolute; top: 27px; left: 240px; color: #808080; text-transform: uppercase; }
#fontresizer a { color: #808080; text-transform: uppercase; }
#fontresizer a .big { color: #808080; text-transform: uppercase; font-size: 1.3em; }
#fontresizer a .bigger { color: #808080; text-transform: uppercase; font-size: 1.5em;}

#links { position: absolute; top: 5px; right: 25px;  }
#links a {color: #808080; font-weight: normal; }
#links li {float: left; margin: 0px; margin-left: 25px; text-transform: uppercase;  list-style-type: none; }


#Toppic { position: absolute; width: 860px; height: 319px; left: 20px; top: 50px;  }
#Toppic .c100l { position: absolute; width: 860px; height: 319px; }

#nav_main{ border: 0px; background: transparent; line-height: 1em; }
#nav_main ul{ width: 241px; height: 56px; margin: 0px; margin-left: 12px; margin-top: 0px; border:0px; list-style-type:none; }
#nav_main ul a { margin-left: 20px;}

#zurStartseite {position: absolute; top: 0px; left: 30px; width: 200px; height: 220px; z-index: 10; }
.homelink img {width: 200px; height: 220px; }

#main { margin: 0px; padding: 0px 0px 30px 0px; text-align: left; min-height: 350px; background: #ffffff; }
  
#col1 {background: #EAEAEA;}
  
.home #pageTop{ display: none; }
.home #print { display: none;}
.home #main { padding: 0px;}

#footer { height: 25px; width: 800px; margin: 0px auto; text-align: center; margin-top: 20px;  padding: 10px 0px 0px 100px; background: #ffffff;}
#footer #print {  float: left; padding-left: 140px; }
#footer #kiru { text-align: right; padding-right: 20px; font-weight: bold;}
#footer #kiru a:hover { color: #000000; }


  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { margin:0; padding: 0px; margin-left: 20px; }
  #col2 { float: right; width: 230px;}  
#col3 { width: auto; margin: 0px 220px 0px 240px; padding: 0px;}
 

  #col3_home {  }
  #col3_home .c33l {}
  #col3_home .c33l + .c33l { }
  #col3_home .c33r { }

  #col1_wide { }
  #col2_wide { }
  #col3_wide { margin-left: 240px; }
  
  #col1_content { }
  #col2_content { }
  #col3_content { margin: 0px 20px 0px 0px;  }

#content { overflow: hidden;}
#content .c33l { margin: 0px; padding: 0px;}
#content .subcl { margin: 0px; padding: 0px;}
#content .c33r { margin: 0px; padding: 0px;}
#content .subcr { margin: 0px; padding: 0px;}
#content .subc { margin: 0px; padding: 0px;}


#service { color: #383838; margin: 0px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/kontakt.gif) 5px 0px no-repeat; padding: 0px 15px 30px 20px;  }
#service a { color: #383838; }
#service h2 { color: #383838; margin: 0px 0px 10px 0px; padding: 6px 10px 7px 3px; }
#service a:hover { text-decoration: none; color: #b40000; }

/*----------toppic---------*/
#content .c33l { width: 275px; margin-right: 17px;}
#content .c33r { width: 275px; margin-right: 0px;}

/*----------TOPTHEMEN---------*/

#content .Topthemen { margin: 20px 0px 10px 20px;}
#content .Topthemen .c33l { margin-right: 17px; }
#content .Topthemen .c33r { margin-right: 20px;}
#content .Topthemen .image { width: 273px; height: 160px; border: 1px solid #E2E2E2; }
#content .Topthemen .image .image-inner { text-align: center; width: 273px; height: 160px; margin: 0px;  padding: 0px;}
#content .Topthemen .image .image-inner img { width: 273px; max-height: 160px;  margin: 0px; padding: 0px; }



#content .Topthemen h2 { clear: left; color: #b40000; }
#content .Topthemen p { clear: left; margin: 0px; padding: 0px; }
#content .Topthemen .internerLink { text-transform: uppercase; color:#ffffff; background: #b40000; padding: 3px 5px;display: inline-block;margin-top: 5px;}
#content .Topthemen .externerLink { text-transform: uppercase; color:#ffffff; background: #b40000; padding: 1px 3px;}
#content .Topthemen .image .internerLink { background: none; padding: 0px; }
#content .Topthemen .image .externerLink { background: none; padding: 0px; }
#content .Topthemen .pdfLink { text-transform: uppercase; color:#ffffff; background: #b40000; padding: 1px 3px;}
#content .Topthemen .image .pdfLink{ background: none; padding: 0px; }

#content .Topthemen .clearDvv { display: none;}
  
  
#content .Topthemen .c50l { width: 49%; }





/*----------CONTAINER---------*/

#content .Container {  width: 860px; background: #e2e2e2; padding: 20px;}
#content .Container .c50l { width: 570px; margin: 0px; padding: 0px;}
#content .Container .c50r { width: 275px; margin: 0px; padding: 0px;}
#content .Container h2 { color: #b40000; text-transform: uppercase; margin-bottom: 15px;}


/*--- Aktuell-----*/
#content .aktuelles { margin-right: 10px; }
#content .aktuelles .pm-pubDate {display: none;}
#content .aktuelles .pm-head h2 { margin-bottom: 0px; font-size: 0.9rem; font-weight: bold !important;}
#content .aktuelles .pm-head h2 a {  margin-bottom: 0px; text-transform: none; color: #005000; font-weight: bold !important;}
#content .aktuelles .pm-head h2 a:hover { text-decoration: underline;}
#content .aktuelles .pm-detaillink {  text-transform: uppercase; color:#ffffff; background: #b40000; padding: 0px 8px;  }
#content .pm-topnews .pm-meldung { margin-top: 0px; padding: 10px 0px 10px 0px!important; line-height: 1.2rem !important;}
/* #content .pm-topnews .pm-head { width: 425px; } */
/* #content .pm-topnews .pm-content { width: 425px;} */

#content .pm-topnews .pm-bild { float: right; }
#content .pm-topnews .pm-bild img { width: 120px;}
#content .aktuelles .clearDvv { display: none;}
.home #content .aktuelles .pm-topnews .pm-meldung { padding-left: 0px; padding-top: 0px;}
#content .aktuelles .pm-topnews .clearDvv { display: inline;}


/*--- VK -----*/

#content .veranstaltungen span.dtstart {text-align: center; position: display: block; float: left;  margin-right: 10px; width: 65px; background: #b50000; color: #ffffff; padding: 5px; }
#content .veranstaltungen span.dtend { display:none;}
#content .veranstaltungen .item { clear: left; margin-bottom: 13px; }
#content .veranstaltungen .item .zmOrt, #content .veranstaltungen .item .zmVeranstalter { display: none;}
#content .veranstaltungen .item .internerLink { text-transform: uppercase; color:#ffffff; background: #b40000; padding: 0px 3px;  }
#content .veranstaltungen .clearDvv { display: none;}


/*----------SERVICE---------*/


#content .Service { width: 860px; padding: 20px; }
#content .Service a { color: #ffffff; }

#content .Service .subrows {  width: 205px;  padding-left: 70px; }
#content .Service .ortsplan { background: #d2d2d2 url(../../img/ortsplan.gif) no-repeat;}

/* #cboxContent {width: 956px !important; border: 1px solid red; } */
#cboxContent {width: 970px !important; margin: 0px; }

/*#cboxLoadedContent {width: 970px !important;  }*/
#cboxLoadedContent {width: 969px !important;  margin: 0px;}


#colorbox {width: 1005px !important; }
#cboxWrapper {width: 1003px !important; }
/* #cboxTopCenter {width: 956px !important;}*/
#cboxTopCenter {width: 970px !important;}

#cboxBottomCenter {width: 970px !important;}
#cboxMiddleRight { }


#content .Service .online { background: #d2d2d2 url(../../img/online.gif) no-repeat;}
#content .Service .notdienste { background: #b40000 url(../../img/notdienste.gif) no-repeat;}
#content .Service .notdienste p { color: #ffffff;}

#content .Service .basecontent-html-editor a { padding-top: 10px; color: #b40000; font-size: 1em;  }
#content .Service .basecontent-html-editor a.notdienste { padding-top: 10px; color: #ffffff; font-size: 1em; }
#content .Service .basecontent-html-editor a:hover { text-decoration: underline;}
#content .Service .basecontent-html-editor a:hover .notdienste {  text-decoration: underline;  }



#content .Service p { padding-top: 5px; font-size: 0.95em; margin-bottom: 0px;}
#content .Service .not a { color: #ffffff;}


#content .sitemap { margin-left: 15px; }
#content .sitemap ul { margin-left: 15px;}
#content .sitemap li { list-style-type: square; }


#main #col3_home #col3_content #content h1 { margin: 10px 30px; }
#content .sitemap { margin: 10px 0px 0px 35px; }



  #lpSeite h1.hauptueberschrift {display: none; }
  #lpSeite h1.modul {display: none; }
  #lpSeite h1.titel { text-transform: unset; }
  #lpSeite .lpAnker.goPageTop {display: none; }
  #lpSeite .wayhome { margin-left: 0px!important; }