/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all{

/**
* Fonts
*
* (en) global settings of font-families and font-sizes
* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
*
* @section content-global-settings
*/

/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size:100.01%; }

/**
* (en) reset monospaced elements to font size 16px in all browsers
* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
*
* @see: http://webkit.org/blog/67/strange-medium/
*/

textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 85%;
  color:#4c4c4c;
}

/*--- Headings | Überschriften ------------------------------------------------------------------------*/

h1 {
  /* Seitenüberschrift */
  margin: 0;
  padding: 0;
}

/* Überschriften für Inhalte */
h2,h3,h4,h5,h6 {
  font-weight:normal;
  color:#222;
  margin:0 0 0.7em 0;
  color: #04579c;
}

h2 { 
    font-size:160%; 
    font-weight: bold; 
  /* background: transparent url(../../img/h3-bullet.gif) no-repeat 0px 0px;    
    padding-left: 1.5em; */
  margin-top: 8px;
}

#col3 h2 { 
    background: #87a0cb;
    font-size: 130%;
    color: #fff;
    padding: 0.3em 0.5em;
    margin: 0;
 
}

#col3_content ul, 
#col3_content ol, 
#col3_content table, 
#col3_content dl, 
#col3_content p, 
#col3_content hr, 
#col3_content h3, 
#col3_content h4, 
#col3_content h5, 
#col3_content h6 {
    margin: 0 0.7em;
}

h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:100%; font-weight: bold;}
h6 { font-size:100%; font-weight: bold;}

/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl { 
  line-height:1.5em; 
  margin:0 0 1em 1em; 
  padding:0;
}

ul { list-style-type:none; }
ul ul { list-style-type:none; margin-bottom:0; }

ol { list-style-type:decimal; }
ol ol { list-style-type:lower-latin; margin-bottom:0; }
ol ol ol { list-style-type:upper-roman; margin-bottom:0; }

li { margin-left:0.8em; line-height:1.5em; }
ul li { 
  background: url(../../img/ul-bullet.gif) no-repeat 0px 7px;
  margin-left: 0em;
  padding-left: 1em;
  line-height: 1.6em;
}

dt { font-weight:bold; }
dd { margin:0 0 1em 0.8em; }

div.csc-textpic-imagewrap ul li{
  margin: 0;
  padding: 0;
  background: transparent;
}

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p { 
  line-height:1.6em; 
  margin:0 0 0.6em 0; 
}

img {border:0;}

