body, html {
    height: auto;
    min-height: 600px;
    background-color: white;
    margin: 0px;
    padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 20px;
}

input,
button,
select,
textarea {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: inherit;
    border: 1px solid #A00;
    color: black;
    background-color: white;
    padding: 1px;
    line-height: inherit;

}

td {
	vertical-align:top; 
}

th {
	width:160px;
	vertical-align:top; 
	text-align:left;
}

#opaqueContent {
    border-right: 1px solid #A00;
}

.marginalie div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:20px;
}


a img {
    border: none;
}

.blood-line {
    position: absolute;
    left: 799px;
    top: 0px;
    width: 1px;
    height: 400px;
    background-color: #A00;
}

.clear {
    clear: both;
    width: 0px;
    height: 0px;
}

/* Logo */
.logo-dialoop {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 159px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #A00;
    font-size: 13px;
    color: #A00;
}

.logo-dialoop a {
    display: block;
    text-decoration: none;
    color: #A00;
    background-color: white;
    padding-left: 5px;
}

.logo-dialoop a:hover,
.logo-dialoop a:active {
    color: white;
    background-color: #A00;
}

.logo-blood {
    position: absolute;
    top: 120px;
    left: 20px;
    width: 161px;
    height: 61px;
    border: none;
    background-color: #A00;
}


/* Menüs */
.menu-leistungen {
    position: absolute;
    left: 20px;
    top: 420px;
    width: 161px;
    height: 161px;
    background-color: #d0d0d0;
}

.menu-wir, .menu-main {
    position: absolute;
    left: 20px;
    top: 220px;
    width: 161px;
    height: 161px;
    background-color: #d0d0d0;
}

.menu-bkg-text {
    position: absolute;
    margin-top: 140px;
    line-height: 20px;
    color: white;
    z-index: 10;
    padding-left: 5px;
    font-size: 13px;
}

.menu-item-box {
    position: absolute;
    z-index: 20;
    width: 161px;
    height: 161px;
    background-color: transparent;
}

ul.menu, .saleskitSubmenuUL {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #A00;
}


ul.menu li {
    margin: 0px;
    padding: 0px;
}

ul.menu li a {
    text-transform: lowercase;
    display: block;
    text-decoration: none;
    color: #A00;
    background-color: white;
    padding-left: 5px;
    border: 1px solid #A00;
    border-top: none;
    line-height: 19px;
}

ul.saleskitSubmenuUL  li a {
    text-transform: lowercase;
    display: block;
    text-decoration: none;
    color: #A00;
    background-color: #d0d0d0;
    padding-left: 35px;
}



ul.menu li a:hover,
ul.menu li a:active,
ul.menu li.active a {
    color: white;
    background-color: #A00;
}


ul.saleskitSubmenuUL li a:hover,
ul.saleskitSubmenuIL li a:active,
ul.saleskitSubmenuUL li.active a {
    color: #fff;
    background-color: #7f7f7f;
}




.imprint {
    margin-left: 820px;
    margin-top: -21px;
    width: 159px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #A00;
    font-size: 13px;
    color: #A00;
}

.imprint a {
    display: block;
    text-decoration: none;
    color: #A00;
    background-color: white;
    padding-left: 5px;
    text-transform: lowercase;
}

.imprint a:hover,
.imprint a:active {
    color: white;
    background-color: #A00;
}


/* Seiteninhalt */
.content {
    min-height: 560px;
    margin-left: 220px;
    padding-top: 20px;
    width: 560px;
    line-height: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#contentSaleskit {
    padding-top: 150px;
}

/* Headbox mit großem Text oder Bild */
.header-box-text {
    border: 1px solid #A00;
    width: 521px;
    height: 121px;
    padding: 19px;
    background-color: #D0D0D0;
    color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.header-box-image {
    border: 1px solid #A00;
    width: 559px;
    height: 159px;
    background-color: white;
    margin-bottom: 20px;
}

/* Inhalts-Styles */

.content p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
}

.content h1 {
	color: #aa0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	margin-bottom: 20px;
}

.content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 20px;
	margin: 0px;
	margin-top: 20px;
}

.content .text-marked {
    padding: 2px;
    background-color: #A00;
	color: white;
}

.content .text-linked,
.content p a,
.content ul li a {
	padding: 1px;
	background-color: white;
	color: #A00;
    border: 1px solid #A00;
    padding-right: 7px;
	padding-left: 7px;
	text-decoration: none;
	margin-top: -1px;
}

.content a:hover,
.content a:active {
    background-color: #A00;
	color: white;
}

.content ul {
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
    padding-left: 20px;
    list-style-type: square;
    list-style-image: url('../images/bullet_content.png');
}

