/*------------------------------------------------------------------------------------------------------
*
* (en) Formatting YAML's  basic layout elements

(en) Marginal areas & page background*/
BODY
{
	background: #000 url(../images/bg2.png) repeat fixed top left;
	padding: 10px 0;
}
/*(en) Centering layout in old IE-versions*/
BODY
{
	text-align: center;
}
#page_margins
{
	text-align: left;
	margin: 0 auto;
}
/*(en) Layout: width, background, borders*/
#page_margins
{
	min-width: 740px;
	max-width: 80em;
	background: #FFF;
}
#page
{
	padding: 10px;
}
/*(en) Designing main layout elements*/
#header
{
	color: #000;
	background: #4D625D repeat-x top left;
	padding: 20px 2em 1em 20px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 95px;
}
#topnav
{
	color: #AAA;
	background: transparent;
}
/*(en) adjustment of main navigation*/
#nav UL
{
	margin-left: 20px;
}
#nav_main
{
	background-color: #336;
}
#main
{
	background: #D6DED4;
	padding: 10px 0;
}
#footer
{
	color: #666;
	background: #C5D3C3;
	padding: 10px 20px;
	border-top: 5px solid #4D625D;
}
/*form elements*/
FORM.yform
{
	background: #d6ded4;
	border: none;
	margin: 0 0 1em;
	padding: 10px;
}
FORM.yform FIELDSET
{
	border: 1px solid #4d625d;
	background: #d6ded4;
	margin: 0 0 1em;
	padding: 0.5em 1em;
}
FORM.yform LEGEND
{
	font-size: 125%;
	font-weight: normal;
	color: #000;
}
FORM.yform LABEL
{
	color: #666;
}
FORM.yform .type-text INPUT, FORM.yform .type-text TEXTAREA, FORM.yform .type-select SELECT
{
	font-family: Arial, Helvetica, sans-serif;
/*proportional fonts for all form elements*/
	border: 1px solid #DDD;
}
/*:hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus*/
FORM.yform DIV INPUT:focus, FORM.yform DIV SELECT:focus, FORM.yform DIV TEXTAREA:focus, FORM.yform DIV INPUT:hover, FORM.yform DIV SELECT:hover, FORM.yform DIV TEXTAREA:hover, FORM.yform DIV INPUT:active, FORM.yform DIV SELECT:active, FORM.yform DIV TEXTAREA:active
{
	border: 1px solid #A66;
	background: #FFF;
}
/*Styling of buttons | Gestaltung von Buttons*/
FORM.yform .type-button INPUT
{
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	color: #000;
	background: #454545 url(images/button_gray.png) repeat-x top left;
	padding: 0.5em 1.2em;
}
FORM.yform .type-button INPUT#reset
{
	color: #300;
	background: #661717 url(images/button_red.png) repeat-x top left;
}
FORM.yform .type-button INPUT#submit
{
	color: #330;
	background: #5E5607 url(images/button_yellow.png) repeat-x top left;
}
/*:hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus*/
FORM.yform DIV.type-button INPUT:focus, FORM.yform DIV.type-button INPUT:hover, FORM.yform DIV.type-button INPUT:active
{
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: #FFF;
	background: #555;
}
FORM.yform DIV.type-button INPUT#reset:focus, FORM.yform DIV.type-button INPUT#reset:hover, FORM.yform DIV.type-button INPUT#reset:active
{
	background: #800;
	color: #FFF;
}
FORM.yform DIV.type-button INPUT#submit:focus, FORM.yform DIV.type-button INPUT#submit:hover, FORM.yform DIV.type-button INPUT#submit:active
{
	background: #880;
	color: #FFF;
}
/*------------------------------------------------------------------------------------------------------
*
* Vertical-Forms - technical base (standard)
*
* |-------------------------------|
* | fieldset                      |
* |-------------------------------|
* |   label                       |
* |   input / select / textarea   |
* |-------------------------------|
* | /fieldset                     |
* |-------------------------------|
*
* (en) Styling of forms where both label and input/select/textarea are styled with display: block;
* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
*
* WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!

General form styling  | Allgemeine Formatierung des Formulars*/
FORM.yform
{
	overflow: hidden;
}
FORM.yform FIELDSET
{
	overflow: hidden;
}
FORM.yform LEGEND
{
	background: transparent;
	border: 0;
}
FORM.yform LABEL
{
	display: block;
	cursor: pointer;
}
FORM.yform .message
{
	display: block;
	margin-bottom: 0.5em;
	color: #666;
}
/*Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. h??liche L?cken im Firefox)*/
FORM.yform INPUT[type=hidden]
{
	display: none !important;
}
/*Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben*/
FORM.yform SUP
{
	color: #800;
	font-weight: bold;
}
/*styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente*/
FORM.yform DIV.type-text, FORM.yform DIV.type-select, FORM.yform DIV.type-check, FORM.yform DIV.type-button
{
	margin: 0.5em 0;
	position: relative;
	overflow: hidden;
}
/*styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit ann?hend gleicher Breite*/
FORM.yform .type-text INPUT, FORM.yform .type-text TEXTAREA
{
	display: block;
	position: relative;
	padding: 0.3em;
	width: 58.6%;
}
FORM.yform .type-select SELECT
{
	display: block;
	position: relative;
	padding: 0.3em 2px 0.3em 1px;
	width: 60%;
	cursor: pointer;
}
FORM.yform .type-select SELECT OPTGROUP
{
	font-style: normal;
	font-weight: bold;
}
FORM.yform .type-check INPUT
{
	cursor: pointer;
}
FORM.yform .type-check LABEL
{
	display: inline;
}
/*Styling of buttons | Gestaltung von Buttons*/
FORM.yform .type-button INPUT
{
	width: auto;
	cursor: pointer;
}
/*Styling of error-messages | Fehlermeldungen*/
FORM.yform DIV.error
{
	border: 1px dashed #A00;
	background: #FAF4F4;
	padding: 0.5em;
}
FORM.yform DIV.error LABEL
{
	color: #000;
	font-weight: bold;
}
FORM.yform DIV.error .message
{
	color: #800;
}
/*------------------------------------------------------------------------------------------------------
*
* (en) Formatting content container
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 25%     | flexible  | 25%     |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/
#col1
{
	width: 25%;
}
#col1_content
{
	padding: 10px 10px 10px 20px;
}
#col2
{
	width: 25%;
}
#col2_content
{
	padding: 10px 20px 10px 10px;
}
IMG
{
}
#col3
{
	margin: 0 25%;
}
#col3_content
{
	padding: 10px;
}
#col3
{
	border-left: 2px dotted #4D625D;
	border-right: 2px dotted #4D625D;
}
/*------------------------------------------------------------------------------------------------------
*
* (en) Modifying "shiny buttons" navigation
* (en) Anpassung der "Shiny Buttons" Navigation
*/
#nav *
{
	border: 0px none #000000 !important;
}
#nav_main
{
	background: #C5D3C3;
}
#nav_main UL
{
	margin-left: 10px;
}
#nav_main UL LI
{
	line-height: 1.2em;
}
#nav_main UL LI A, #nav_main UL LI STRONG
{
	color: #666;
	font-weight: normal;
	padding: 0.5em 0.8em;
}
#nav_main UL LI A:focus, #nav_main UL LI A:hover, #nav_main UL LI A:active
{
	background: #6B8075;
	color: #FFF;
}
#nav_main UL LI#current
{
	background: transparent;
}
#nav_main UL LI#current STRONG, #nav_main UL LI#current A, #nav_main UL LI#current A:focus, #nav_main UL LI#current A:hover, #nav_main UL LI#current A:active
{
	color: #000;
	font-weight: bold;
}