@import url(ext_css-styled-content.css);

/* colors: E2001A FFF */
/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	padding:0;
	margin:0;
}

/* Täusche NS und FF lange Seiten vor damit das Layout bei langen Seiten nicht wg. dem Scrollbalken hüpft */
html {height:100%}
body {
  min-height:101%;
  /* verhindern daß positionierte Elemente bei Veränderung der Fenstergröße nicht mit verschoben werden */
  position: relative;
}

body {
  color: #333;
  background: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  padding: 5px 0;
  text-align: center;
}



h1,h2 {
/* ToDo im Typo überschreiben */
/* ph4*/
  color:#E2001A;
  font-size: 1.33em;
}

h3,h4,h5,h6{
font-size: 1em;
margin-top: 0.4em;
color: #333;
}
h4,h5,h6{
font-size: 0.74em;
}

p {
line-height: 1.5; 
margin: 0.5em 0 1em 0;
}

a { 
text-decoration: underline;
}

a:link    { color: #666;}
a:visited { color: #666;}
/* In Typo3 mit gleicher Farbe wie H1 überschreiben*/
/*ph4*/
a:focus, a:hover, a:active { color: #E2001A;}


/*
/* Anpassungen CSC-Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-textpic-caption{
	font-size:80%;
	color:#666;
}



/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

/* Struktur
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#wrapper {
/* Todo breite einstellen */
  width: 930px;
  /*background: #E4EEF3 url(images/back.gif) 25% 0 repeat-y;*/
  margin: 0 auto;
  text-align: left;
}

#logo {
  width: 100%;
  line-height:0;
  background: #FFF;
}

#head {
/* Todo Höhe header einstellen */
/*ph3*/
	height: 170px;
	width:100%;
	background-image: url(images/header-back.jpg);
}

#head img{
	height:140px;
}

/* Navigation
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#menu_head {
/*ph01*/
	background: transparent; 
	font-size: 0.75em;
/*ph02*/
	color: #FFF;
	/*height: 20px;*/
	/*background-image: url (images/headnavi-back.jpg*/ 
}

#menu_head a {text-decoration: none; color: #FFF;}

#menu_head-left{
/*ph1*/
background: transparent;
/*ph2*/ 
color: #FFF;
float: left;
width: 47%;
height: 20px;
line-height: 20px;
padding: 0 0 0 10px;
}
#menu_head-left a:link,#menu_head-left a:visited,#menu_head-left a:hover{
/*ph2*/
color: #FFF;
}
#menu_head-left li {
list-style: none;
white-space: nowrap;
padding:0 10px;
}

#menu_head-right {
/*ph1*/
background: transparent;
/*ph2*/
color:#FFF; 
float: right;
width: 47%;
height: 20px;
line-height: 20px;
padding: 0 10px 0 0;

}

#menu_head-right a:link,#menu_head-right a:visited,#menu_head-right a:hover{
/*ph2*/
color: #FFF;
}


#menu_head-right ul{
float: right;
padding: 0 10px;
}

#menu_head-right li {
list-style: none;
float: left;
white-space: nowrap;
padding: 0 0em;
}


/* Menue Level1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/*li.on a{ color: #0D619D;}*/


div#menu_L1{
	float:left;
	width: 100%;
	background:url(images/navL1-back.gif) repeat-x;
	height:32px;
}

#menu_L1 li{
	float:left;
	list-style: none;
	white-space: nowrap;
	/*background: url(images/navL1-divider.gif) right no-repeat;*/
	padding: 0 0em;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 32px;
}

#menu_L1 li.last {
	background: transparent;
}


#menu_L1 a{
	text-decoration: none;
	/*divider ausgleichen*/
	padding-right:1px;
}

.printlink{
float:right;
width: 80px;
text-align:right;
padding-right:6px;
padding-top: 4px;
}

.printlink img{
margin-left: 6px;
}

/* Menue Level2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
div#menu_L2 {
	min-height: 261px;
}
/*
* html #menu_L2{
	height: 261px;
}
*/

div#menu_L2 {
	float:left;
	width: 180px;
	margin: 1.6em 0 0 0;
	background: url(images/dot-border.gif) right no-repeat;
}

#menu_L2 ul{
	list-style: none;
	text-align: right;
}