.content ul li {
	margin-top: -1px;
	line-height: 21px;
}

.content ul li a {
    display: block;
    padding: 0px;
    padding-left: 5px;
    line-height: 19px;
}



/* Marginalie */
.marginalie {
    position: absolute;
    left: 820px;
    top: 20px;
    width: 161px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	line-height: 12px;
}

.marginalie p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    color: #A00;
    line-height: 10px;
}

.marginalie h1,
.marginalie .csc-firstHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.marginalie ul {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    padding-left: 20px;
    color: #A00;
    list-style-type: square;
    list-style-image: url('../images/bullet_marginalie.png');
}

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

.marginalie a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #A00;
    line-height: 12px;
    text-decoration: none;
}

.marginalie a:hover,
.marginalie a:active {
    text-decoration: underline;
}


/* Layout-Grid */
.layout-grid {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 2000px;
    z-index: 1000;
    background-color: transparent;
    background-image: url('../images/layout_grid.png');
}


/* News */
.news {
    margin: -20px;
    margin-left: -19px;
    margin-bottom: 20px;
    width: 600px;
    height: 200px;
}

.white {
    background-color: white;
}

.red {
    background-color: #A00;
}

.news-image {
    margin-top: 20px;
    margin-right: 19px;
    margin-left: 20px;
    margin-bottom: 19px;
    float: left;
    width: 161px;
    height: 161px;
}

.news-image img {
    display: block;
    border: 1px solid #A00;
}

.news-text {
    margin-top: 20px;
    float: left;
    width: 380px;
    height: 160px;
}

.red .news-text {
    color: white;
}

.news-text h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
    font-weight: bold;
    margin-bottom: 0px;
}

.red .news-text h1 {
    color: white;
}

.red .news-text a {
    border: 1px solid white;
    background-color: #A00;
    color: white;
}

.red .news-text a:hover,
.red .news-text a:active {
    background-color: white;
    color: #A00;
}

/* Referenzen */
.referenzen {
    margin: -20px;
    margin-bottom: 20px;
    width: 600px;
    height: auto;
    overflow: hidden;
}

.referenzen .linkitem {
    float: left;
    width: 200px;
    height: 200px;
    margin: 0px;
}

.referenzen .imageitem {
    float: left;
    width: 161px;
    height: 161px;
    margin: 0px;
    padding: 20px;
    padding-right: 19px;
}

.referenzen a {
    display: block;
    padding: 20px;
    padding-right: 19px;
    background-color: white;
    margin: 0px;
}

.referenzen a:hover,
.referenzen a:active {
    background-color: #A00;
}

.referenzen img {
    margin: 0px;
    display: block;
    border: 1px solid #A00;
}


/* Flash-Header */

.flashheader {
    border: 1px solid #A00;
    height: 159px;
}

.small {
    width: 559px;
}

.large {
    width: 759px;
}

/* Abstandhalter */
.spacer20,
.spacer40 {
    background-color: transparent;
    width: 10px;
    border: none;
}

.spacer20 {
    height: 20px;
}

.spacer40 {
    height: 40px;
}


/* Mailformulare */

.csc-mailform,
.mailform {
    border: none;
    margin: 0px;
    padding: 0px;
}

.csc-mailform-field {
    margin-bottom: 20px;
}

.csc-mailform-field label {
    display: block;
}

.contact-row {
    margin-bottom: 20px;
}

.contact-label {
    float: left;
    width: 120px;
    height: 20px;
}

.contact-field {
    float: left;
    width: 300px;
    height: 20px;
}

.contact-largefield {
    float: left;
    width: 400px;
    height: 60px;
}

.contact-largefield textarea {
    width: 400px;
    height: 60px;
}

.contact-field-twocol {
    float: left;
    width: 130px;
    height: 20px;
    margin-right: 20px;
}

.contact-field-twocol input {
    width: 130px;
}

/*Bildergalerie Adventskalender*/

/*div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
 float:none;
 width:180px !important;
 height:140px !important;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image img {
 width:180px !important;
 height:140px !important;
}
.csc-textpic-imagewrap {
 width:560px !important;
 text-align:left;
}*/
.csc-textpic-center {
 margin-left:-20px;
 margin-right:-20px;
}

#deckflaecheMenu {
	position:absolute;
	left:20px;
	top:20px;
}

.opaqueRose {
	background-color:#d58080;
	/*background-color:#c66;*/
}

#opaqueMenu {
	width:161px;
	z-index:100;
}

#deckflaecheContent{
	position:absolute;
	top:0;
	left:200px;
	width:601px;
	
}

#opaqueContent {
	width:599px;
	background:url('/fileadmin/templates/images/rose.png');
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #A00;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }