/* Standards: Farben, Abstände, Überschriften, etc.
---------------------------------------*/
body
{
	margin-left: 10px;
	margin-top: 0;
	background-color: #d3dde6;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

a { color:#048fe0; font-weight:bold; text-decoration:none; }
a:hover { }
img { border:0; }
h1 { padding:0; margin:0; font-size:1.25em; }
h2 { padding:0; margin:10px 0 0 0; font-size:1.1em; }
h2 a { color:#000; }
h3 { padding:0; margin:0; font-size:1em; letter-spacing:1px; font-weight:normal; font-style:italic; }
h4 { padding:0; margin:0; font-size:1em; }
h5, .small-date, p.small-grey, .small-grey { padding:0; margin:0; font-size:0.9em; font-weight:normal; color:#666666; }
h6 { }
p,
p.small-grey,
p.bodytext,
startpage-text-margin { padding:0; margin:0 0 16px 0; font-size:1em; }
td.center { text-align:center; }
form { padding:0; margin:0; }
textarea { font-size:11px; }

.white-bg { background:#fff; }
.blue-bg { background: #0091DF; }
.grey-background { background:#F2F2F2; }
.no-border { border:0; }
.grey-border-top { padding:0; border-top:1px solid #cccccc; }
.grey-border-bottom { padding:0 0 10px 0; border-bottom:1px solid #cccccc; }
.grey-border-top-bottom { padding-top:0; padding-bottom:0; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; }
.headline-link { color:#000; }
.one-row { display:inline; float:left; }
.center { text-align:center; }
.even-link { background:#f7f7f7; }
.odd-link { background:#fff; }

/* Grundgerüst
----------------------*/

#header
{
	width: 952px;
	height: 131px;
	background-image: url(../images/global/bg-header.gif);
	background-repeat: no-repeat;
}
#headerLeft, #headerCenter, #headerRight, #headerBottom { position:relative; float:left; }

#headerLeft { width:420px; height:107px; }

#headerLeft .ov-logo { padding: 15px 0 0 18px; }

#headerCenter { width:322px; height:95px; padding:12px 0 0 0; margin:0 10px 0 0; display:none}

#headerRight { width:190; height:82px; padding:25px 0 0 10px; font-family: Verdana, Arial, sans-serif; font-size:10px; font-weight:bold; color:#fff; letter-spacing:2px; }
#headerRight input { font-size:10px; }

#headerBottom { width:200px; height:15px; clear:both; text-align:center; color:#000; font-weight:bold; font-size:10px; padding:0 0 0 754px; display:none }

/*#main { position:relative; width:801px; background: url(../images/bg_navi_neu.gif) repeat-y; float:left; clear:both; }*/

/*#navi { position:relative; top:0; left:0; width:199px; margin:0 1px 0 0; padding:0 0 0 0; float:left; }*/

#below-navi { 
  position:relative; top:0; left:0; width:178px; margin:0 1px 0 0; padding:0 0 0 10px; text-align:left;
	background-image: url(../images/global/bg-navi.gif);
	background-repeat: repeat-y; 
}
#below-navi-2 { 
  position:relative; top:0; left:0; width:188px; margin:0 1px 0 0; padding:15px 0 15px 0; text-align:left;
	background-image: url(../images/global/bg-navi.gif);
	background-repeat: repeat-y; 
}
#below-navi-2 .content-header { 
   padding: 10px 9px 10px 9px;
   background: #fff;
   color: #048FE0;
   border-right: 1px solid #048FE0;
}
#below-navi-2 .content-header h2 { 
   margin: 0;
   padding: 0;
}
#below-navi-2 p {
   padding: 10px 9px 10px 9px;
   color: #fff;
}
#below-navi-2 a {
   color: #fff;
}
#below-navi-2 ul {
   padding-left: 10px;
   color: #fff;
   list-style-type: none;
}
#below-navi-2 ul li {
      padding-bottom: 3px;
}
#below-navi-2 p a,
#below-navi-2 ul li a{ margin:0; padding:3px 0 3px 20px; color: #fff; background:url(/fileadmin/templates/general/html/images/global/arrow.gif) no-repeat 10px 4px ;}

#below-navi-2 p a {
   padding: 3px 0 0 12px;
   background:url(/fileadmin/templates/general/html/images/global/arrow.gif) no-repeat 5px 5px ;
   
}
#below-navi-2 .csc-textpic dl{
   margin-bottom: 15px;
}
.content-boxes-home {
   position: relative;
   width: 100%;
   clear: both;
   height: auto;
   display: block;
}
.content-boxes-home .box-left {
   position: relative;
   width: 245px;
   float: left;
   margin-right: 8px;
}
.content-boxes-home .box-right {
   width: 245px;
   float: left;
}
#content .content-boxes-home .box-left h1,
#content .content-boxes-home .box-right h1 {
   width: 230px;
   margin-left: 0;
}
.content-boxes-home .box-left p,
.content-boxes-home .box-right p{
   padding-left: 15px;
   padding-right: 15px;
}

/*#content { position:relative; top:0; left:0; width:536px; margin:0 2px 0 0; padding:10px 30px 30px 30px; background:#fff; float:right; display:block; }*/

/*#footer { position:relative; width:600px; height:16px; clear:both; padding:2px 0 0 200px; background:#0091DF; text-align:center; vertical-align:middle; color:#fff; }*/

#spalte_links
{
	width: 188px;
	height: auto;
	padding-right: 13px;
	padding-top: 13px;
  background-image: url(../images/global/bg-header-abschluss.gif);
	background-repeat: no-repeat;
}

#suchbox
{
  width: 187px;
	min-height: 52px;
	height: auto;
	background-color: white;
	border-right: 1px solid #009fe0;
}

#navi
{
	width: 188px;
	min-height: 300px;
	height: auto;
	background-image: url(../images/global/bg-navi.gif);
	background-repeat: repeat-y;
}

/* Navigation
----------------------*/
#navi ul { list-style-type:none; margin:0; padding:8px 0 0 0; }
#navi ul li { width: 100%; margin: 0; padding: 0; }
#navi ul li a { display: block; padding:4px 10px; color:#fff; text-decoration:none; font-weight:bold; font-size: 12px; }
#navi ul li a:hover,
#navi ul li a:active,
#navi ul li a:focus,
#navi ul li a.isactive { text-decoration: underline; }

/* 2. Ebene */
#navi ul li { width: 100%; }
#navi li ul { background-color: #027cc2; }
#navi li ul li a { margin:0; padding:3px 0 3px 20px; color: #fff; font-size:11px; font-weight:normal; background:url(/fileadmin/templates/general/html/images/global/arrow.gif) no-repeat 10px 4px ;}
#navi li ul li a:hover,
#navi li ul li a:active,
#navi li ul li a:focus,
#navi li ul li a.isactive { text-decoration: underline; }

/* Weitere Ebenen verschieben */
#navi li ul li ul li a,
#navi li ul li ul li a:hover,
#navi li ul li ul li a:active,
#navi li ul li ul li a:focus,
#navi li ul li ul li a.isactive { padding:3px 0 3px 30px; background-position:20px; }
#navi li ul li ul li ul li a,
#navi li ul li ul li ul li a:hover,
#navi li ul li ul li ul li a:active,
#navi li ul li ul li ul li a:focus,
#navi li ul li ul li ul li a.isactive { padding:3px 0 3px 45px; background-position:30px; }
#navi li ul li ul li ul li ul li a,
#navi li ul li ul li ul li ul li a:hover,
#navi li ul li ul li ul li ul li a:active,
#navi li ul li ul li ul li ul li a:focus,
#navi li ul li ul li ul li ul li a.isactive { padding:3px 0 3px 60px; background-position:40px; }

/* Navi-Spacer */
.spacer { background:#59c1eb; padding:0 0 0 0; border:0; height:2px; line-height:1px; font-size:1px; }

#navi_abschluss
{
	width: 188px;
	height: 49px;
	background-image: url(/fileadmin/templates/general/html/images/global/bg-navi-abschluss.gif);
	background-repeat: no-repeat;
}


/* Content
----------------------*/

#content_rahmen
{
  position: absolute;
  left: 211px;
  top: 131px;
  width: 751px;
  height: auto;
}

#content-header
{
  width: 528px;
  height: 107px;
  border-right: 1px solid #009fe0;
  background-image: url(/fileadmin/templates/general/html/images/content/img-content-header.jpg);
}

#content-header dl, #content-header dt
{
  margin: 0;
  padding: 0;
}

#content
{
  margin-top: 6px;
  width: 498px;
  min-height: 200px;
  height: auto;
  padding: 0 15px 22px 15px;
  border-right: 1px solid #009fe0;
  background-color: white;
}

#content h1, #content-header h2
{
	width: 513px;
	min-height: 16px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-image: url(/fileadmin/templates/general/html/images/global/bg-h1.gif);
	background-repeat: repeat-y;
	margin-left: -15px;
	margin-bottom: 10px;
}

.content-item h1
{
	width: 513px;
	min-height: 16px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-image: url(/fileadmin/templates/general/html/images/global/bg-h1.gif);
	background-repeat: repeat-y;
	position: absolute;
	left: 15px;
	margin-bottom: 10px;
	margin-top: -10px;
}
#content .content-item { margin:0 0 16px 0; padding:0 0 16px 0; overflow:hidden;}
#content .content-header { margin:0 0 16px 0; padding:0 0 0 0; }
#content .content-item p,
#content .content-item p.small-grey,
.small-grey
#content .content-item p.bodytext,
.startpage-text-margin { line-height:140%; }
#content .content-item ul,
#content .content-item ol { padding:0 0 0 20px; margin:0 0 11px 20px; line-height:140%; }
#content .content-item ul { list-style-type:square; }
/*#content .content-item ul li,
#content .content-item ol li { padding:5px 0 5px 0; }*/
#content .content-item ul li,
#content .content-item ol li { padding:0 0 0 4px; }
#content .content-item dl { padding:0; margin:0 0 0 0; line-height:140%; }
#content .content-item dt { padding:6px 0 6px 0; }

#content .content-item ul.navi, 
#content .content-item ul.navi-no-border { display:block; text-align:right; list-style-type:none; margin:16px 0 0 0; padding:3px 0 0 0; line-height:140%; font-size:0.9em; clear:both; }
#content .content-item ul.navi { border-top:1px solid #ccc; }
#content .content-item ul.navi li, 
#content .content-item ul.navi-no-border li { padding:0; }

#content .content-item ul.archive-list, 
ul.archive-list,
#content .content-item ul.file-list, 
#content .content-item ul.link-list,
#content .content-item ul.teaser-list { list-style-type:none; margin:10px 0 0 0; padding:0 0 0 0; }
#content .content-item ul.teaser-list { margin:0; }
#content .content-item ul.archive-list li,
ul.archive-list li,
#content .content-item ul.teaser-list li,
#content .content-item ul.file-list li, 
#content .content-item ul.link-list li { margin:0; padding:5px 0 5px 0; }
#content .content-item ul.archive-list li p, 
ul.archive-list li p,
#content .content-item ul.teaser-list li p,
#content .content-item ul.file-list li p, 
#content .content-item ul.link-list li p { margin:0; padding:0; }

p.subheader { margin:3px 0 0 0; font-style:italic; }

#content .content-item h2 { padding:0 0 3px 0; }
#content .content-item h3 { padding:0 0 8px 0; }
#content .content-item h4 { margin:11px 0 5px 0; padding:0 0 0 0; }
#content .content-item h5 { padding:0 0 3px 0; }

.content-navi { padding:3px 0 5px 3px; margin:0 0 25px 0; background:#F7F7F7; }
.content-item input,
.content-navi input,
.content-navi select { display:inline; font-size:10px; }
.content-header { padding:0 0 10px 0; }

/* Termine (Extension Cal), Teaser */
.termine { width:100%; padding:0; margin:5px 0 5px 0; }
.termine tr th { background:#f7f7f7; border-bottom: 1px solid #ccc; padding:5px; }
.termine tr td { padding:5px; }
.termine-even { background:#f7f7f7; }

.teaser { width:499px; padding:0; margin:10px 0 0 20px;  }
.teaser tr th { width:50%; text-align:left; background:#fff; margin:0 40px 0 0; padding:0 0 5px 0; font-size:1.1em; }
.teaser tr td { width:50%; vertical-align:top; padding:0 0 10px 0; margin:0 40px 0 0; border-bottom:1px solid #ccc; }

/* Typo3-Inhaltselement "Text mit Bild" */
.csc-textpic-imagewrap { margin-top:3px; }
.csc-textpic-caption { text-align:center; font-size:10px; }

/* Extension pil_mailform */
.tx-pilmailform-pi1 { margin:0 0 16px 0; padding:0 0 16px 0; }


/* Frontend-Editing Panel */
.typo3-adminPanel {visibility:hidden; display:none;} 
table.typo3-editPanel { border:0; width:auto; margin-bottom:20px; }
table.typo3-editPanel td.typo3-editPanel-controls { border: 1px solid #000; background:#eee; padding:3px; }
table.typo3-editPanel td.typo3-editPanel-controls a.buttonMode { display:block;clear:both; margin:4px; }
table.typo3-editPanel td.typo3-editPanel-controls a.buttonMode img {margin-right:5px; }
.edit-mode table { border: 1px solid #000; background:#eee; padding:3px; }

/* Links
----------------------*/
.print-link { padding-left:14px; background:url(../images/print.gif) no-repeat 0 2px; }
.buy-link { padding-left:15px; background:url(../images/warenkorb_klein.gif) no-repeat 0 2px; }
.top-link { padding-left:10px; background:url(../images/top.gif) no-repeat 0 4px; }
.back-link { padding-left:10px; background:url(../images/back.gif) no-repeat 0 5px; }
a.more-link { padding-left:10px; background:url(../images/more.gif) no-repeat 0 5px;}

#below-navi a.more-link
{
  color: white !important;
  text-decoration: none !important;
  margin-top: 10px;
}

#below-navi a.more-link:hover
{
  text-decoration: underline !important;
}
.more-link a { padding-left:10px; background:url(../images/more.gif) no-repeat 0 5px;}
.pdf-link { padding-left:35px; background:url(../images/pdf.gif) no-repeat 0 2px; }
.xls-link { padding-left:35px; background:url(../images/xls.gif) no-repeat 0 2px; }
.doc-link { padding-left:35px; background:url(../images/doc.gif) no-repeat 0 2px; }
.internal-link, .internal-link-new-window { padding-left:10px; background:url(../images/more.gif) no-repeat 0 5px; }
.external-link, .external-link-new-window, .away-link { padding-left:12px; background:url(../images/away.gif) no-repeat 0 2px; }


/* Bilder
----------------------*/
.img-left, .img-right, .img-center { font-size:10px; text-align:center; }
.img-left { float:left; margin:0 10px 0 0; padding:0; }
.img-center { float:none; clear:left; margin:0 10px 0 10px; padding:0; }
.img-right { float:right; clear:right; margin:0 0 0 10px; padding:0;}
.img-left img, .img-center img, .img-right img { border:1px solid #000000; margin:3px 0 0 0; }
.grey-border img, .grey-border img, .grey-border img { border:1px solid #ccc; }


/* aus altem Stylesheet übernommen; Anpassen!
----------------------*/

.startpage-logo {
   float:right;
   margin:0 0 0 10px;
   padding:0 0 0 0;
   clear:right;
}
.startpage-text {
   padding:10px 0 0 0;
   line-height:140%;
}
.startpage-text-margin {
   padding:10px 0 0 0;
   margin:0 0 0 20px;
   width:185px;
}


.form-label {
	position:relative;
	width:100px;
	float:left;
	clear:left;
	margin:0 0 3px 0;
}
.form-label-same-row {
	position:relative;
	width:40px;
	float:left;
	margin:0 0 3px 0;
	padding:0 0 0 20px;
}
.form-input {
	position:relative;
	float:left;
	margin:0 0 3px 0;
}
.form-input input {
  width:200px;
}
.form-input-same-row {
	position:relative;
	float:left;
	margin:0 0 3px 0;
}
.form-input-same-row input {
  width:100px;
}
.form-error {
  color:#CC3300;
}

#footer
{
  margin-top: 6px;
  width: 498px;
  min-height: 16px;
  height: auto;
  padding: 6px 15px 4px 15px;
  border-right: 1px solid #009fe0;
  border-bottom: 2px solid #009fe0;
  background-color: white;
}

#footer a
{
  font-weight: bold;
  color: #009fe0;
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}

/* Rechte Spalte */
#spalte_rechts
{
  position: absolute;
  left: 528px;
  top: 0;
  margin-left: 12px;
  padding-left: 15px;
  width: 195px;
  min-height: 200px;
  height: auto;
  border-right: 1px solid #009fe0;
  background-color: white;
}



#spalte_rechts p { margin-right:10px; }

#spalte_rechts .content-item
{
  margin-top: -10px;
}

#spalte_rechts h2, #spalte_rechts .content-item h2
{
	width: 196px;
	min-height: 16px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-image: url(/fileadmin/templates/general/html/images/global/bg-h1.gif);
	background-repeat: repeat-y;
	margin-left: -15px;
	margin-bottom: 10px;
	margin-top: 0;
  border-width: 10px 1px 0 0;
  border-color: #d3dde6;
  border-style: solid;
}

/* Boxen in der rechten Spalte */
.box_rechts
{
  width: 210px;
  min-height: 60px;
  height: auto;
  background-color: white;
  border-right: 1px solid #009fe0;
}

.box_rechts_header
{
  width: 190px;
  min-height: 20px;
  height: auto;
  background-color: #009fe0;
  padding: 13px 10px 5px 10px;
  font-weight: bold;
  color: white;
}

.box_rechts_content
{
  width: 190px;
  min-height: 60px;
  height: auto;
  background-color: white;
  padding: 13px 10px 5px 10px;
}

.box_rechts_content a
{
	font-weight: bold;
	color: black;
	padding-left: 14px;
	background-image: url(/fileadmin/templates/general/html/images/global/arrow-link.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.box_rechts_content a:hover
{
	color: #009fe0;
}