/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen fuer die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, 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.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 * @appdef yaml
 */
@import url(../fonts/Aller/stylesheet.css);

@media all {
/**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgroessen fuer Ueberschriften und uebliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgroessen auf Standardgroesse (16 Pixel) zuruecksetzen */

html * {
	font-size: 100.01%
}
/* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhaelt Standardschriftgroesse von 12 Pixeln */

body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 82.00%;
	color: #222;
	line-height: 1.6em;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
	color:#333;
	margin: 0.5em 0 1em 0;
	letter-spacing: 0.035em;
}
h1 {
	font-size: 150%;
	margin: 0 0 1em 0;
	font-weight: normal;
}

h2 {
	font-size: 125%;
	margin: 1em 0 0.5em 0;
        font-weight: bold;
}          /* 18px */

h2.normal { font-weight: normal; }

h2.list {
	font-size: 115%;
	margin: 1.5em 0 0 0;
        font-weight: bold;
}          /* 18px */

h3 {
	font-size: 115%;
}                        /* 14px */
h4 {
	font-size: 107%
}                     /* 13px */
h5 {
	font-size: 100%
}                     /* 12px */
h6 {
	font-size: 100%;
	font-style:italic
}  /* 14px */
.header h1 { font-size: 100%; margin: 0; }
p {
	margin: 0 0 1em 0;
}
p.first {
	text-indent: 20px;
}
#col1 p {
	text-indent: 0px;
}
/* ### Lists | Listen  #### */

ul, ol, dl {
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 1em 0;
	width: 100%;
}
#main ul li {
	line-height: 1.5em;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	list-style: none;
	background: url(/images/dot-blue.png) no-repeat 1px 4px;
}
ol li {
	line-height: 1.5em;
	padding: 0px;
	margin: 0 0 0 1.5em;
	list-style: decimal;
}
ol li ol li {
	list-style: lower-alpha;
}
dl li {
	line-height: 1.5em;
	padding: 0px;
	margin: 0;
}
dt {
	font-weight: bold
}
dd {
	margin: 0 0 1em 2em
}
/* ### text formatting | Textauszeichnung ### */

  cite, blockquote {
	font-style:italic
}
blockquote {
	margin: 0 0 1em 1.5em
}
strong, b, .strong {
	font-weight: bold
}
em, i {
	font-style:italic
}
pre, code {
	font-family: monospace;
	font-size: 1.1em;
}
acronym, abbr {
	letter-spacing: .07em;
	border-bottom: .1em dashed #c00;
	cursor: help;
}
/**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {
	background: #dfd;
	padding: 1em;
	border-bottom: 1px #bdb dotted;
	border-bottom: 1px #dbb dotted;
}
.important {
	background: #ffd;
	padding: 1em;
	border-bottom: 1px #ddb dotted;
	border-bottom: 1px #dbb dotted;
}
.warning {
	background: #fdd;
	padding: 1em;
	border-bottom: 1px #dbb dotted;
	border-bottom: 1px #dbb dotted;
}
.announce {
	line-height: 2em;
	font-weight: 700;
}
.float_left {
	float: left;
	display:inline;
	margin-right: 1em;
	margin-bottom: 0.15em;
}
.float_right {
	float: right;
	display:inline;
	margin-left: 1em;
	margin-bottom: 0.15em;
}
.center {
	text-align:center;
	margin: 0.5em auto
}
.alert {
	color:#990000
}
.small {
	font-size: 90%;
}
.nowrap {
	white-space: nowrap;
}
.dhp {
        text-transform: capitalize;
}
address, .address { margin-bottom: 1em; }
.backlink {
padding-left: 18px;
background: url(/images/dart-back.png) no-repeat left center;
font-size: 90%;
color: #33659F;
}
.backlink a {
color: #33659F;
}
.status {
padding: 2px 5px 0px 5px;
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
font-size: 90%;
}
/**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {
	color: #4271B5;
	text-decoration:none;
}
a:focus, a:hover, a:active {
	text-decoration:underline;

}
#footer a {
	color: #2F619B;
	background:transparent;
}
#footer a:focus, #footer a:hover, #footer a:active {
	background-color: transparent;
	text-decoration:underline;
}

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

#main a.imagelink {
	padding-left: 0;
	background: transparent;
	background-image: url('');
}
a.noimage {
	padding-left: 0px !important;
	background-image: none !important;
}
/*** Contentbereich ******************************************************************************/

