﻿* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
  }

body {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #000;
	text-align: left;
  background: #fff;
  padding-bottom: 50px;
  }

/* global elements */
H1 {
  color: #9B3131; /*dklrot */
  font-size: 26px;
  font-weight: 100;
  font-family: Arial, sans-serif;
  font-family: Arial, sans-serif;
  margin: 0 0 15px 0;
  }

H2 {
  color: #9B3131; /*dklrot */
  font-size: 18px;
  font-weight: 100;
  font-family: Arial, sans-serif;
  font-family: Arial, sans-serif;
  margin: 0 0 10px 0;
  line-height: 20px;
  }

p.bodytext, p {
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 24px;
  }
  
A {
  color: #9B3131;
  text-decoration: none;
  border-bottom: 1px dotted #9B3131;
  }
  
A:hover {
  color: #fff;
  background: #609BE4;
  }

em {
  font-style: italic;
  }
  
strong {
  font-weight: bold;
  }

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

.csc-textpic-imagewrap {
  margin-top: 8px;
  }
  
#logo A, #logo A:hover, .csc-textpic-image A {
  background: #fff;
  border-bottom: 0px;
  } 

#containerMiddleContent UL {
  margin: 0 0 15px 0;
  line-height: 24px;
  list-style-image: url(graphics/li-bullet.jpg);
  }

#containerMiddleContent LI {
  margin: 0 0 0 25px;
  line-height: 24px;
  }

/* layout and position */
#containerMain {
	width: 960px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: left;
	background: #fff;
  }

#containerTop {
	width: 940px;
	height: 200px;
	height: 180px;
	float: left;
	background: #fff;
	padding: 0 10px;
	padding-top: 20px;
  }

#containerTop #logo {
	float: left;
	margin: 0;
	padding: 10px;
	width: 60px;
	height: 100px;
  }

#containerTop #logo IMG {
	width: 60px;
	height: 60px;
  }

#containerTop #logo img a {
	border: 0;
	padding: 0;
  }

#containerTop #meta {
  float: right;
  width: 300px;
  text-align: right;
  margin: 10px 10px;
  font-size: 80%;
  color: #d0d0d0;
  }

#containerTop #meta UL {
  list-style: none;
  } 

#containerTop #meta LI {
  display: inline;
  }

#containerTop #meta LI A {
  text-decoration: none;
  color: #609BE4;
  color: #9B3131;
  color: #d0d0d0;
  color: #000;
  border-bottom: 0px;
  }

#containerTop #meta LI A:hover {
  color: #fff;
  background: #609BE4;
  }

#containerTop #headline {
  float: left;
  margin: 3px 10px 0 0;
  color: #9B3131; /*dklrot */
  font-size: 28px;
  font-weight: 100;
  width: 520px;
  height: 30px;
  font-family: Arial, sans-serif;
  }

#containerTop #subheadline {
  float: left;
  margin: 14px 10px 0 0;
  color: #609BE4; /* blau */
  font-size: 20px;
  font-weight: 100;
  font-family: Arial, Helvetica, sans-serif;
  width: 520px;
  }

.darkred {
  color: #9B3131; /*dklrot */
  }

#containerNavitop {
	width: 920px;
	margin: 0px 10px 0px 10px;
	padding: 0;
	float: left;
	text-align: right;
	background: #F7FAFF;
	background: #fff;
	padding-bottom: 10px;
	border-bottom: 1px solid #d0d0d0
  }

#containerNavitop UL {
  float: right;
  display: inline;
  list-style-type: none;
  }

#containerNavitop LI {
  float: left;
  width: auto;
  color: #d0d0d0;
  border-left: 1px solid #d0d0d0;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  }

#containerNavitop LI.first {
  border-left: 0px;
  }

#containerNavitop A {
  display: block;
  font-size: 16px;
  padding: 0 15px 0 15px; 
  color: #000;
  text-decoration: none;
  border-bottom: 0px;
  }
  
#containerNavitop LI.act A {
  color: #9B3131;
  }
  
#containerNavitop A:hover, #containerNavitop LI.act A:hover {
  color: #fff;
  background: #609BE4;
  }

/* content */
#containerMiddle {
  width: 920px;
  float: left;
  margin: 20px;
  margin-bottom: 20px;
  padding-bottom: 40px;
  border-bottom: 1px dashed #609BE4;
  border-bottom: 1px solid #d0d0d0;
  position: relative;
  }

#containerMiddleContent {
  width: 600px;
  float: left;
  min-height: 400px;
  margin: 0 20px 0 0;
  }

#containerMiddleMenu {
  width: 300px;
  float: right;
  background: url(graphics/bg-test-hell.jpg) 0 -600px repeat-x #fff;
  min-height: 400px
  }

#containerMiddleMenu UL {
  list-style: none;
  margin: 20px;
  }

#containerMiddleMenu LI {
  padding: 10px 0;
  }

#containerMiddleMenu UL UL {
  margin: 0 0 0 20px;
  }

#containerMiddleMenu A {
  display: block;
  height: 20px;
  border-bottom: 1px dotted #609BE4;
  color: #000;
  text-decoration: none;
  background: url(graphics/menu-left-l1-no.png) 5px center no-repeat;
  padding-left: 25px;
  }

#containerMiddleMenu A:hover, #containerMiddleMenu LI.act A:hover {
  border-bottom: 1px solid #609BE4;
  color: #fff;
  background: url(graphics/menu-left-l1.png) 5px center no-repeat #609BE4;
  }
  
