/* Styles fuer 2-Spalter Klassik, Variation */

* {
margin: 0;
padding: 0;
}

html, body {
height:100%;
}

body {
background-color: #fff;
color: #000;
font-size:100.01%;
text-align:center;
}

/**
 *
 * Skip-Links und versteckte Inhalte
 */

/* Klassen fuer unsichtbare Elemente im Basislayout */
.skip {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
}

/* Skip-Links fuer Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}

.topnav {
color:#369;
font-family:Arial, Helvetica, sans-serif; 
font-size:0.8em;
height:15px;
width:93%;
margin:0 auto;
text-align:left;
}

.topnav a {
color:#369;
}

.topnav a:hover, .topnav a:focus, .topnav a:active {
text-decoration:none;
color:#f60;
}

/* Container */

#wrapper {
height:100%;
position:relative;
margin:0 auto;
padding:0 20px;
max-width:70em;
min-width:750px;
background-color: #FFFFFF;
text-align:left;
}

/* Kopf */

#header {
position:relative;
width:100%;
border-right:10px solid #fff;
height: 110px;
margin:0;
}

#header p {
padding:25px 20px 20px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size:1em;
font-weight:normal;
}


.headerimg {
margin:5px 30px 20px 20px;
float:left;
}

#servicenav {
float:right;
margin-top:15px;
font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#369;
}

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

#servicenav li {
display:inline-block;
}

#servicenav li {
display:inline;
padding:0 2px 0 0.7em;
}

#servicenav a, #servicenav a:visited {
text-decoration:none;
color:#369;
}

#servicenav a:hover, #servicenav a:active, #servicenav a:focus {
text-decoration:underline;
color:#f60;
}

#drucknav {
position:absolute;
width:296px;
height:24px;
background:#fff url(bg_drucknav.gif) right bottom no-repeat;
right:-10px;
bottom:0;
z-index:80;
}

#drucknavimg {
position:absolute;
top:15px;
right:30px;
width:260px;
text-align:right;
z-index:90;
}

#drucknavimg img {
margin-left:8px;
}

#drucknavimg fieldset {
border:none;
}



/* Container */

#container {
margin:0;
zoom:1;
min-height:85%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height:85%; /* Mindesthöhe in IE (<7) */
width:100%;
font-family:"Lucida Sans Unicode", Helvetica, Arial, sans-serif;
background:#fff url(bg_navi.gif) top left repeat-y;
border-right:10px solid #9cf;
}

#randdiv {
width:100%;
background:#9cf url(container_blau_linke_ecke.gif) left top no-repeat;
border-right:10px solid #9cf;
height:30px;
}

/*Klickpfad*/

#breadcrumb {
padding-top:10px;
padding-left:30px;
font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#369;
}

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

#breadcrumb li {
display:inline;
padding:0 2px 0 0.7em;
}

#breadcrumb a, #breadcrumb a:visited {
text-decoration:underline;
border:none;
color:#369;
}

#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {
text-decoration:none;
color:#f60;
}

a.bread, a.bread:visited {
text-decoration:underline;
border:none;
}

#content {
height:1%;
margin: 0 0 0 200px;
background:#fff url(textcontainer_linke_ecke.gif) left top no-repeat;
min-height:300px;
}


#rechte_spalte {
float:right;
width:12em;
background:transparent url(textcontainer_rechte_ecke.gif) top right no-repeat;
margin:0 0 0 10px;
padding-top:15px;
padding-right:10px;
text-align:right;
}

#rechte_spalte p {
font-size:0.8em;
}

#rechte_spalte img {
margin-bottom:5px;
margin-top:5px;
display:block;
}

#textbereich {
margin-right:13em;
} 

.infokasten {
width:10.5em;
text-align:left;
margin-bottom:15px;
margin-top:15px;
border-bottom:1px solid #FF6600;
background:#fff url(infokasten_li.gif) top left no-repeat;
padding:0;
}

.infokasten h1 {
padding:0.3em;
font-size:0.7em;
height:23px;
background:transparent url(infokasten_re.gif) top right no-repeat;
color:#fff;
}

.infokasten h2, .infokasten h3 {
padding:0.5em 0.3em;
margin-top:-6px;
font-size:0.8em;
color:#333;
border-right:1px solid #FF6600;
border-left:1px solid #FF6600;
font-weight:bold;
}