blockquote, cite, q {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
}
blockquote { margin:0 0 1em 1.6em; color:#666; }

strong,b { font-weight:bold; }
em,i { font-style:italic; }

big { font-size:116.667%; }
small { font-size:91.667%; }

pre { line-height:1.5em; margin:0 0 1em 0; }
pre, code, kbd, tt, samp, var { font-size:100%; }
pre, code { color:#800; }
kbd, samp, var, tt { color:#666; font-weight:bold; }
var, dfn { font-style:italic; }

acronym, abbr {
  border-bottom:1px #aaa dotted;
  font-variant:small-caps;
  letter-spacing:.07em;
  cursor:help;
}

sub, sup { font-size:91.6667%; line-height:0; }

hr {
/*  color:#cecfcf;
  background:#cecfcf;*/
  color:  transparent;
  background-color: transparent;
  margin:0;
  padding:0;
  border:0;
  border-bottom: 1px dotted #cecfcf;
  height: 1px;
}

/*--- Links ----------------------------------------------------------------------------------------- war #4D87C7*/

a { color:#04579c; background:transparent; text-decoration:none; }
a:visited  { color:#04579c; }

a:focus,
a:hover,
a:active { color:#04579c; text-decoration:underline; }

/* Selectors for the default configuration of the link accessibity feature of html area.*/
a.external-link,
a.external-link-new-window ,
a.internal-link,
a.internal-link-new-window,
a.download,
a.more-link,
a.mail { }


/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/

table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #7f7f7f solid; border-bottom:2px #7f7f7f solid; caption-side: bottom;}
table caption { font-variant:small-caps; }

th,td { padding:0.5em; }
thead th { color:#000; border-bottom:2px #7f7f7f solid; }
tbody th {  }

tbody th { border-bottom:1px solid #fff; text-align:left; }
tbody td { border-bottom:1px solid #ddd; }

tbody tr:hover td { background:#f9f9f9; }

table p{
margin: 0;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* CSC-classes | Klassen von CSC
*
* @section csc
*/

.rahmen1 {
  border: 1px dashed #777777;
  padding: 5px;
  margin: 0;
}

.rahmen2 {
  background: #f9f9f9;
  border: 1px dashed #dedede;
  padding: 5px;
}  

.rahmen1 ul, .rahmen1 ol, .rahmen1 p, .rahmen1 table,
.rahmen2 ul, .rahmen2 ol, .rahmen2 p, .rahmen2 table{
  margin-top: 0;
  margin-bottom: 0;
}

.address a,
.address a:visited {
    color:  #4c4c4c;
    text-decoration:  underline;
}

.weg {
	display: none !important;
}

/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */


.csc-subheader{
  font-weight: bold;
  margin-top: -0.5em;
  font-size: 90%;
  line-height: 1.2em; 
}

/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

.csc-textpic-caption {
  font-size: 0.9em;
  color: #c2c2c2;
} 

#fb {
  float: left;
  padding: 11px 0 5px 0 ;
  font-size: 1.0em;
  margin-right: 40px;
  
}
#fb a {
  text-decoration: none;
  color: #4b4b4b;
   
  background: url('../../img/ico_fb.jpg') no-repeat 6px 0px;
  padding: 5px 0 6px 40px;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Classes of HTML Area Editor
*
* @section htmlarea
*/


/* #############################
** ### Ausrichtungen ########
** #############################
*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { 
  text-align: left; 
}
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { 
  text-align: center; 
}
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { 
  text-align: right; 
}

/* #############################
** ### Einrückung ###########
** #############################
*/

.indent{
  margin-left: 2.5em;
}


/* #############################
** ### Klassen für Tabellen 
** #############################
*/

table.full { width:100%; }
table.fixed { table-layout:fixed; }

tbody th[scope="row"], 
tbody th.sub { background:#f0f0f0; }

tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub { background:#f0e8e8; }

/* Altrnating Tables braun */
table.alternating-table-rows-brown { border: none; border-bottom: 5px solid #AFA689;}
table.alternating-table-rows-brown .theader {background: #AFA689;}
table.alternating-table-rows-brown thead th { color:#fff; border: none;}
table.alternating-table-rows-brown .tr-odd {background: #f0ede5;}
table.alternating-table-rows-brown .tr-even {background: #f9f9f9;}
table.alternating-table-rows-brown {font-size:90%;}

/* Altrnating Tables Rows blau */
table.alternating-table-rows-blue {border: none; border-bottom: 5px solid #04579c;}
table.alternating-table-rows-blue .theader {background: #04579c;}
table.alternating-table-rows-blue thead th { color:#fff; border: none;}
table.alternating-table-rows-blue .tr-odd {background: #ececed;}
table.alternating-table-rows-blue .tr-even {background: #f6f6f6;}
table.alternating-table-rows-brown {font-size:90%;}

/* #############################
** ### classesParagraph ########
** #############################
*/

p.textauszeichnung { border-left: 8px solid #014b94; padding-left: 8px; }
p.code {font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; font-size:0.9em; padding:1em; background:#f0f0f4; border:1px #ccd solid; line-height: 1em;}
p.note {background:#dfd; padding: 1em; border-bottom: 1px #bdb dotted; line-height: 1em;}
p.important {background:#ffd; padding:1em; border-bottom:1px #ddb dotted; line-height: 1em;}
p.warning {background:#fdd; padding:1em; border-bottom:1px #dbb dotted; line-height: 1em;}
p.info {background:#f7f7ef url(../../img/icons/ausrufez-blau.gif) 10px 10px no-repeat; padding:1.5em 1.5em 1.5em 4em; line-height: 1em;}
p.question {background:#A43F15 url(../../img/icons/fragez-blau.gif) 10px 10px no-repeat; color:#fff; padding:1.5em 1.5em 1.5em 4em; line-height: 1em;}
p.stop {background:#fff url(../../img/icons/stop.gif) 10px 10px no-repeat; padding:1.5em 1.5em 1.5em 4em; border:1px dashed #FF0000; line-height: 1em;}

/* #############################
** ### classesList ########
** #############################
*/



/* #############################
** ### classesCharacter ########
** #############################
*/
span.mono {font-family:"Courier New", Courier, monospace; padding:0 0.3em 0 0.3em; background:#f0f0f4; border:1px #ccd solid;}

/* #############################
** ### TagFreeClasses ##########
** #############################
*/



/**
* ------------------------------------------------------------------------------------------------- #
*
* Miscellaneous | Sonstiges
*
* @section content-misc
*/

/**
* (en) Emphasizing external Hyperlinks via CSS
* (de) Hervorhebung externer Hyperlinks mit CSS
*
* @section             content-external-links
* @app-yaml-default    disabled
*/

/*
#main a[href^="http://www.my-domain.com"],
#main a[href^="https://www.my-domain.com"]
{
padding-left:12px;
background-image:url('your_image.gif');
background-repeat:no-repeat;
background-position:0 0.45em;
}
*/

#monoslideshow {
  border: 1px solid #D9DADB;
  outline: none;
}


/* Veranstaltungskalender, Veranstaltungssuche */

.col3_highlight {
  background: #fff;
  margin: 6px 0 0 0  !important;
  padding: 0 10px;
  text-align: left;
  line-height:25px;
}

.col3_highlight a {
  color: #fff;
  font-size: 0.8em;
  border: 1px dotted #afb9ee;
  padding: 3px 6px;
  background-color: #87A0CB;
}

.col3_event {
  border-bottom: 1px dotted #afb9ee;
  padding: 5px 0;
  font-size: 95%;
}

.col3_event a, .col3_event a:visited {
  color: #6c6d70;
}

.col3_event a:hover {
  color: #04579C;
  text-decoration: none;
}

 


.col3_evt_small {
  font-size: 0.9em;
  line-height: 1.3em;
}

#col3_content .w75 {
  width: 75px;
}

#col3_content {
  padding-bottom: 40px;
  overflow: visible;
  display: inline-block;
}

.small {
  font-size: 0.8em;
  text-indent: 1px;
  color: #627FB8;
}

.col3_margint {
  margin-top: 30px;
  overflow: visible;
  
}

.col3_submit {
  background: #87A0CB;
  border: 1px solid #acbee4;
  margin-top: 8px;
  color: #fff;
  padding: 3px 6px;
}

.col3_submit:active {
  background: #dbe4f5;
}

.col3_day {
  width:48px;
  float:left;
  margin-right:2px;
  margin-left:8px;
}

.col3_month {
  width:100px;
  float:left;
  margin-right:2px;
}

.col3_year {
  width:55px;
  float:left;
}

/* Veranstaltungsliste */

.eventlist {
/*  position: absolute;*/
  height: auto;
  width: auto;
  margin: -10px 0 22px 0;
}
  .eventlist img {
    display: block;
  }
.event {
  border-bottom: 1px solid #DDD;
  padding: 14px 0;
  
  width: 450px;
}

.event_desc p {
  line-height: 1.35em;
  margin-bottom: 4px;
}

.event_place {
  
  margin-bottom: 0;
}

.det {
  margin-top: 6px;
}
.event_desc {
  width: 300px;
  padding: 0px 0px;
  float: left;
   
}

.event_pic {
  float: left;
  height: 100%;
  width: 120px;
  margin-right: 15px;
}

.event_fullpic {
  position: relative;
  margin-top: -17px;
  left: 0;
  height: 13px;
  width: 17px;
  background: url('../../img/click-enlarge.png') 0 0 no-repeat;
}

.event_title {
  font-weight: bold;
  color: #04579c;
}

.event_subtitle {
  font-size: 0.8em;
}

.event_datetime {
  color: #04579c;
  font-size: 1.0em;
}

.tipps img {
  margin-bottom:6px;
}

.tipps p {
  line-height: 1.3em;
}

.sbHolder{
  background-color: #eef1f7;
  border: solid 1px #acbee4;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: 16px;
  position: relative;
  width: auto;
  z-index: 100px;
}

.sbHolder ul li {
  background: none;
}

.sbHolder ul {
  margin: 0 !important;
}

.sbSelector{
  display: block;
  height: 17px;
  left: 0;
  line-height: 17px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 10px;
  top: 0;
  width: auto;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
  color: #595959;
  outline: none;
  text-decoration: none;
}
.sbToggle{
  background: url(../../img/select-icons.png) 0 0 no-repeat;
  display: block;
  height: 16px;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
}

.sbOptions{
  background-color: #eef1f7;
  border: solid 1px #acbee4;
  border-top: 0;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 100%;
  z-index: 100 !important;
  overflow-y: auto;
}
.sbOptions li{
  padding: 0 7px;
}
.sbOptions a{
/*  border-bottom: dotted 1px #acbee4;*/
  display: block;
  outline: none;
/*  padding: 1px 0 1px 3px;*/
}
.sbOptions a:link, .sbOptions a:visited{
  color: #595959;
  text-decoration: none;
}
.sbOptions a:hover{
  color: #333;
}

table.summary {
  border-top: none;
  border-bottom: none;
  margin-bottom: 2.5em;
}

.float_l {
  float: left;  
}
/*}*/

.upload_highlight {
padding-left: 30%;
  color: red;
}

.fb_like iframe {
  width:84px !important;
}
.social_share_privacy_area .facebook {
  width:160px;
}
#___plusone_0{
  width:35px !important;
  overflow:hidden !important;
}
.social_share_privacy_area .facebook {
  width:160px !important;
}

.ico_link {
  display: inline-block;
  background: transparent url('../../img/icon-arrow.gif') no-repeat left 2px;
  padding-left: 18px;
}


}