/* Die Datei Icons */
a.jpg, a.png, a.doc, a.pdf, a.txt, a.zip, a.ppt {
	padding: 3px 0 0 20px!important;
	background-repeat: no-repeat!important;
	/*color: #000;*/
}
a.jpg {
	background-image: url('/images/icons/jpg.png')!important;
}
a.png {
	background-image: url('/images/icons/png.png')!important;
}
a.doc {
	background-image: url('/images/icons/doc.png')!important;
}
a.ppt {
	background-image: url('/images/icons/ppt.png')!important;
}
a.pdf {
	background-image: url('/images/icons/pdf.png')!important;
}
a.txt {
	background-image: url('/images/icons/generic.png')!important;
}
a.zip {
	background-image: url('/images/icons/zip.png')!important;
}



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

table {
	width: auto;
	border-collapse:collapse;
	margin-bottom: 0.5em;
}
table.full {
	width: 100%;
}
table.fixed {
	table-layout:fixed
}
th, td {
	padding: 0.2em 0.5em;
}
thead th {
	background: none;
	padding: 0.2em 0.5em;
}
tbody th {
	background: none;
	padding: 0.2em 0.5em;
}

tbody th.sub {
	background: #ddd;
	color: #333
}
td, th {
	vertical-align: top
}


/* ######################################################################################################
** ### Formulare ########################################################################################
** ######################################################################################################
*/

/* allgemein */

form {
	overflow:visible;	
	color: #333;
	margin: 0;
	padding: 0 0 5px 0;
}
input, textarea {
	width: 97%;
	border: 1px #ccc solid;
	background: #fafafa;
	padding: 3px;
	color: #444;
	margin: 5px 0 5px -1px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: Helvetica, Arial, sans-serif;
}
input#absenden, input.submit {
	width: auto;
}
input.checkbox, input.radio {
	width: auto!important;
}
input.checkbox, input.radio {
	border: none;
	background: none;
margin-top: 3px;
}
input.submit {
 background: #5486BF;
border: 1px solid #5486BF;
color: #fff;
padding: 2px 10px;
  width: inherit;
  margin: 5px 0 0 0;
	box-shadow: rgb(0,0,0) 0px 2px 3px;
	-moz-box-shadow: rgb(0,0,0) 0px 2px 3px;
	-webkit-box-shadow: rgb(0,0,0) 0px 2px 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
cursor: pointer;

}
input.submit:hover {
	box-shadow: rgb(255,255,255) 0px -2px 0px;
	-moz-box-shadow: rgb(255,255,255) 0px -2px 0px;
	-webkit-box-shadow: rgb(255,255,255) 0px -2px 0px;

}
input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}
.nofloat {
	float:none!important;
}
.clearfloat {
	clear: both;
}

hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #eee solid;
}
.grey {
	color: rgb(210,210,210);
}
.dgrey {
	color: rgb(140,140,140);
}
.green {
	color: rgb(35,140,120);
}
.blue {
	color:  rgb(66,113,181);
}
.black {
	color: #000!important;
}
.white {
	color: #fff!important;
}
.orange {
	color:  rgb(255,140,0);
}
.dummy {
	margin: -1px -1px 0 -2px;
	border: 1px dotted #ccc;
}
.invisible {
	display: none
}
.open {
	color: #333;
}
.closed {
	color: rgb(35,140,120);
}
.deleted {
	color: rgb(140,140,140);
}

/* images */
img.textpic {
float: left;
margin: 5px 15px 1em 0;
}
div.textpic {
float: left;
background: #fff;
padding: 10px;
margin: 5px 15px 1em 0;
border: 1px solid #999;
}
img.portrait {
float: left;
margin: 5px 15px 5px 0;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
background: #fff;
border: 1px solid #999;
}

img.diagram {
margin: 5px 15px 5px 0;
padding: 10px;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
background: #fff;
border: 1px solid #999;
}

img.ilogo {
float: left;
margin: 5px 15px 5px 0;
background: #fff;
border: 1px solid #999;
padding: 5px;
}



}