
/***************************/
/* General element styles: */
/***************************/

body, html { border: 0; margin: 0; width: 100%; height: 100%; font: normal 100.01% Arial,Verdana,Helvetica,sans-serif; font-size: 10pt; 
	background-color: #fff; color: #000; line-height: 16pt; }
* { margin: 0; padding: 0; font-family:  Arial,Verdana,Helvetica,sans-serif; font-size: 1em; } 
pre { font-family: monospace; }
a { color: #30519d; text-decoration: none; }
a:hover { color:#30519d; }
form, p, pre, ul, ol { margin-bottom: 1em; }
input, textarea, select { padding-left: 5pt; }
img { border: 0; }
fieldset { padding: 1em 2em; border: 1pt solid #ccc; margin-bottom: 1em; }

/* Tables */
table { border: 1pt #ccc solid; margin: 2pt 0; border-collapse: collapse; }
table tr td { padding: 0pt 3pt; border: 1pt solid #ccc; }
table tr th { padding: 1pt 3pt; border: 1pt solid #ccc; }
table p { margin: 0; }
table caption { font-size: 0.9em; caption-side: bottom; margin-bottom: 1em; }

/* Headers */
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 12pt; }
h1, h2, h3 { margin-top: 1.5em; }
.csc-header h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader { margin-top:0; }

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #800000; text-decoration: none; }
h2 a { color: #535c2e; }
h3 a { color: #000; }
h4 a { color: #333399; }
h5 a { color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: none; color:#660000;}

.noprint { display: none; position: absolute; }

/*******************************************
		LAYOUT
********************************************/
#header { position: relative; top: 0; left: 0; width: 100%; height: 104pt; border-bottom: 14pt solid #ff9801; }
#logo { position: relative; 	left: 0; top: 0; }
	
#content-wrapper { position: relative; top: 0; width: 100%; margin: 0; }
#content { position: relative; margin: 20pt 0 0 0; padding-left: 5pt; }
#pagetitle { margin-bottom: 20pt; }
#content-col1 { position: relative; width: 523pt; padding-left: 6pt; float: left; min-height: 100pt; }
#copyright { margin: 10pt 0 0 0; padding: 12pt 0 0 0; clear: both; border-top: solid 1pt #ccc; }


/**************************************
		START CONTENT
**************************************/

#startlink-harmonie, #startlink-vital, #startlink-animals, #startlink-therapie { position: relative; margin-top: 1em; }
#startlink-harmonie .text { position: relative; top: -2pt; }
#startlink-vital .text { position: relative; top: -2pt; left: -10pt; }
#startlink-animals .text { position: relative; top: 6pt; }
#startlink-therapie .text { position: relative; top: -2pt; }


/****************************************
		CONTENT
****************************************/

.clear {clear: both; }

#copyright { color: #474747; font-size: 9pt; line-height: 10pt; }
	
#pagetitle { color: #ff9900; }
#pagetitle h1 { font-size: 16pt; margin-top: 0; }
#pagetitle .cyan { color: #008788; }
#pagetitle .black { color: #000; }
#pagetitle .rot { color: #c51f23; }
#pagetitle .brown { color: #573a0f; }

#content a { text-decoration: underline; }
#content ul { padding: 0 0 0 2em; }


/***************************************************************
	FORMULARE
***************************************************************/
.csc-mailform {}
.csc-mailform-field { padding: 2pt 0; }
.csc-mailform-field label { display: block; float: left; width: 9em; text-align: right; padding-right: 1em; }
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {}
.csc-mailform-field .csc-mailform-submit { margin-left: 10em; width: 8em; font-weight: bold; margin-top: 0.5em; }
.csc-mailform-field .csc-mailform-check { width: 1em; }
.csc-mailform-label { padding: 1em 0 5pt 0; }
.csc-mailform-label:first-child { padding-top: 0; }