/* CSS Document */

/* Zum Anzeigen und Verdecken der CSS-Boxes */
/* ----------------------------------------------------- */
div {
	border: 0px solid #333;
	}

/* Hinweise für Non-CSS-Compliant-Browsers und Behindertengerechte Seitennavigation  */
/* ----------------------------------------------------- */
.ahem, .skiplinks {display:none;}
.invisible { display:none; }

/* Allgemein */
/* ----------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #000;
	background-color: #fff;
	line-height:150%;
	float: left;
	background-image: url(../images/hintergrund01.gif);
	background-repeat: repeat-y;
	}
h1 {
	font-size: 130%;
	padding:4px 0px 0px 4px;
	margin: 12px 0px 12px 0px;
	border-top:dotted #000000 1px;
}
h2 {
	font-size: 100%;
	color: #000000;
	padding:4px 0px 0px 4px;
	margin: 0px 0px 6px 0px;

}
h3 {
	font-size: 100%;
	color: #333;
	background-color:#F1F1F1;
	padding:4px;
	margin: 12px 0px 6px 0px;
	border-top: 1px solid #999;
}
h4 {
	font-size: 100%;
	color: #333;
	background-color:#F1F1F1;
	padding:4px 0px 4px 20px;
	margin: 12px 0px 6px 0px;
	border-top: 1px solid #999;
	background-image: url(../../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:6px 9px;
}
h5{
	font-size: 100%;
	color: #FFFFFF;
	background-color:#FEB32E;
	padding:4px 0px 4px 20px;
	margin: 12px 0px 6px 0px;
	border-top: 1px solid #999;
	background-image: url(../../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:6px 9px;
}
h6 {
	font-size: 100%;
	color: #FEB32E;
	padding:4px 0px 0px 4px;
	margin: 0px 0px 6px 0px;

}

p {
	margin: 0px 0px 6px 0px;	
	padding: 0px 0px 0px 4px;
}


a:link, a:visited{
	color: #000099;
	text-decoration: none;
}

a:hover {
	color:#FF0000;
}
table{
	font-size:100%;
}

.csc-sword  {
	font-weight:bold;
	color:#FF0000;
	background-color: #FFFF00;
}
	
/* Box Positioning */
/* ----------------------------------------------------- */
#wrapper {
	margin:0;
	width: 955px;
}

#header {
	width: 955px;
	height: 119px;
	background-color: #FFFFFF;
}
#topp{
	float:left;
	background-color:#F1F1F1;
	color: #000000;
	border-bottom: dotted #666666 1px;
	margin:0;
	padding:0;
	width:955px;
}
#container_topnav{
	float:right;
}
#topnav {
	float:left;
	list-style:none;
	padding: 0;
	margin:0;
}
#topnav li{
	float:left;
	padding: 0;
	margin:0;
}

#topnav a:link, #topnav a:visited{
	float:left;
	display:block;
	padding:3px 9px;
	background-image: url(../images/vertikaler_schwarzer_strich.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

#topnav_login{
	float:left;
	list-style:none;
	padding: 0;
	margin:0;
}
#topnav_login li{
	float:left;
	padding: 0;
	margin:0;
}

#topnav_login a:link, #topnav_login a:visited{
	float:left;
	display:block;
	padding:3px 9px;
	background-color: #000099;
	color: #FFFFFF;
}
#topnav_login a:hover{
	background-color: #FF0000;
}

#logo{
	float: left;
	height: 119px;
	width: 200px;
}
#bildmarke {
	float: right;
	height: 119px;
	width: 755px;
}
#tab {
	background-color:#FFFFFF;
	height: 30px;
	width: 955px;
	background-image: url(../images/tab_hintergrund01.gif);
	background-repeat: no-repeat;
}
#navBar {
	background-color: #F1F1F1;

}

#leftcol {
	width: 200px;
	position: absolute;
	left: 0px;
	float: left;
	margin: 8px 0px 0px 0px;
}  
 
#rightcol {
	position: absolute;
	width: 180px;
	left: 765px;
	top: 180px;
	
	
}
#content {
	margin: 0px 0px 0px 220px;
	padding: 0px;
	width: 520px;

}

#footer {
	clear: both;
	margin: 20px 0px 0px 220px;
	padding: 20px 0px 0px 0px;
	border-top: solid #CCC 1px;
	color: #000;
	width: 520px;
}

/* Topnav Formating */
/* ----------------------------------------------------- */
#topnav a, a:link, a:visited{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

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

/* Nav */
/* ----------------------------------------------------- */
#navcontainer { margin: 0px; }

#navcontainer ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-weight:bold;

}

#navcontainer li {
 margin: 0 0 0px 0; 
}

