body {
	font-family: sans-serif;
	margin: 0px;
	padding: 0px;
	font: 13px arial, verdana, sans-serif;
	color: #576784;
	height: 100%;
}

html { height: 100%; }

#menu {
margin-left:46px;
margin-right:44px;
margin-bottom:280px;
}

#menu2 {
position:relative;
left:296px;
top:200px;
width:700px;
margin-bottom:0px;
}

#menu a.active, #menu a:visited.active, #menu a:link.active { color:#fdfdfd; }
#menu2 a.sub.active, #menu2 a:visited.sub.active, #menu2 a:link.sub.active { background-image: url(activeuntermenue.jpg); }

#menu a, #menu a:visited, #menu a:link { 
display: block;
font-size: 17px;
font-family: bold arial, verdana, sans-serif;
color: #5b5dae;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:2px;
text-decoration:none;
}

#menu2 a.sub, #menu2 a:visited.sub, #menu2 a:link.sub { 
display:block;  
float:left;
font: 13px arial, verdana, sans-serif;
color: #4c4b50;
padding: 15px 10px 14px;
margin: 0px;
text-decoration: none;
}

#menu a:hover, #menu a:active {
background-color:#ffb74c;
color:#fdfdfd;
}

#menu2 a:hover.sub, #menu2 a:active.sub {
background-image: url(rolloveruntermenue.jpg);
}

#content2 {
position:relative;
top:-22px;
left:3px;
}

#content {
margin-left:9px;
margin-top: -2px;
margin-right:14px;
margin-bottom:0px;
}

#laufleiste {
position:absolute;
margin-left:174px;
width:850px;
top:50px;
font: 15px arial, verdana, sans-serif;
}

table { 
border-spacing: 0px;
border-collapse: collapse;
margin: 0px;
padding: 0px;
border: 0px;}

td { vertical-align: top; }

h1 {
margin-top:13px;
font:  bold 20px arial, verdana, sans-serif;
color: #41619D;
}
h1 a, h1 a:link, h1 a:visited, h1 a:active {color:#41619D;}

h2 {
margin-top:13px;
font: bold 15px Arial, Helvetica, sans-serif; 
color: #6181BD; 
}
h2 a, h2 a:link, h2 a:visited, h2 a:active {color:#6181BD;}

h3, h4, h5, h6 {
margin-top:13px;
border-bottom:1px solid #5555ff;
color: #6181BD;
font-family:Arial, Helvetica, sans-serif;
}
h3 a, h3 a:link, h3 a:visited, h3 a:active 
h4 a, h4 a:link, h4 a:visited, h4 a:active 
h5 a, h5 a:link, h5 a:visited, h5 a:active 
h6 a, h6 a:link, h6 a:visited, h6 a:active {color:#6181BD;}

p {
margin-top:13px;
font: 13px arial, verdana, sans-serif;
color: #576784;
}

.contentwidth { width:460px; }

.text1 { background-color: #e4f4ff; }
.text2 { background-color: #f5f9ff; }
.keinstil { background-color: none; }


/* Formularcode ANFANG */

fieldset
{
border: 0px;
margin: 0px;
padding: 0px;
}

label
{
    float            : left;
    width            : 120px;
    margin-right    : 10px;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  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,
img.right
{
    float         :    left;
    width         :    auto;
    clear         :    both;
    margin-left   :    130px;
    margin-right  :    10px;
}

/*  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                :    180%;
}

/* Formularcode ENDE */


/* Form.Validator ANFANG */

.validation-failed {
border: 1px solid #f00;
}
.validation-passed {
border: 1px solid green;
}
.validation-advice {
margin: 2px; padding: 2px; color:#fff; background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px; padding: 2px; color:#fff; background-color:#bbb;
}

/* Form.Validator ENDE */

/* Tool-Tips ANFANG */

.tool-tip {
	color: #41619D;
	border: 1px solid #6485be;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: #C5DEE3;
	border-bottom: 1px dotted #6485be;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #eff5ff;
}

/* Tool-Tips ENDE */

/* Autocompleter ANFANG */

ul.autocomp
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:                 1px solid #6485be;
	background-color:		#eff5ff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	color:                  #41619D;
}

ul.autocomp li
{
	position:				relative;
	padding:				0.1em 1.5em 0.1em 1em;
	cursor:					pointer;
	font-weight:			normal;
	font-size:				12px;
	border:                 1px dotted #6485be;
}

ul.autocomp li.autocompleter-selected
{
	background-color:		#C5DEE3;
	color:					#41619D;
}

ul.autocomp span.autocompleter-queried
{
	font-weight:			bold;
}

ul.autocomp li.autocompleter-selected span.autocompleter-queried
{
	color:					#ee7c04;
}

/* Autocompleter ENDE */

/* Startseite */

#homepic1 {
font-weight:bold;
color:#fff;
text-decoration:none;
display:block;
height:156px;
width:166px;
background-image: url(Bilder/cwcstartseite_03.jpg);
}
#homepic1:hover {
background-image: url(Bilder/cwcstartseite_03-over.jpg);
}

#homepic2 {
font-weight:bold;
color:#fff;
text-decoration:none;
display:block;
height:157px;
width:164px;
background-image: url(Bilder/cwcstartseite_04.jpg);
}
#homepic2:hover {
background-image: url(Bilder/cwcstartseite_04-over.jpg);
}

#homepic3 {
font-weight:bold;
color:#fff;
text-decoration:none;
display:block;
height:155px;
width:166px;
background-image: url(Bilder/cwcstartseite_09.jpg);
}
#homepic3:hover {
background-image: url(Bilder/cwcstartseite_09-over.jpg);
}

.hometext {
text-align:right;
width:150px;
position:relative;
top:120px;
left:5px;
}

/* Startseite ENDE */

