/* TAGS */

html {
margin: 0; 
padding: 0;
}

body {
background-color: #BAB1D6;
font-family: verdana, arial, sans-serif;
font-size: 0.6em;
}

h1 {
font-family: verdana, arial, sans-serif;
font-size: 1.8em;
font-weight: 800;
line-height: 1.6em;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 1.1em;
font-weight: 800;
margin: 15px 0px -5px 0px;
}

a {
color: #2E1C85;
margin-top: 2px;
}

a:hover {
color: #ff0000;
margin-top: 2px;
}

a img {
border: 0;
}

/* REGIONS */
#maincontent {
border: 1px solid #2E1C85;
width: 95%;
margin: 50px auto;
background-color: #fff;
background-image:url(/pict/allbg.gif);
background-repeat:repeat-y;
background-position:left top;

}

#logo {
float: left;
background-color: #fff;
height: 110px;
}

#header {
margin-left: 190px;
background-image:url(/pict/headerbg/header.jpg);
height: 110px;
}

#meta {
background-color:#ff0000;
text-align: right;
color: #fff;
padding: 2px 10px 2px 0px;
}

#meta a {
color: #fff;
text-decoration: none;
}

#meta form {
margin: 0px;
padding: 0px;
}


#footer {
clear:both;
margin-left: 190px;
background-color: #ffffff;
font-size: 0.9em;
color: #999;
border-top: 1px dotted #999;
padding: 5px 15px;
text-align: right;
}

#footer a {
color: #999;
text-decoration:none;
}

#footer a:hover {
color: #ff6600;
}

#karos {
background-image:url(/pict/karos.gif);
height: 12px;
}

#nav {
float: left;
width: 190px;
padding: 20px 0px 5px 0px;
overflow:hidden;
}

#greybox {
background-color: #ccc;
color: #000;
padding: 4px;
margin: 10px 0px;
border-top: 1px solid #ff0000;
border-right: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
border-left: 1px solid #ff0000;
}

#greybox h1 {
font-size: 1.2em;
margin: 0px;
}

#rechts {
float: right;
width: 195px;
margin: 0px;
padding: 60px 5px 5px 5px;
height:400px;
text-align:center;
}

html>body #rechts {
height:auto;
min-height:400px;
}

#content {
background-color:#fff;
margin: 0px 205px 0px 190px;
padding: 20px 15px 15px 15px;
height:400px;
border-right: 1px solid #ccc;
}

html>body #content {
height:auto;
min-height:400px;
}


#content h2 {
font-size: 1.3em;
margin-bottom: 5px;
}

#nav ul.mainnav {
margin: 0px;
padding: 0px;
}

#nav li.mainnav {
list-style: none;
margin: 0px;
padding: 0px;
}

#nav li.mainnav a {
display:block;
border: 1px solid #ff0000;
margin: 1px 10px 1px 10px;
padding: 4px;
width:160px;
font-family: arial;
color: #fff;
font-size: 1.2em;
text-decoration: none;
}

#nav li.mainnav a:hover {
font-weight: 400;
background-color: #BAB1D6;
}

#nav li.mainnavon a {
display:block;
border: 1px solid #ff0000;
margin: 1px 10px 1px 10px;
padding: 4px;
width:160px;
font-family: arial;
color: #2E1C85;
font-size: 1.2em;
text-decoration: none;
background-color: #BAB1D6;
}

#nav ul.subnav {
margin: -10px 0px 10px 0px;
padding: 0px;
}

html>body #nav ul.subnav {
margin: 5px 0px 10px 0px;
padding: 0px;
}


#nav li.subnav {
list-style: none;
margin: 0px;
padding: 0px;
}

#nav li.subnav a {
display: block;
width: 140px;
border-bottom: 1px dotted #ff0000;
margin: 1px 10px 1px 20px;
padding: 4px;
font-family: arial;
color: #fff;
font-size: 1.0em;
text-decoration: none;
}

#nav li.subnav a:hover {
font-weight: 400;
color: #BAB1D6;
}


/* CLASSES */
.skip {
display:none;
}

.metainput {
font-size: 11px;
border: 1px solid #000;
width: 80px;
}

.metasubmit {
font-size: 11px;
border: 1px solid #000;
background-color: #BAB1D6;
}

.editmode {
color: #00ff00;
}

/* metaFORM */
.metasuche p, .metasuche li, .metasuche ul {
display:inline;
margin: 0px 0px 0px 10px;
padding: 0px;
}

/* FORMULAR */

.formular fieldset {
border: 1px solid #bab1d6;
margin-top: 10px;
padding: 10px;
}

legend {
vertical-align:middle;
margin:10;
color: #bab1d6;
}

.formular input[type=text], textarea {
font-family: Verdana, Arial, Sans-Serif;
font-size:11px;
width: 260px;
margin: 2px 0px 2px 0px;
}

.formular select {
font-family: Verdana, Arial, Sans-Serif;
font-size:11px;
margin: 2px 0px 2px 0px;
}

.formular input[type=radio] {
margin: 2px 0px 2px 0px;
vertical-align: middle;
}

.formular {
margin:0;
padding:10px;
voice-family: "\"}\"";
voice-family:inherit;
width:95%; 
font-size: 11px;
}

.formular label.left	{
clear:both;
float:left;
width:150px;
margin-right:10px;
text-align:right;
}


.formular form p	{
margin:0 0 10px 0;
line-height:150%;	
font-size:12px;
}


.formular input[type=submit] {
width:auto;
}

.submitbutton {
margin: 5px 5px 5px 160px;
}

#note1 {
margin: 5px 5px 5px 160px;
}

.error { 
color: #ff000d;
}

.debug {
border: 1px dotted #ff0000;
}