/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
* (en) stylesheet for screen layout
* (de) Stylesheet für das Bildschirm-Layout
*
* @creator YAML Builder V1.2.1 (http://builder.yaml.de)
* @file basemod.css
* @-yaml-minver 3.3
*/
@media screen, projection
{
/**
* (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
* (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
*
* @workaround
* @affected IE8, FF, Webkit, Opera
* @css-for all
* @valid CSS3
*/
body { overflow-y: scroll; }
/*-------------------------------------------------------------------------*/
/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
body { background: #ddd; padding: 1% 2.5% 0% 2.5%; }
/* Layout Alignment | Layout-Ausrichtung */
.page_margins { margin: 0 auto; }
body {
font-family:Arial, Helvetica, sans-serif;
color:#444;
}
/*--- Links ----------------------------------------------------------------------------------------- */
.textlink { border-bottom: 1px dotted; outline: 0 none; }
.textlinkint { color:#182E7A; text-decoration:underline; outline: 0 none; }
.textlinklex { color:#182E7A; border-bottom: 1px dotted; outline: 0 none; }
.textlinkklein { font-size: 90%; color:#182E7A; border-bottom: 1px dotted; outline: 0 none; }
.mehr, .mehr a, .mehr a:visited { text-decoration:none; border-bottom: 1px dotted; font-weight:normal; }
.mehr a:focus, .mehr a:hover { text-decoration:underline; border-bottom: 1px dotted; color:#aaa; font-weight:normal; }
a { color:#036; background:transparent; text-decoration:none; }
a:visited { color:#036; }
/* (en) maximum constrast for tab focus - change with great care */
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
/* das hier war der orangene Kasten:
a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
a:hover,
a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }
*/
/*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}
h1 { /* h1: Hauptüberschrift einer Seite */
margin: 0 0 0.5em 0;
color:#036;
font-size:180%;
}
h2 { /* h2: Zwischenüberschrift im Text */
color:#036;
margin:2em 0 0.25em 0;
font-size:120%;
}
h3 { /* h3: Hauptüberschrift in Listen mit Vortitel und Teaser */
margin: 0 0 0.25em 0;
color:#036;
font-size:100%;
}
h3 a, h3 a:visited {
text-decoration:none;
color:#036;
}
h3 a:focus, h3 a:hover {
text-decoration:underline;
color:#036;
}
h4 { /* h4: Vortitel in Meldungen mit Teaser */
margin: 0 0 0 0;
color:#036;
font-size:100%;
}
h4 a, h4 a:visited {
margin: 0 0 0 0;
color:#036;
font-size:100%;
}
h4 a:focus, h4 a:hover {
text-decoration:none;
color:#bbb;
}
h5 { /* h5: Titel in Meldungen mit Teaser */
color:#036;
margin: 0 0 0 0;
font-size:140%;
}
h5 a, h5 a:visited {
color:#036;
margin: 0 0 0 0;
font-size:140%;
}
h5 a:focus, h5 a:hover {
text-decoration:none;
color:#036;
}
h6 {
margin: 1em 0 0.25em 0;
color:#888;
font-size:100%;
} /* px */
.vortitel {
font-family: Sahitya, serif;
font-weight: 600;
color:#036;
font-size: 1.2em;
margin-bottom: 0.4em;
}
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
p {
font-weight:normal;
font-size: 100%;
color:#333;
line-height:1.6em;
margin: 1em 0 1em 0;
}
p a, p a:visited {
color:#444;
}
p a:focus, p a:hover {
color:#888;
}
.warnung {
color:#ff0000;
}
.textklein {
font-weight:normal;
font-size: 90%;
line-height:1.3em;
}
.textkleinkursiv {
font-style: italic;
font-size: 90%;
line-height:1.3em;
}
.textkleingrau {
font-weight:normal;
font-size: 90%;
color:#666;
line-height:1.3em;
}
.datum_autor {
font-weight:normal;
font-size: 90%;
color:#888;
line-height:1.3em;
}
.formulartext {
font: 12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#666;
line-height:1.0em;
margin: 0.1em 0 1em 0;
}
.formular1 {
font: 12px Arial, Helvetica, sans-serif;
color:#666;
line-height:1.3em;
}
.textfooter {
font-weight:normal;
font-size: 90%;
color:#666;
line-height:0.2em;
}
logo { margin: 0 0 0 0; }
}
/* Layout Properties | Layout-Eigenschaften */
.page_margins { width: auto; min-width: 320px; max-width: 90em; background: #fff; }
.page { padding: 0;
position: relative;
}
#header { position:relative; padding: 1em 2em 1em 1em; color: #000; background: #fff; }
#topnav { position:absolute; top:10px; right:10px; text-align:right; color: #aaa; background: transparent; }
#nav { overflow:hidden; }
div.hlist { background-color: #fff }
#main { margin: 10px 0; background: #fff; }
#teaser { clear:both; padding: 0 20px; margin: 10px 0; }
#footer { min-height: 30px; padding: 10px 20px; color:#666; }
/* #footer { min-height: 30px; padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; } */
/* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung */
#nav ul { margin-left: 20px; }
.ym-hlist {
/* (en) containing floats in IE */
/* (de) Einfassen der Floats im IE */
width:100%;
overflow:hidden;
/* (en|de) Bugfix:IE - collapsing horizontal margins */
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
text-decoration: none;
}
.ym-hlist ul {
margin:0;
padding: 1.5em 1.5em;
/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
display:inline-block;
float:left; /* LTR */
}
.ym-hlist ul li {
/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
display:inline-block;
float:left; /* LTR */
line-height:1em;
list-style-type:none;
margin: 0 0.9em 0 0;
padding:0;
}
/* Menü: Grundfarbe */
.ym-hlist ul li a,
.ym-hlist ul li strong {
background: transparent;
color: #888;
font-weight: normal;
outline: 0 none;
}
/* Menü: Wenn Cursor darüber steht */
.ym-hlist ul li a:focus,
.ym-hlist ul li a:hover {
background: transparent;
color: #ccc;
font-weight: normal;
outline: 0 none;
}
.ym-hlist ul li a:active {
background: transparent;
color: #ddd;
font-weight: normal;
outline: 0 none;
}
.ym-hlist ul li.active {
background: transparent;
color: #333;
font-weight: normal;
outline: 0 none;
}
.ym-hlist ul li.active strong,
.ym-hlist ul li.active a:focus,
.ym-hlist ul li.active a:hover,
.ym-hlist ul li.active a:active {
background: transparent;
color: #bbb;
font-weight: normal;
outline: 0 none;
}
/*-------------------------------------------------------------------------*/
/* CSS für Formulare */
.form-style-7{
max-width: 450px;
background: #FAFAFA;
padding: 30px;
margin: 50px auto;
box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
border-radius: 10px;
border: 6px solid #80FF00;
}
.form-style-9{
max-width: 450px;
background: #FAFAFA;
padding: 30px;
margin: 50px auto;
box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
border-radius: 10px;
border: 6px solid #305A72;
}
.form-style-9 ul{
padding:0;
margin:0;
list-style:none;
}
.form-style-9 ul li{
display: block;
margin-bottom: 10px;
min-height: 35px;
}
.form-style-9 ul li .field-style{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 8px;
outline: none;
border: 1px solid #80FF00;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}.form-style-9 ul li .field-style:focus{
box-shadow: 0 0 5px #80FF00;
border:1px solid #80FF00;
}
.form-style-9 ul li .field-split{
width: 49%;
}
.form-style-9 ul li .field-full{
width: 100%;
}
.form-style-9 ul li input.align-left{
float:left;
}
.form-style-9 ul li input.align-right{
float:right;
}
.form-style-9 ul li textarea{
width: 100%;
height: 100px;
}
.form-style-9 ul li input[type="button"],
.form-style-9 ul li input[type="submit"] {
-moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
-webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
box-shadow: inset 0px 1px 0px 0px #3985B1;
background-color: #216288;
border: 1px solid #17445E;
display: inline-block;
cursor: pointer;
color: #FFFFFF;
padding: 8px 18px;
text-decoration: none;
font: 12px Arial, Helvetica, sans-serif;
}
.form-style-9 ul li input[type="button"]:hover,
.form-style-9 ul li input[type="submit"]:hover {
background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
background-color: #28739E;
}
/*-------------------------------------------------------------------------*/
/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
* background: #ffcc00;
*/
#col1 { float: left; width: 45%; margin: 0 0 0 20% }
#col2 { display:none}
#col3 { width: 25%; margin: 0 10% 0 65% }
#col1_content { padding: 0 10% 0 0 }
#col3_content { padding: 18% 0 0 0 }
/*-------------------------------------------------------------------------*/
}