/* Start of CMSMS style sheet 'kleincoaching' */
/* Erstellt von Ralph Segert - www.segert.net */


* {
margin: 0;
padding: 0;
}


body {
color: #000;
background-color: #8b837b;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


a:focus {
outline: none;
}

p a:link {
color:#99070c;
background-color: transparent;
border-bottom: 1px solid;
text-decoration:none;
}

p a:visited {
color:#99070c;
background-color: transparent;
border-bottom: 1px solid;
text-decoration:none;
}

p a:hover {
color:#5c5751;
background-color: transparent;
border-bottom: 1px dotted;
text-decoration:none;
}

img {
border: 0;
}



/* Layoutcontainer
____________________________________*/


#gesamt {
margin: 0 auto;
width: 904px;
background: transparent;
}

#kopf {
width: 904px;
height: 168px;
background: url(images/header.jpg) top no-repeat;
}

#kopfende {
width: 904px;
height: 42px;
border-bottom: 1px solid #fff;
background: url(images/subheader.jpg) top no-repeat;
}


#menue {
float: left;
width: 221px;
text-align: center;
background-color: #99070c;
}

#inhalt {
float: left;
width: 683px;
text-align: left;
padding-bottom: 30px;
background: #bbb1a6 url(images/dcv-logo.gif) top  no-repeat;
background-position: 546px 10px;
}

#bg {
float: left;
width: 904px;
background: url(images/bg.gif)  repeat-y;
}

#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
width: 683px;
border-left: 221px solid #99070c;
}

/* Inhalt im Kopfbereich */


#kopf strong {
display: none;
}


h1 {
position: absolute;
top: 60px;
margin-left: 370px;
height: 24px;
width: 540px;
}

h1 a {
float: left;
height: 32px;
width: 500px;
}

.einleitung {
display: none;
}

#kopfende .sozial {
float: right;
font-size: 12px;
color: #bbb1a6;
margin: -16px 20px 0 0;
}

#kopfende .sozial a {
color: #fff;
border-bottom: 0;
text-decoration:none;
}

#kopfende .sozial a:hover {
color: #bbb1a6;
border-bottom: 1px dotted;
}



/* Hauptnavigation */




/* The wrapper determines the width of the menu elements */
#menuwrapper { 
   width: 100%; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
}
#primary-nav ul { 
   position: absolute; 
   top: 0; 
   left: 100%; 
   display: none; 
}
#primary-nav li { 
   position: relative; 
}


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   text-decoration: none; 
letter-spacing: 1px;
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
}

#primary-nav li  {

font-size: 18px;
color: #fff;
   border-bottom: 1px solid #fff;
background: url(images/bg-hm01.gif)  repeat-x;
   min-height:1em; /* Fixes IE7 bug*/
}

#primary-nav li a {
height: auto;
padding-top: 11px;
padding-bottom: 12px;
color: #5d5650;
}


#primary-nav .submenue li  {
margin-top: -1px;
font-size: 12px;
letter-spacing: 1px;
background-color: #b8aa9d;
background: url(images/bg-hm02.gif)  repeat-x;
text-decoration: none;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #fff;
margin-bottom: -1px;
}


#primary-nav .submenue a  {
padding: 9px 2px 9px 2px;
color: #fff;
font-weight: normal;
border-right: 1px solid #fff;
}

#primary-nav .submenue li:hover {
color: #99070c;
background-color: #b8aa9d;
background-image: none;
}

#primary-nav .submenue a:hover {
color: #99070c;
}



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive  { 
color: #fff;
background: url(images/bg-hm02.gif)  repeat-x;

}

#primary-nav li.menuactive a { 
color: #fff;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
background: url(images/bg-hm02.gif)  repeat-x;

}

#primary-nav li:hover a  { 
color: #fff;

}



/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hack, will cause the css to not validate */




/* section header */
#primary-nav li.sectionheader {
border-bottom: 1px solid #99070c;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
background: url(images/bg-hm01.gif)  repeat-x;
   margin: 0;
   width: 100%;
}


/* separator */
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
background: url(images/bg-hm01.gif)  repeat-x;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
border-bottom: 1px solid #99070c;
}



/* Grundformatierungen Headlines und Fliesstext
___________________________________________________*/


h2 {
margin: 40px 140px 15px 40px;
font-size: 1.8em;
font-weight: normal;
color: #a13132;
line-height: 35px;
}

h3 {
margin: 40px 40px 15px 40px;
font-size: 1.5em;
color: #a13132;
font-weight: normal;
line-height: 32px;
}


h4 {
margin: 40px 40px 15px 40px;
font-size: 1.4em;
color: #a13132;
font-weight: normal;
line-height: 32px;
}

h5 {
margin: 40px 40px 15px 40px;
font-size: 1.2em;
color: #a13132;
font-weight: normal;
line-height: 32px;
}

h6 {
margin: 40px 150px 15px 40px;
font-size: 1.2em;
color: #a13132;
font-weight: normal;
line-height: 32px;
}


