/**
* "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-2010, 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.3
* @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:75.00%;
  color:#444;
  line-height:1.8em;
}

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

h1,h2,h3,h4,h5,h6 {
  font-family: 'Francois One', sans-serif;
  font-weight:normal;
  color:#3a3939;
  margin:0 0 1em 0;
}

header h1 {
 line-height: 35px; 
}

h1 { font-size:250%; }                       /* 30px */
h2 { font-size:200%; margin-bottom: 0.5em; }                       /* 24px */
h3 { font-size:170%; }                       /* 18px */
h4 { font-size:133.33%; }                    /* 16px */
h5 { font-size:116.67%; }                    /* 14px */
h6 { font-size:116.67%; }                    /* 14px */

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

ul, ol, dl { line-height:2em; margin:0 0 1em 2em; }
ul { list-style-type:disc; }
ul ul { list-style-type:circle; margin-bottom:0; }

#twitter_div ul { list-style-type:none; margin:0 5px 0 0; }
#twitter_div ul li { border-bottom:1px dotted gray; margin-bottom:10px; }

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

li { margin-left:0.8em; line-height:2em; }

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

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

p { line-height:2em; margin:0 0 1em 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; }

abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

hr {
  color:#fff;
  background:transparent;
  margin:0 0 0.5em 0;
  padding:0 0 0.5em 0;
  border:0;
  border-bottom:1px #eee solid;
}

/*--- Links ----------------------------------------------------------------------------------------- */

a { color:#4D87C7; background:transparent; text-decoration:none; }
a:visited  { color:#4D87C7; }

/* (en) maximum constrast for tab focus - change with great care */
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
a:focus { text-decoration:underline; color:#000; }
a:hover,
a:active { color:#679dd8; text-decoration:underline; outline: 0 none; }

#twitter_update_list li a { color:#4D87C7; background:transparent; text-decoration:none; font-style:italic; margin-left:5px; }
#twitter_update_list li span a { font-style:normal; }

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

p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

p.icaption_left img,
p.icaption_right img { padding:0; border:1px #888 solid; }

p.icaption_left strong,
p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

/**
* ------------------------------------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/

.highlight { color:#c30; }
.dimmed { color:#888; }

.info { background:#f8f8f8; color:#666; padding:10px; margin:2em 0.5em 0.5em 0.5em; font-size:91.7%; }

.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; padding:2px; background-color:white; border:1px solid #c5c4c4; }
.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; padding:2px; background-color:white; border:1px solid #c5c4c4; }
.center { display:block; text-align:center; margin:0 auto; }

/**
* ------------------------------------------------------------------------------------------------- #
*
* 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
*/


#mitgliederdaten table { width:100%; border-collapse:collapse; margin-bottom:30px; border-top:1px #888 solid; border-bottom:1px #888 solid; }
#mitgliederdaten table caption { font-variant:small-caps; }
#mitgliederdaten table.full { width:100%; }
#mitgliederdaten table.fixed { table-layout:fixed; }

#mitgliederdaten th,td { padding:0.5em; }
#mitgliederdaten thead th { color:#000; border-bottom:2px #800 solid; }
#mitgliederdaten tbody th { background:#e0e0e0; color:#333; }
#mitgliederdaten tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

#mitgliederdaten tbody th { border-bottom:1px solid gray; text-align:left; }
#mitgliederdaten tbody td { border-bottom:1px solid gray; width:165px;}

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


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

#main a[href$=".pdf"] {
    background: url("../../images-dev/icon-pdf.png") no-repeat scroll left center transparent;
    display: inline-block;
    line-height: 18px;
    padding-left: 25px;
  height:22px;
  color: #4D87C7;
}



#youknow p { font-family:"Times New Roman", Times, serif; font-size:133.33%; font-weight:bold; font-style:italic; line-height:150%; }

.vdevider { background:url('../../images-dev/vdevider.png') repeat-y right top; }

.tabs li { font-size:10px; line-height:22px; }
.tabs a { color:#4D87C7; background:transparent; text-decoration:none; }
.tabs a:hover,
.tabs a:active { color:#679dd8; text-decoration:underline; outline: 0 none; }
.tabs a:visited  { color:#4D87C7; }

#accordion { font-size:90%; margin-top:60px; }
#accordion .ui-helper-reset { line-height:1.8em; }
#accordion .ui-widget { font-family:Arial, Helvetica, sans-serif; font-size:75.00%; color:#444; }
#accordion h5 { margin-top:10px; }
#accordion ul { list-style-type:disc; }
#accordion ul ul { list-style-type:circle; }

#accordion-faq { font-size:90%; margin-top:60px; }
#accordion-faq .ui-helper-reset { line-height:1.8em; }
#accordion-faq .ui-widget { font-family:Arial, Helvetica, sans-serif; font-size:75.00%; color:#444; }
#accordion-faq h5 { margin-top:10px; }
#accordion-faq ul { list-style-type:disc; }
#accordion-faq ul ul { list-style-type:circle; }

.date-author { margin:-10px 0 15px 0; padding-bottom:5px; border-bottom:1px solid #d4d4d4; font-size:91.667%; font-style:italic; }

#footer_content { font-size:91.667%; }
#footer_content h4 { font-size:150%; margin-bottom:5px; color:#e8e8e8; }
#footer_content h2 { font-size:200%; margin-bottom:15px; color:#e8e8e8; }

#top-login a { background:url('../../images-dev/login.png') no-repeat left 10px; width:150px; height:60px; padding-top:40px; display:block; text-decoration:none; }
#top-logout a { background:url('../../images-dev/logout.png') no-repeat 100px top; width:150px; height:60px; display:block; text-decoration:none; }

#navigation { margin-left:-14px; width:227px; position:absolute; }
#navigation ul, #navigation ul li { margin:0; padding:0; list-style-type:none; }
#navigation li a { height: 41px; display:block; padding:0 0 0 20px; margin:5px 0 -8px; color:#b4b4b4; font-size:150%; text-decoration:none; }
#navigation li a:hover { color:#4d4d4d; }
#navigation .active { background:url("../../images-dev/bkgd-v-nav-active.png") top left no-repeat; width:227px; height:41px; padding:2px 0 0 20px; color:#4d4d4d; font-size:150%; }

#posts-list ul, #posts-list li { margin:30px 0; padding:0; list-style-type:none; border-bottom:1px solid gray; } 

h5.ui-state-default, h5.ui-widget-content .ui-state-default, h5.ui-widget-header .ui-state-default, h5.ui-state-active, h5.ui-widget-content .ui-state-active, h5.ui-widget-header .ui-state-active {
    font-weight: normal;
}
  
  
  .alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}


/* Pajinate CSS */
  .container{
	width: 98%;
	float: left;
	margin: 50px 10px 10px;
}

.page_navigation , .alt_page_navigation{
	padding-bottom: 10px;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#679dd8;
}
.active_page{
	background-color:white !important;
	color:black !important;
}	

.pagenav-content, .alt_content{
	color: black;
}

.pagenav-content li, .alt_content li, .content > p{
	padding: 5px
}




}