#navcontainer a{
display: block;
padding: 5px 8px;
color: #fff;
background-color: #b0b0b0;
text-decoration: none;
font-weight:bold;
border-bottom:dotted #666666 1px;
}

#navcontainer a:hover
{
color: #333333;
background-color: #b0b0b0;
text-decoration: none;
}

#navcontainer ul ul li { 
margin: 0 0 0px 0; 
}

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 25px;
color: #333333;
background-color: #f1f1f1;
text-decoration: none;
font-weight:normal;
border-bottom:dotted #666666 1px;
	background-image:url(../images/nav01.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #ffcc66;
text-decoration: none;
}

#active a{
	color: #333333;
	background-color: #b0b0b0;
	text-decoration: none;

}
#subactive a, #subactive a:visited{
	color: #fff;
	background-color: #ffcc66;
	text-decoration: none;
	font-weight:bold;
}

#navcontainer li dfn,  li .usb {
	display:block;
	position: absolute;
	left: -3000px;
	height: 0px;
	width:0px;
}

/* Rightcol Formating */
/* ----------------------------------------------------- */

#rightcol .addinfo{
	background-color:#fff;
	border: 1px solid #999;
	padding:0px 0px 8px 0px;
	margin:0px 0px 12px 0px;
}
	#rightcol h1 {
	font-size: 100%;
	color: #333;
	background-color:#F1F1F1;
	padding:4px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #999;
	background-image: none;
	background-repeat: no-repeat;
	border-bottom: 2px solid #FEB32E;

	}
	#rightcol h2 {
	font-size: 100%;
	color: #333;
	background-color:#F1F1F1;
	padding:4px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #999;
	background-image: none;
	background-repeat: no-repeat;
	border-bottom: 2px solid #FEB32E;
	}
	
	#rightcol h3 {
	font-size: 100%;
	color: #333;
	background:#FFFFFF;
	padding:4px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #999;
}
	#rightcol p {
	font-size: 100%;
	color: #333;
	line-height: 140%;
	padding:0px 2px 2px 4px;
	margin:0px;
	}
	
#rightcol a:link, #rightcol a:visited, #rightcol a:hover{
	color: #000099;
	font-weight: bold;
}
#rightcol a:hover{
	text-decoration:underline;
	color: #FF0000;
}

#rightcol dl{
	margin:0;
	padding:0;
}

#rightcol a img{
	border: none;
}

/*Liste in der rechten Spalte------*/
#rightcol ol {
margin: 4px 0px 4px 28px;
padding: 0;
}

#rightcol ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

#rightcol ul li{
	display: block;
	margin: 0px 0px 0px 6px;
	padding:0px 0px 0px 15px;
	background-color: #FFFFFF;
	background-image: url(../../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px; 
}




		



/* Centercol Formating */
/* ----------------------------------------------------- */

#content a:link, #content a:visited, #content a:hover{
	color: #000099;
	font-weight: bold;
}

#content a:hover{
	text-decoration:underline;
	color: #FF0000;
}

#content h1 a:link,	#content h1 a:visited{
	color: #000000;
	}
#content h4 {
	font-size: 100%;
	color: #333;
	background-color:#F1F1F1;
	padding:4px 0px 4px 20px;
	margin: 12px 0px 6px 0px;
	border-top: 1px solid #999;
	background-image: url(../../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:6px 9px;
}

#content a img{
	border: none;
}
#bildmarke_startseite{
	background-color:#F6F2E9;
	background-image: url(../images/bildmarke01_hintergrund00.jpg);
	background-repeat: no-repeat;
	height:145px;
	margin:0px 0px 15px 0px;
}
.bildmarke_initiative{
	background-color:#F1F1F1;
	background-image: url(../images/teaser_die_initiative01.gif);
	background-repeat: no-repeat;
	height:183px;
	margin:0px 0px 15px 0px;
}
.kasten {
	background-color:#F1F1F1;
	margin:0px 0px 15px 0px;
	padding: 0px 0px 4px 0px;
}
.addinfo {
	background-color:#fff;
	margin:0px 0px 15px 0px;
}

iframe {
	border: 0px dashed #999999;
}


.searchresultpagetitle {
	font-size: 100%;
	color: #000;
}
.searchresultcontent{
	font-size: 100%;
	color: #000;
}
.searchmarkup{
	background-color: #FFFFCC;
	color:#FF0000;

}

/* Footer Formating */
/* ----------------------------------------------------- */
#w3c_buttons{
	margin:8px 0px 0px 0px;
}

/* default styles for extension "tx_veguestbook_pi1" */
  /* example styles */
