/**
* "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-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.4
* @revision        $Revision: 138 $
* @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
* @appdef yaml

*
* Fonts
* (en) font-family and font-size selection for headings and standard text elements
* (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
*
* @section content-fonts

(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%;
}
DIV.socialbuttons
{
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}
/*(en) reset monospaced elements to font size 16px in Gecko browsers
(de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen*/
TEXTAREA, PRE, TT, CODE
{
	font-family: "Courier New", Courier, monospace;
}
/*(en) base layout gets standard font size 12px
(de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln*/
BODY
{
	color: #222;
	font-size: 83.33%;
	font-family: Arial, Helvetica, sans-serif;
}
H1, H2, H3, H4, H5, H6
{
	display: block;
	font-weight: bold;
	margin: 0 0 0.25em;
}
H1
{
	font-size: 200%;
}
/*24px*/
H2
{
	font-size: 166.67%;
}
/*20px*/
H3
{
	font-size: 150%;
}
/*18px*/
H4
{
	font-size: 133.33%;
}
/*16px*/
H5
{
	font-size: 116.67%;
}
/*14px*/
H6
{
	font-size: 116.67%;
	font-style: italic;
}
/*14px*/
H1
{
	font-size: 1.5em;
	color: #003040;
	background: transparent;
	margin: 0.4em 0 0.5em;
	border-bottom: 1px solid #CCC;
	padding-top: 1em;
}
H2
{
	font-size: 1.2em;
	color: #003040;
	background: transparent;
	margin: 0.2em 0 0.5em;
	border-bottom: 1px solid #CCC;
	padding-top: 1em;
}
H3
{
	font-size: 1em;
	color: #003040;
	background: transparent;
	margin: 0.4em 0 0.3em;
	border-bottom: 1px solid #CCC;
	padding-top: 1em;
}
H4
{
	font-size: 1em;
	color: #003040;
	background: transparent;
	margin: 0.4em 0 0.3em;
	border-bottom: 1px solid #CCC;
	padding-top: 1em;
}
P
{
	line-height: 1.5em;
	margin: 0 0 1em;
}
/*### Lists | Listen  ####*/
UL, OL, DL
{
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}
LI
{
	margin-left: 1.5em;
	line-height: 1.5em;
}
DT
{
	font-weight: bold;
}
DD
{
	margin: 0 0 1em 2em;
}
/*Ungeordnete Listen ohne Listenpunkt*/
UL.linklist
{
	list-style-type: none;
	margin: 0 0 1em;
}
UL.linklist LI
{
	margin: 0 0 1em;
}
/*### text formatting | Textauszeichnung ###*/
CITE, BLOCKQUOTE
{
	font-style: italic;
}
BLOCKQUOTE
{
	color: #222;
	background: #F8F8F8;
	border: 1px solid #DDD;
	border-left: 8px solid #DDD;
	padding: 1em 1em 0;
	margin: 0 0 1em 1em;
}
STRONG, B
{
	font-weight: bold;
}
EM, I
{
	font-style: italic;
}
PRE, CODE
{
	font-family: monospace;
	font-size: 1.1em;
}
ACRONYM, ABBR
{
	letter-spacing: 0.07em;
	border-bottom: 0.1em dashed #C00;
	cursor: help;
}
/*Auszeichnungen f�r Code, Dateien, Verzeichnisse*/
EM.mono, EM.file, EM.directory
{
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}
EM.mono
{
	padding: 0 0.3em;
	background: #F0F0F4;
	border: 1px solid #CCD;
}
EM.file
{
	padding: 0 0 0 14px;
	color: #008;
	background: transparent url(../../img/icons/file.gif) no-repeat left;
}
EM.directory
{
	padding: 0 0 0 15px;
	color: #008;
	background: transparent url(../../img/icons/dir.gif) no-repeat left;
}
PRE, CODE
{
	display: block;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000;
	background: #F0F0F4;
	border: 1px solid #CCD;
	border-left: 8px solid #CCD;
}
CODE.css
{
	background-image: url(../../img/bg_css.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
CODE.xhtml
{
	background-image: url(../../img/bg_xhtml.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
CODE.typoscript
{
	background-image: url(../../img/bg_ts.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
/**
* 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-top: 1px dotted #BDB;
	border-bottom: 1px dotted #BDB;
}
.important
{
	background: #FFD;
	padding: 1em;
	border-top: 1px dotted #DDB;
	border-bottom: 1px dotted #DDB;
}
.warning
{
	background: #FDD;
	padding: 1em;
	border-top: 1px dotted #DBB;
	border-bottom: 1px dotted #DBB;
}
.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;
}
/**
* External Links
*
* (en) Formatting of hyperlinks
* (de) Gestaltung von Hyperlinks
*
*/
A
{
	color: #1E6289;
	text-decoration: none;
}
A:focus, A:hover, A:active
{
	background-color: transparent;
	text-decoration: underline;
}
DIV.socialbuttons A
{
	margin: 10px;
}
#topnav A
{
	color: #FFF;
	background: transparent;
	text-decoration: none;
}
#topnav A:focus, #topnav A:hover, #topnav A:active
{
	text-decoration: underline;
	background-color: transparent;
}
#footer A
{
	color: #1E6289;
	background: transparent;
	font-weight: bold;
}
#footer A:focus, #footer A:hover, #footer A:active
{
	background-color: transparent;
	text-decoration: underline;
}
A.external-link-new-window
{
	padding-right: 16px;
	background-image: url(../../img/icons/external_link_new_window.gif);
	background-position: right;
	background-repeat: no-repeat;
}
A.external-link
{
	padding-right: 16px;
	background-image: url(../../img/icons/external_link.gif);
	background-position: right;
	background-repeat: no-repeat;
}
A.internal-link-new-window
{
	padding-left: 16px;
	background-image: url(../../img/icons/internal_link_new_window.gif);
	background-position: left;
	background-repeat: no-repeat;
}
A.internal-link
{
	padding-left: 16px;
	background-image: url(../../img/icons/internal_link.gif);
	background-position: left;
	background-repeat: no-repeat;
}
A.download
{
	padding-left: 16px;
	background-image: url(../../img/icons/download.gif);
	background-position: left;
	background-repeat: no-repeat;
}
A.mail
{
	padding-left: 25px;
	background-image: url(../../img/icons/mail.gif);
	background-position: left;
	background-repeat: no-repeat;
/*font-size:.8em;*/
}
.subcr A.mail
{
	font-size: 0.8em;
	background-image: none;
	padding-left: 0;
}
/*##########################
** ### css_filelinks      ###
** ##########################
*/
DIV.filelinks
{
	margin-top: 2em;
	margin-bottom: 2em;
}
DIV.filelinks DT .filesize
{
	font-weight: normal;
	margin-left: 2em;
}
/*### Download-Box ##################################################################*/
.bluebox
{
	color: #000;
	background: #F0F0F4;
	padding: 2px;
	border: 1px solid #CCD;
	text-align: center;
	padding: 4px 0;
	margin-bottom: 1em;
}
.bluebox P
{
	padding: 0px 8px 0;
}
A.dl_link
{
	display: block;
	padding: 0;
	margin: 0.5em auto 0;
	background-image: none;
}
A.dl_link:hover
{
	text-decoration: none;
	background-color: transparent;
}
/**
* (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;
}

*
* 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;
}
TABLE.full
{
	width: 100%;
}
TABLE.fixed
{
	table-layout: fixed;
}
TH, TD
{
	padding: 0.5em;
}
THEAD TH
{
	background: #444;
	color: #FFF;
}
TBODY TH
{
	background: #CCC;
	color: #333;
}
TBODY TH.sub
{
	background: #DDD;
	color: #333;
}
/**
* Formulare
*
*/
FORM
{
	overflow: hidden;
}
INPUT, TEXTAREA
{
	width: auto;
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #CCC;
	background: #FAFAFA;
	padding: 3px;
	color: #777;
}
INPUT[type=text]:focus, INPUT[type=password]:focus, TEXTAREA:focus
{
	background: #F0F0F0;
	color: #333;
	border-color: #666;
}
LABEL
{
	cursor: pointer;
}
INPUT[type=submit]
{
	color: #003040;
	border-color: #003040;
}
/**
* Miscellaneous | Sonstiges
*
* @section content-misc
*/
HR
{
	color: #FFF;
	background: transparent;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	border: 0;
	border-bottom: 1px solid #EEE;
}
#teaser H1
{
	font-size: 1.2em;
	border: 0;
}
DIV.video-teaser-wrap
{
/*width:48%;
float: left;*/
	padding: 10px;
/*border: 1px solid #ccc;*/
}
DIV.video-teaser DIV.image
{
	float: left;
	margin-right: 2em;
}
DIV.video-description
{
	margin-top: 1em;
}