p {
margin: 0 40px 10px 40px;
font-size: .9em;
line-height: 25px;
}

p img {
padding: 1px;
margin-top: 4px;
margin-right: 2px;
margin-left: 2px;
margin-bottom: 2px;
border: 1px solid #99070c;
}

blockquote {
font-style: italic;
margin: 6px 40px 15px 20px;
font-size: .8em;
line-height: 20px;
}

.datum {
text-align: left;
font-size:13px;
letter-spacing: 1px;
margin-top: 50px;
margin-bottom: -18px; 
padding: 8px;
padding-left: 20px;
margin-right: 0px;
color: #fff;
background: #a89b90 url(images/ecke.gif) top left  no-repeat;
}



.termin-datum {
text-align: left;
font-size:13px;
letter-spacing: 1px;
margin-top: 30px;
margin-bottom: 0; 
margin-right: 0;
padding: 6px;
padding-left: 20px;
color: #fff;
background: #a89b90 url(images/ecke.gif) top left  no-repeat;
border-bottom: 1px dotted #fff;
}


.termin-etc {
text-align: left;
font-size:13px;
letter-spacing: 1px;
margin-top:0px;
margin-bottom: 0; 
margin-right: 0;
padding: 6px;
padding-left: 20px;
color: #fff;
background-color: #a89b90;
border-bottom: 1px dotted #fff;
}

.termin-inhalt {
text-align: left;
font-size:13px;
line-height: 20px;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0; 
margin-right: 0;
padding: 20px;
padding-top: 12px;
color: #000;
background-color: #a89b90;
padding-right: 30px;
}


.netzwerk {
text-align: left;
font-size:14px;
line-height: 22px;
letter-spacing: 0;
margin-top: 20px;
margin-bottom: 40px; 
margin-right: 0;
padding: 20px;
padding-top: 12px;
color: #000;
background-color: #a89b90;
padding-right: 30px;
background: #a89b90 url(images/ecke.gif) top left  no-repeat;
}

.netzwerk img {
border: 0;
}

.wo {
font-size:12px;
line-height: 20px;
letter-spacing: 0;
margin-top: 16px;
margin-bottom: 0; 
color: #000;
}

.suche {
margin: 0; 
padding: 0;
}

.drucken {
text-align: center;
font-size:12px;
line-height: 20px;
margin: 30px 0px 30px 0;
color: #000;
}


#inhalt .kein-unterstrich {
border: 0;
text-decoration: none;
}


#inhalt .wo a {
border: 0;
}

#inhalt .wo a:hover {
color: #fff;;
}

.footer {
margin: 0 0 0 0;
padding: 3px 0 3px 0;
text-align: center;
letter-spacing: 0;
font-size:11px;
background-color: #a89b90;
}

#footer .footer a {
color: #fff;
border-bottom: 0;
text-decoration:none;
}

#footer .footer a:hover {
color: #5c5751;
border-bottom: 0px dotted;
}




#inhalt ul {
list-style-type: square;
font-size: 14px;
text-align: left;
margin: 1px 40px 10px 60px;
}


#inhalt li {
line-height: 20px;
text-align: left;
padding: 0 10px 4px 5px;
}

#inhalt ol {
font-size: 14px;
text-align: left;
margin: 1px 40px 10px 60px;
padding-left: 0;
}

#inhalt ol li {
padding-left: 0;
}


/* Formular
_____________________________*/


form {
font-size: 14px;
}

form img {
border: 0;
}

fieldset {
border: 0px;
}

legend {
display: none;
}

label {
float: left;
width: 170px;
}

.feld {
margin-bottom: -10px;
}

.textfeld {
width: 200px;
font-size: 12px;
border: 1px #989280 solid;
background-color: #fefefe;
color: #000;
}

.kommentarfeld {
width: 250px;
font-size: 12px;
border: 1px #989280 solid;
background-color: #fefefe;
color: #000;
height: 160px;
}

.sendbutton {
width: 200px;
border: 2px #666 groove;
color: #000;
margin-top: 10px;
margin-bottom: 30px;
font-size: 12px;
}


#kopfende form { /* Beginn Suche */
position: relative;
top: 7px;
left: -340px;
}

.suchfeld {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
height: 16px;
width: 120px;
font-size: 12px;
border: 1px #fff solid;
background-color: #a11a1f;
color: #fff;
vertical-align: middle;
}

.suchbutton { /* Ende Suche */
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 18px;
padding-bottom: 3px;
width: 50px;
border: 1px #fff solid;
color: #fff;
vertical-align: middle;
margin: 0 2px 0 2px;
letter-spacing: 1px;
background-color: #8b837b;
}


/* Sonstiges:
____________________________________*/


hr {
clear: both;
visibility: hidden;
width: 0;
height: 0; 
margin: 0; 
padding: 0; 
}





/* End of 'kleincoaching' */