.infokasten p {
padding:0.5em 0.3em;
margin-top:-6px;
border-right:1px solid #FF6600;
border-left:1px solid #FF6600;
}

/* Navigation*/

#container_links {
float:left;
width:180px;
margin-top:20px;
padding:0 5px 0 5px;
font-size:0.9em;
}

 /* IE CSS Hack by vbdesigns.de */
* html #container_links { 
margin-right: -3px; 
} 

* html #content {
margin:0 0 0 197px;
}
/* ---- */

#container_links img {
margin:0 0 5px 5px;
}


#hauptnav ul {
padding:0 5px 0 5px;
list-style-type:none;
}

#hauptnav ul li {
padding:10px;
border-bottom:1px solid #fff;
}

#hauptnav ul li ul {
font-size:0.9em;
padding-left:0;
}

#hauptnav ul li ul li{
border:none;
padding:2px 10px;
background:url(navi_dataicon.gif) left top no-repeat;
}

#hauptnav ul li ul li ul {
padding-left:15px;
}

/*Navigation mit divs*/

#hauptnav div {
		margin: 0.3em 0em 0em 0em;
		padding: 0.5em 0.9em 0.5em 1.5em;
		background-repeat: no-repeat;
		border-top:1px solid #fff;
		font-size:0.9em;
	}

	
#hauptnav div.level2 {
	margin-left: 1.7em;
	background:url(navi_dataicon.gif) left top no-repeat;
	font-size:0.8em;
	border-top:0px solid #fff;
}
	
#hauptnav div.level3 {
	margin-left: 3.4em;
	background:url(navi_dataicon.gif) left top no-repeat;
	border-top:0px;
	font-size:0.8em;
}

/*Ende Navigation mit div*/

#hauptnav a, #hauptnav a:visited {
color:#333;
text-decoration:none;
display:block;
}

#hauptnav a:hover, #hauptnav a:active, #hauptnav a:focus {
color:#f60;
text-decoration:underline;
}


/* 	Text Formatierung */
img {




	border: none;

}

/* 	Um die unterschiedlichen Standard-Abstaende fuer versch. Broweser zu ueberschreiben */
ul, ol, li {
	padding: 0;

	margin: 0;
}

#textbereich {
font-size:0.9em;
}

#textbereich h1 {
font-size:1.1em;
color:#369;
font-weight:bold;
padding:20px 20px 0 30px;
}

.csc-firstHeader {
text-align:left;
}

#textbereich h2 {
font-size:1em;
padding:20px 20px 0 30px;
font-weight:bold;
color:#369;
}

#textbereich h3 {
font-size:1em;
font-weight:bold;
color:#333;
padding:20px 20px 0 30px;
}

#textbereich p {
line-height:130%;
padding:20px 20px 0 30px;
}

#textbereich img {
margin:20px 0 0 30px;
}

#textbereich ul, #textbereich ol {
line-height: 130%;
padding:20px 20px 0 50px;
}

#textbereich ul {
list-style-image: url(DataIcon.gif);
list-style-type:none;
}

#textbereich li {
margin:5px 0;
padding-right:5px;
}

#textbereich a, #rechte_spalte a, 
#textbereich a:visited, #rechte_spalte a:visited {
text-decoration:none;
color: #369;
border-bottom: 1px solid #f60;
}

#textbereich a:hover, #rechte_spalte a:hover, 
#textbereich a:active, #rechte_spalte a:active, 
#textbereich a:focus, #rechte_spalte a:focus {
color:#f60;
border:none;
}

a > img {
border:none;
}

a:link > img {
border-bottom:none;
}

#textbereich table {
font-size:1em;
margin:20px 20px 0 30px;
border: none;
border-collapse: collapse;
}

#textbereich td {
border: #ccc solid 1px;
padding: 5px;
text-align: left;
font-weight:normal;
}

#textbereich th {
border: #ccc solid 1px;
font-weight:normal;
padding: 5px;
color:#666;
}

#textbereich table caption{
font-size: 0.9em;
color: #999999;
margin-bottom:4px;
margin-top:20px;
}

#textbereich table h2 {
padding-left:0;
font-size:1em;
}

