/* DATEI: agil.css */
html{
height:100%;
margin:0px;
padding:0px;}
body {margin:0px; font-family:verdana,arial; font-size:100.01%; height:100%; width:100%;padding:0px; background:rgb(229,229,229);}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-family:Arial,sans-serif; color: #000000; }
h1 { font-size:18px; margin-bottom:0px; margin-top:5px; margin-left:5px; font-style: normal; font-weight:700; letter-spacing:0px; font-family:verdana,arial; }
h2 { font-size:15px; margin-bottom:5px; margin-top:25px; margin-left:5px; font-weight:bold; letter-spacing:1px; font-family:verdana,arial;}
h3 { font-size:11px; font-weight:300; margin-top:4px; margin-bottom:4px; font-style:normal; margin-left:5px;}
h4 { font-size:16px; margin-top:3px; margin-bottom:3px; margin-left:0px; font-style:normal; font-weight:700; }
h5 { font-size:11px; margin-top:0px; margin-bottom:0px; font-style: normal; font-weight:normal; }
h6 { font-size:11px; margin-top:0px; margin-bottom:0px ; font-style: normal; font-weight:200; letter-spacing: 1px; margin-left:3px; }
ul,ol,li,div,td,th,address,blockquote { font-size:13px; }
p { font-family:Arial,sans-serif; font-weight: normal; font-size:13px; margin-top:7px; margin-bottom:5px; margin-left:10px; margin-right:30px;}
a:link { color:#000000; text-decoration:underline; font-weight: 700; }
a:visited { color:#000000; text-decoration:underline; font-weight: 700; }
a:active { color:#d52975; text-decoration:none; font-weight: 700; }
a:hover { color:#d52975; text-decoration:none; font-weight: 700; }
a.an { text-decoration:none; }
.bold
{
font-weight:bold;
}
img
{
border:0;
margin-right:15px;
}
#NavContainer
{
border:0px solid black;
width:150px;
margin-left:10px;
}
#NavContainer ul
{
margin:0em;
padding:0em;
list-style-type:none;
}
/*#################### Navigation Hierarchie 1 #########################*/
#NavContainer a
{
display:block;
text-decoration:none;
font-family:verdana;
font-size:95%;
color:black;
background:rgb(229,229,229);
padding-left:1.2em;
padding-top:0.3em;
padding-bottom:0.3em;
border-bottom:1px dotted black;
border-right:1px dotted black;
border-left:1px dotted black;
}
#NavContainer li
{
/*border-bottom:1px solid green;
border-right:1px solid green;*/
}
#NavContainer li a:hover, #NavContainer li a:active, #NavContainer li a:focus
{
background-color:rgb(213,41,117);
color:rgb(255,255,255);
}
#NavContainer a.home, #NavContainer a.home:visited
{
background-color:rgb(213,41,117);
color:rgb(255,255,255);
}
/*###### Navigation 2. Hierachie ######*/
#NavContainer ul ul a
{
background-color:rgb(200,200,200);
display:block;
font-size:95%;
color:rgb(213,41,117);
padding-left:2.4em;
}
#NavContainer ul ul a:hover, #NavContainer ul ul a:active, #NavContainer ul ul a:focus
{
color:rgb(213,41,117);
background-color:rgb(255,255,255);
}
#NavContainer a.akth2, #NaviContainer a.akth2:hover
{
background-color:rgb(255,255,255);
}
/*###### Navigation 3. Hierachie ######*/
#NavContainer ul ul ul a
{
padding-left:2.4em;
background-color:rgb(255,255,255);
color:rgb(0,0,0);
text-transform:uppercase;
}
}
/*###### Navigation Hierarchie 3 ######*/
#NavContainer ul ul ul a:hover, #NavContainer ul ul ul a:active, #NavContainer ul ul ul a:focus
{
background-color:rgb(229,229,229);
color:rgb(0,0,0);
text-transform:uppercase;
}
#NavContainer a.akth3, #NavContainer a.akth3:hover
{
background-color:rgb(210,10,20);
color:rgb(255,255,255);
border-bottom:2px solid rgb(180,0,0);
border-right:2px solid rgb(180,0,0);
}
/* Formular-Formatierung von Peter Sörgel, fact-design */
label.left
{
float : left;
text-align : right;
/* die naechsten zwei sind beliebig anpassbar, um in das jeweilige Gestaltungsraster zu passen. Bei Aenderungen aber nicht vergessen, die margins bei input.right entsprechend anzupassen: */
width : 10.3em;
margin-right : .3em;
margin-bottom : 1.5em;
}
/* positioniert die Text- und Auswahlboxen rechts daneben: */
input[type=text], select
{
float : left;
width : 25em;
}
/* dann werden alle checkboxen und radiobuttons, die mit der Klasse "right" versehen wurden, um den errechneten linken Abstand der input und select-Elemente (s.o.) nach rechts verschoben: */
input.right
{
float : left;
width : auto;
clear : both;
margin-left : 8.2em;
margin-right : 0.3em;
margin-bottom : 1em;
margin-top:1em;
}
/* Extrawurst fuer Mozilla, keine Ahnung, warum das so ist. Feedback und Loesungsvorschlaege willkommen */
input[type=checkbox].right, input[type=radio].right, input[type=submit].right
{
margin-left : 7.3em;
}
/* Nicht vergessen, die floats wieder aufzuheben, sonst floatet es munter weiter */
form br
{
clear : both;
}
/* fuer grafische UAs und DAUs der Hinweis, dass die Label anklickbar sind. Weil's so schoen ist, die Kontrollelemente gleich mit. Mit einer Ausnahme: fuer Textfelder macht der Pointer natuerlich keinen Sinn, dort sollte nach wie vor die Text-Einfuegemarke als Cursor erscheinen. Daher hier die Einschraenkung auf die input-Elemente des Typs checkbox, radiobutton, button und submit: */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]
{
cursor : pointer;
}
/* legt den vertikalen Abstand der einzelnen Elemente zueinander fest */
form
{
line-height : 140%;
font-size:98%;
color: rgb(0,0,0);
background-color: #FFFFFF;
}
legend
{
font-weight:bold;
}
fieldset
{
width : auto;
padding-left:1.5em;
border:0px solid rgb(255,155,52);
padding-top: 1em;
margin:1em;
}
/* herrieden--------------------------------------*/
#Eingabefeld
{
width:82%;
background-color:rgb(250,250,250);
}
.submit {
width:1em;
margin-left: .3em;
}
#left
{
float : left;
text-align : right;
width: 100%;
}
span.radio
{
margin: 0em 0em 0em 0em;
}
.formfeld_r
{
margin: 1em 3em 1em 0em;
padding: 0 0 0 0;
vertical-align: middle;
}
.formfeld_c
{
margin-left: 4em;
padding: 0 0 0 0;
vertical-align: middle;
}
.clear {
height:0em;
line-height:0em;
clear:both;
}