/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

body {
	margin: 0; padding: 0; background: #eee; font-size: 1em;
   font-family: Arial, sans-serif; color: #555;
}

p, h1, h2, h3, h4, ul, ol, dl, dd, dt {
   margin: 0px; padding: 0px;
}

p {
   margin-bottom: 8px;
}


h2 {
   font-size: 1.4em; font-weight: normal; color: #555; padding-bottom: 6px; margin-bottom: 15px; border-bottom: 1px solid #ccc;
}


a {
	color: #00f;
}

a:hover {
	text-decoration: none;
	color: #f00;
}

#center {
   width: 750px; margin: 10px auto; border: 1px solid #555; background: #fff;
}

.clear {
   clear: both;
}

#agb {
   width: 450px;
}


#agb td {
   text-align: left; vertical-align: top; font-size: 0.8em; padding-bottom: 5px;
}

.agb-td1 {
   width: 30px;
}

.agb-td2 {
   width: 420px;
}


/* Logo */

#logo {
   width: 750px; height: 200px; border-bottom: 1px solid #333;
	background: url(images/schmuckbild.jpg) no-repeat;
}


#logo a {
	text-decoration: none;
}

/* Content */

#container {
	width: 735px; background: #fff;
}

#content {
	float: right; width: 495px; padding: 30px 0; font-size: 1em; line-height: 1.3em;
}

#content ul, #content ol {
   margin: 10px 0 10px 33px;
}

.align-center {
   text-align: center;
}

.align-justify {
   text-align: justify;
}

.csc-sitemap ul li {
   margin-bottom: 10px;
}

.csc-sitemap a {
   text-decoration: none;
}


/* Hauptnavigation */

#mainnav {
	float: left; width: 220px; margin-bottom: 20px; background: #f07242; font-size: 0.9em;
}

#mainnav ul {
   width: 220px; padding: 30px 0; list-style-type: none; background: url(images/mainnav-a.gif) repeat-y #FAD4C6;
}

#mainnav li a {
   display: block; width: 220px; color: #f07242; text-decoration: none; font-weight: bold; line-height: 2.5em;
   border-bottom: solid 1px #fff; padding-left: 20px; background: url(images/mainnav-p.gif) repeat-y #FDF1EC;
   voice-family: "\"}\""; voice-family: inherit; width: 200px;
}

#mainnav li a:hover {
   color: #000; background: url(images/mainnav-a.gif) repeat-y #FAD4C6;
}

#mainnav .aktiv-a {
   color: #000; background: url(images/marker-mainnav-down.gif) 10px 50% no-repeat #fff;
}

#mainnav .aktiv {
   display: block; width: 220px; color: #000; text-decoration: none; font-weight: bold; line-height: 2.5em;
   border-bottom: solid 1px #fff; padding-left: 20px; background: url(images/mainnav-a.gif) repeat-y #FAD4C6;
   voice-family: "\"}\""; voice-family: inherit; width: 200px;
}

.first {
   border-top: solid 1px #fff;
}


/* Hauptnavigation 2. Ebene */

#mainnav ul ul {
   border-top: none; margin: 0px;
}

#mainnav li li a {
   display: block; width: 220px; color: #003399; text-decoration: none; font-weight: normal;
   background: none;
   border-bottom: solid 1px #fff; padding: 3px 0px 3px 35px;
   voice-family: "\"}\""; voice-family: inherit; width: 185px;
}

#mainnav .aktiv2-a {
   color: #003399; background: url(images/marker-mainnav2-right.gif) 25px 50% no-repeat #fff;
}

#mainnav li li a:hover {
   color: #003399; background: url(images/marker-mainnav2-right.gif) 25px 50% no-repeat #fff;
}

#mainnav .aktiv2 {
   display: block; width: 220px; color: #003399; text-decoration: none;
   border-bottom: solid 1px #fff; padding: 3px 0px 3px 35px;
   background: url(images/marker-mainnav2-right.gif) 25px 50% no-repeat #fff;
   voice-family: "\"}\""; voice-family: inherit; width: 185px;
}


/* Footer */

#footer {  clear: both; width: 750px; background: #ccc; border-top: 1px solid #555;
}

#footer-left {
   float: left; width: 500px;
}

#footer-right {
   float: right; width: 240px;
}


#footernav {
   text-align: right; font-size: 0.8em; line-height: 25px;
}

#footernav ul {
   list-style-type: none; list-style-image: none;
}

#footernav li {
   display: inline; padding: 0 5px; border-right: 1px solid #003399;
}

#footernav li a {
   color: #003399; text-decoration: none;
}

#footernav li a:hover {
   color: #000; text-decoration: underline;
}

#footernav li.ende {
   border-right: 0px;
}


/* Formular */

fieldset {
   width: 170px; padding: 20px;
}


label, select, input[type=checkbox], input[type=radio],
input[type=button], input[type=submit] {
 cursor: pointer;
}

input, textarea {
   display: block; width: 170px; margin-top: 2px; margin-bottom: 15px; padding: 3px; border: 1px solid #aaa;
}

input:focus, textarea:focus {
 color: #000;
 background: #f0f0f0;
 border: 1px solid #c00;
}

.error {
   color: #f00; font-size: 0.9em;
}

.powermail_mandatory_js {
   color: #f00; font-size: 0.9em;
}


.dn {
   display: none;
}

/* 2er Kasten */

.kasten2 {
   clear: both;
}


.kasten-links {
   float: left; width: 225px;
}

.kasten-rechts {
   float: right; width: 225px;
}