#menu_L2 li {
	padding: 0.4em 0px 0.25em 0;
	/* Abstand von rechter Begrenzung */
	margin-right: 3px;

	/*border-bottom: 1px dotted #CCC;*/
}

#menu_L2 a {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0 1.5em 0 0;
}

/* Content
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#sub{
	float:left;
/* Todo Breite des Inhaltsbereichs (links + content)*/
	width: 680px;
	
}


#content {
  float:right;
/* Todo Breite des Content mit rechts muß das zu wrapper passen*/
  width: 500px;
  padding: 1.6em 0 0 0;
    min-height:380px;
}


* html #content{
	height: 380px;
} /*das sehen nur IEs*/


#content h1, #content h2, #content h3{
	padding-left: 12px;

}
#content p, #content li {
  font-size: 80%;
  line-height: 150%;
  padding-left:12px;
}

#content li{
	list-style-position: inside;
}
#content a:link    { color: #0D619D; text-decoration: none;}
#content a:visited { color: #0D619D; text-decoration: none;}
/* In Typo3 mit gleicher Farbe wie H1 überschreiben*/
#content a:focus, #content a:hover, #content a:active { color: #0D619D; text-decoration: underline;}


.nachoben { text-align: right; }


/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#content_right {
  float: right;
/* Todo Breite content-right*/
  width: 250px;
  padding: 1.6em 0 0 0;

}


#content_right h1 {
/*ph4*/
  color: #E2001A;
  font-size: 1em;
  line-height: 150%;
  margin: 0 12px;
}

#content_right p {
  font-size: 80%;
  line-height: 150%;
  margin: 0 12px;}

/* Footer
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer {
  height: 25px;
  line-height: 25px;
	background: #E2001A; 
	font-size: 0.75em;
	text-align:center;
	color: #FFF;
	/*background-image: url (images/headnavi-back.jpg*/ 
}


/* Formular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-mailform-submit{
font-size: 80%;
color: #999;
font-weight:bold;
}

.csc-mailform-check{
text-align:left;
width:20px;
background:#123;
border:4px solid black;
}

#content #mailform{
width:481px;
margin-left:0px;
}

#content fieldset{
border:none;
padding-bottom:20px;
}

label {
  clear:both;
  float: left;
  width: 130px;
  text-align: right;
}


form p {
  font-size: 1em;
  margin: 14px 0;
}

label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: .7em;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
}


/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */

input,
textarea {
  width: 20em;
  background: #F7F7F7;
  font-family: verdana, arial, sans-serif;
  font-size: .9em;
  border: 1px solid #CCC;
  margin-bottom:0.3em;
}

#mailform input.csc-mailform-submit{
  width:9em;
  margin-left:140px;
}
/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */

input:hover,
textarea:hover {
  background: #FCFCFC;
  border: 1px solid #999;
}

input:focus,
textarea:focus {
  background: #FFF;
  border: 1px solid #CC0000;
}

/*ph4*/
.on a{ color: #E2001A;}

#searchBox input{
  width: 140px;
}
#searchBox input.searchBox-button{
position: relative;
border: none;
width: auto;
top: 2px;
}
div.tx-indexedsearch-whatis{
padding-left: 12px;
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
p.csc-linkToTop { text-align: right; }
p.csc-linkToTop A { font-weight: bold; }

div.csc-frame-invisible {}
div.csc-frame-rulerBefore { border-top: 1px solid #333333; }
div.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
div.csc-frame-indent { padding-left: 100px; }
div.csc-frame-indent3366 { padding-left: 33%; }
div.csc-frame-indent6633 { padding-right: 33%; }



/* RTE / table styling */
table{
font-size:95%;
}
table td{padding-left: 12px;}
table.contenttable { border: 1px #113388 dotted; margin: 10px 0px 10px 12px; width: 100%; }
table.contenttable TR td { padding: 0px 3px 0px 3px; }
table.contenttable TR td p.bodytext { font-size: 10px; }
table.contenttable TR { background-color: #EBEEF5; }


div.tx-gooffotoboek-pi1{
margin:0px;
text-align: center;
}
div.tx-gooffotoboek-pi1 img{
margin: 3px;
border: 1px solid #333;
}
div.tx-gooffotoboek-pi1 table {
margin: auto;
}
div.tx-gooffotoboek-pi1 td{
padding: 0;
margin:auto;
text-align: center;
vertical-align: bottom;
}
.gfpb_portret{
text-align: center;
}