#textbereich table h3 {
padding-left:0;
}

/* Printmedien-Shop */

.shop_artikel {
margin:20px 20px 0 0;
border-top:1px solid #ddd;
}

.shop_artikel DIV.csc-textpic-text {
margin-left:150px;
}

/* .shop_artikel p {
margin-left:130px;
}*/

.shop_artikel h2 {
/* margin-left:130px; */
font-size:1em;
padding-top:0;
}

.shop_artikel h3 {
/* margin-left:130px; */
font-size:0.9em;
padding-top:0;
}

.shop_artikel div{
padding-top:10px;
/* min-height:140px; */
}

.shop_artikel div img {
border:1px solid #eee;
margin-top:15px;
}

/* Newstroll Newsletter-Anmeldung */

.nt {
  text-align:left;
  font-size:0.9em;
}

.nt_fs { 
  width:12em;
  border: 1px solid #f60;
  display: block;
  padding:5px;
  font-size:0.9em;
  font-family: "Lucida Sans Unicode", Arial,sans-serif;
}
.nt_head {
  font-variant:small-caps;
  font-weight:bold;
  font-size:1em;
  color:#fff;
  background-color:#f60; 
  padding: 2px;
  margin: 0px;
}
input.nt_input:focus, select.nt_input:focus, textarea.nt_input:focus {
  color: #000000;
  background-color: #ffff99;
}
.nt_input {
  border: 1px solid #ccc;
  font-size: 100%;
  width: 10em;
  cursor: pointer;
}
input.button {
  border: 1px solid #ccc;
  font-size: 100%;
  width:8em;
  margin:2px 0;
}
label.left {
/*  float: left;
  text-align: right;
  width: 4em;
  margin-right: .3em; */
}
label.left, input.nt_input {
  cursor: pointer;
}
.formCell {  
  vertical-align: top;
  color: #000000; 
  background-color: transparent;
  padding: 4px;
  margin: 0px;
  display: block;
  cursor: pointer;
}
p.button {
  text-align: right;
}

.buttons {
  width:100%;
  margin:5px 0;
  text-align:center;
}

.buttons input {
margin:5px;
vertical-align:bottom;

}

/* ---- */

/* termine - monatsbuttons */

.important {
color:#369;
font-weight:bold;
}

.monat {
width:8em;
padding:0.2em;
margin:0.1em 1em;
border:1px solid #ccc;
text-align:center;
}

.invis {
display: none;
}

.rechts {
float:right;
margin:5px;
}

hr {
background-color:#ddd; /* Mozilla 1.4 */
color:#ddd; /* IE 6 */
border: #ddd; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin: 20px 20px 0 30px;
}

/* Formular */

#textbereich fieldset {
margin-left:30px;
margin-top:20px;
padding:0 20px;
}

legend {
color:#1e90ff;
font-weight:bold;
font-size:1.1em;
padding:0 20px 20px 20px;
}

div.csc-mailform-field {
padding:20px 0 0 0;
}


/* Typo3 Formatierungen */

.csc-textpic-caption {
font-size:0.75em;
font-family: "Lucida Sans Unicode", Arial,sans-serif;
font-weight:normal;
color:#666;
width:180px;
margin-bottom:20px;
}

.csc-textpic-imagerow img {
margin:0;
padding:0;
}

div.csc-textpic-clear {
clear:none;
}

div.csc-textpic csc-textpic-intext-left {
padding-top:10px;
}

div.csc-textpic-imagewrap img,
DIV.csc-textpic-imagerow img,
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
li.csc-textpic-image csc-textpic-firstcol,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI
{
margin-right:10px;
}

div.csc-textpic csc-textpic-left csc-textpic-above csc-textpic-equalheight div.csc-textpic-imagewrap ul li.csc-textpic-image csc-textpic-firstcol
{
margin-right:10px;
}

/* div.csc-textpic {
margin-left:20px;
padding-right:10px;
} */

DIV.csc-textpic DIV.csc-textpic-imagerow { clear: none; }

div.csc-loginform {
margin:30px;
padding:15px;
border:1px solid #ccc;
}

div.tx-ttnews-browsebox {
font-size:1em;
padding:10px;
margin-left:30px;
margin-top:30px;
border:1px solid #ddd;
}