#containerMiddleMenu LI.act A {
  color: #9B3131;
  background: url(graphics/menu-left-l1.png) 5px center no-repeat;
  }

#containerMiddleMenu LI.act LI A {
  color: #000;
  padding-left: 50px;
  margin-left: -20px;
  background: url(graphics/menu-left-l1-no.png) 25px center no-repeat;
  }

#containerMiddleMenu LI.act LI.act A {
  color: #9B3131;
  }

#containerMiddleMenu LI.act LI A:hover, #containerMiddleMenu LI.act LI.act A:hover {
  background: url(graphics/menu-left-l1.png) 25px center no-repeat #609BE4;
  color: #fff;
  }

#containerMiddleMenu .content A {
  background: none;
  border: 0px;
  }

/* cotainer homepage */
.buttonSeminars {
	position: absolute;
	top: -174px;
	left: 721px;
	z-index: 500;
}

.buttonSeminars IMG {
	width: 135px;
	height: 75px;
}

#startLeft {
  width: 548px; 
  height: 420px; 
  background: #fff; 
  float: left;
  border: 1px solid #d0d0d0;
  }

IMG#vctagid {
  position: relative;
  }

#startLeft p {
  font-size: 24px;
  color: #609BE4;
  margin: 20px;
  }

#startRightTop {
  width: 348px; 
  height: 150px; 
  background: #505050;
  background: url(graphics/bg-ro.jpg) #fff; 
  margin: 0 0 0 20px; 
  float: right;
  border: 1px solid #505050;
  border: 1px solid #d0d0d0;
  background: url(graphics/bg-test-hell.jpg) 0 -600px repeat-x #fff;
  }

#startRightTop H2 {
  font-size: 28px;
  font-weight: 100;
  font-family: Arial, sans-serif;
  margin: 20px 0 12px 0;
  }

#startRightTop p {
  color: #9B3131; /*dklrot */
  margin: 20px;
  font-size: 24px;
  line-height: 36px;
  }

#startRightBottom {
	  width: 348px; 
  height: 248px; 
  background: #505050;
  background: #fff;
  border: 1px solid #505050;
  border: 1px solid #d0d0d0; 
  margin: 20px 0 0 20px;
  float: right;

  }
  
#default {
	display: block;
	  width: 348px; 
  height: 248px; 
  background: #505050;
  background: #fff;
  border: 1px solid #505050;
  border: 1px solid #d0d0d0; 
  margin: 20px 0 0 20px;
  float: right;

}


#konzepte {
	display: none;
	  width: 348px; 
  height: 248px; 
  background: #505050;
  background: #fff;
  border: 1px solid #505050;
  border: 1px solid #d0d0d0; 
  margin: 20px 0 0 20px;
  float: right;
  z-index: 10;

}

#containerMain #link-konzepte:hover #konzepte {
	display: block;
}


#neurologie {
	display: none;
	  width: 348px; 
  height: 248px; 
  background: #505050;
  background: #fff;
  border: 1px solid #505050;
  border: 1px solid #d0d0d0; 
  margin: 20px 0 0 20px;
  float: right;

}

#praxis {
	display: none;
	  width: 348px; 
  height: 248px; 
  background: #505050;
  background: #fff;
  border: 1px solid #505050;
  border: 1px solid #d0d0d0; 
  margin: 20px 0 0 20px;
  float: right;

}



#startRightBottom p,
#praxis p,
#neurologie p,
#konzepte p,
#default p {
  margin: 20px;
  margin: 10px;
  font-size: 16px;
  }
  
#startRightBottom H2,
#praxis H2,
#neurologie H2,
#konzepte H2,
#default H2 {
  margin: 10px 20px 10px 20px;
  margin: 10px;
  }

/* footer */
#containerBottom {
	clear: both;
	margin: 20px;
	font-size: 80%;
  }

#containerBottom #breadcrumb {
  margin-bottom: 10px;
  }

/* Formulargestaltung */
FIELDSET {
  border: 0;
}

DIV.csc-mailform-field {
  margin: 0 0 10px 0;
}

DIV.csc-mailform-field LABEL, TD.csc-form-labelcell {
  width: 120px;
  float: left;
  display: block
}

DIV.csc-mailform-field INPUT, TD.csc-form-fieldcell INPUT {
  height: 22px;
/*  padding-top: 2px;*/
}

DIV.csc-mailform-field INPUT, DIV.csc-mailform-field TEXTAREA, TD.csc-form-fieldcell INPUT {
  width: 300px;
  background: url(graphics/bg-test-hell.jpg) 0 -800px repeat-x #fff;
  border: 0px;
  font-size: 16px;
}

TD.csc-form-fieldcell, TD.csc-form-labelcell {
  padding: 0px;
  height: 22px;
  margin: 10px 0;
}

DIV.csc-mailform-field INPUT.csc-mailform-submit {
  width: auto;
  height: 24px;
  margin-left: 120px;
  border: 2px outset #9B3131;
}

/* Tabellenlayout */
TABLE.contenttable {
  border-collapse:collapse
  }

TABLE.contenttable TH, TABLE.contenttable TD {
  vertical-align: top;
  border: 1px solid #d0d0d0;
  padding: 5px;
  }

TABLE.contenttable TH {
  background: url(graphics/bg-test-hell.jpg) 0 -800px repeat-x #fff;
  }


.name-of-person {
	font-size: 110%;
}

.important {
	font-size: 130%;
}

.detail {
	font-size: 150%;
}