.tx-guestbook-list-header { 
	background-color: #F1F1F1; 
	color: #333;  
	padding:4px;
	margin: 12px 0px 6px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}
    .tx-guestbook-list-row { background-color: #FFFFFF; }
    .tx-guestbook-list-rowleft { background-color: #EEEEEE; }
    .tx-guestbook-list-entrycomment-title {font-weight: bold; }
    .tx-guestbook-list-entrycomment { font-style: italic; }
    .tx-guestbook-list-small { font-size: 100%; color: #666666; }
    .tx-veguestbook-pi1-browsebox TD { font-size: 100%; color: #666666; }
    .tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: normal; }
    .tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
    .tx-guestbook-latest-header { background-color: #F1F1F1; color: #FFFFFF; font-weight:normal; }
    .tx-guestbook-latest-row { background-color: #FFFFFF; }
    .tx-guestbook-latest-small { font-size: 100%; color: #666666; }
    .tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1px; border-color:#DDD; font-size:12px; color:#333333; width:100px; height:20px; }
    .tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1px; border-color:#DDD; font-size:12px; color:#333333; width:150px; height:20px; }
    .tx-guestbook-form-textarea { border-style: solid; border-width: 1px; border-color:#ddd; font-size:12px; color:#333333; width:250px; }
    .tx-guestbook-form-obligationfield { color: #CC0000; }
    .tx-guestbook-form-error { color: #CC0000; }

/* Bildcaption Formating tabellenfrei */
/* ----------------------------------------------------- */
.csi-caption{
	font-size:120%;
	line-height:100%;
	background:#F1F1F1;
	padding:3px;
	text-align:right;
}
.imgtext-table{
	font-size:120%;
	margin: 0px 0px 12px 0px;
}
.csc-caption{
	line-height:130%;
	padding:3px;
	text-align:center;
}

.tx-srfeuserregister-pi1 a { 
	padding-left: 0px; 
	background-image: url(""); 
	background-repeat: no-repeat; 
	background-position:0% 60% ; 
	text-decoration:none; 
	}
.tx-srfeuserregister-pi1-required {
	color:#FF0000;
}

/* Pressefotos Galerie */
/* ----------------------------------------------------- */

.gfpb_portret, .gfpb_landscape{
	background-color:#F1F1F1;
	text-align:center;
	padding: 10px;
}

/* tt_products Formatierungen */
/* ----------------------------------------------------- */

.img-list{
	float:left;
	margin:0 8px 0 0;
}
.img-single{
	float:left;
	margin:0 8px 0 0;
}
.list_link{
	margin:25px 0 0 0;
}
.basket_items caption{
	text-align: left;
}

.basket_items th{
	text-align: left;
}
.listitem .product {
	width: 180px;
}
table .price {
	width: 80px;
}

/* feuser_register */
/* ----------------------------------------------------- */
.tx-srfeuserregister-pi1 dl { 
	padding:0;
	margin:0;
	}
.tx-srfeuserregister-pi1 dt { 
 	width: 35%; 
	text-align: right; 
	padding:0 0 0 0;
	margin:0 4px 0 0;
	}
.tx-srfeuserregister-pi1 dd { 
	text-align: left; 


	width: 64%; 
	padding:0 0 0.5em 0;
	margin:0;
	}
	
.tx-srfeuserregister-pi1 input { 
	padding:0;
	margin:0;
	}
	
.tx-srfeuserregister-pi1-text{
	padding:0;
	margin:0;
}

/* Kasten links und rechts */
/* ----------------------------------------------------- */

.kasten_links{
	float:left;
	width: 239px;
	background-color:#fff;
	border: 1px solid #999;
	padding:0px 0px 8px 0px;
	margin:0px 0px 12px 0px;
}
.kasten_rechts{
	float:right;
	width: 239px;
	background-color:#fff;
	border: 1px solid #999;
	padding:0px 0px 8px 0px;
	margin:0px 0px 12px 0px;
}


/* Formatierung der E-Mail Formulare*/

#content .csc-mailform{
	border:0px solid #f1f1f1;
	padding: 12px;
	margin: 0 0 4px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#content  .csc-mailform-field, #content  .csc-mailform-label{
	font-size: 1.0em;
	margin-bottom: 0.8em;
	line-height:1.4em;
}
#content  .csc-mailform-field label{
	float            : left;
    text-align        : right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width: 16em;
    margin-right: .3em;
}
#content  .csc-mailform-field textarea{
	float: left;


/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width: 16em;
    margin: 0 100px 0.8em 0;

}

#content .csc-textpic-text {
	margin: 0 0 0 0px;
}



/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor: pointer;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}
.seitzeichen{
	margin: 0 0 15px 0;	
}

/* Das Milchzahngebiss */
#largeImg {
	border: solid 1px #ccc;
	width: 520px;
	height: 599px;
	padding: 0;
}