/* Standard Stylesheet
www.frische-medien.de
Alexandra Bialas
Hartmut junker
Kristina Thoms
Start: 12.07.2007
Letzte Aenderung: 15.08.2007
*/

/* Farben:
SCHRIFTFARBE 					#666

HELLGRÜN body					#fbfdf2
HELLGRÜN wrapper				#e7f1d6
HELLGRÜN subContent				#f8fbf4
HELLGRÜN mainNav				#eef5e3
DUNKELGRÜN Linie header			#82ba33

MULTIMEDIA blau					#83c4da
VIDEO rosa						#da609d
VERANSTALTUNGEN grün			#98b354

================================================ */

/* 
	--------------------------------------------------------------------------------------------------------------------------------------------
	allgemein
	--------------------------------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0px; padding: 0px; list-style: none; }


body {
	color: #666;
	font: 100.01% Arial, Verdana, Geneva,  Helvetica, sans-serif; }

#footer {
  height: 20px;
	text-align: left;
	font-size: 0.7em;
	padding-left:205px;
  text-transform: uppercase;
}
	
address {
  font-style: normal;
}
/*
hr {
	background:url(../images/maincontent_linie.jpg) repeat-x top left;
	height: 20px;  
	border: none;
	margin: 0.6em 0;
}

hr.small {
	background:url(../images/maincontent_linie_unten.jpg) no-repeat top;
	border: 0px;

}
*/

div.hr{
	background:url(../images/maincontent_linie.jpg) repeat-x top left;
	height: 20px;  
	border: none;
	margin: 0.6em 0;
}

div.hrsmall{
	background:url(../images/maincontent_linie_unten.jpg) no-repeat top;
	border: 0px;	
}
hr{
	display: none;
}

	
/* links 
	-------------------------------------------------------------------*/

a { outline: none;}

a { 
	color: #666;
 }

a:link, a:visited, a:active { 
	text-decoration: none; 
	}
a:hover { 
	text-decoration: underline; 
	}

a.pdf{display:block;padding-left:21px;margin:2px;background:url(../images/icon_pdf.gif) no-repeat;}
a.ext{display:block;padding-left:21px;margin-bottom:-2px; margin-right:-2px; background:url(../images/icon_external.gif) no-repeat;background-position:3px 4px;}

/* 
	--------------------------------------------------------------------------------------------------------------------------------------------
	farben
	--------------------------------------------------------------------------------------------------------------------------------------------
*/
body {
	background: #fbfdf2;
	}
#wrapper { 	
	background:#e7f1d6;
	}

	
#header {
	background:#82ba33;
	}
#mainNav {
	background: #e7f1d6;
	}
#mainContent{
	background: #fff;
	}
#subContent{
	background: transparent;
	}
#footer {
	background:#FFF;
	}
	
/* überschriften farben in indexseite
	------------------------------------------------------------------- */
	
a.mm:link, a.mm:visited, a.mm:active, a.mm:hover { 
	xcolor: #83c4da;
  color: #336699;

	 }
a.video:link, a.video:visited, a.video:active, a.video:hover  {
	 color: #da609d; 
	 }
a.ver:link, a.ver:visited, a.ver:active, a.ver:hover  {
	color: #98b354; 
	}
	



/* 
	--------------------------------------------------------------------------------------------------------------------------------------------
	layout
	--------------------------------------------------------------------------------------------------------------------------------------------
*/

body {
	text-align: center;	
	min-width: 960px;
	}

#wrapper { 
	background: url(../images/bg_wrapper.jpg) repeat-y;
	width: 960px;
	margin: auto; 
	text-align: left;
	}
#header {
	background-image:url(../images/bg_header.jpg);
	position: relative;
	height: 283px;
	}
#keyvisual {
	position: absolute;
	top:30px:
	left:200px;
	width:200px;
	height:280px;
 }
#mainNav {
	float: left; 
	width: 180px;
	}

#content {
	float: right; 
	width: 770px;
	}

#mainContent{
	float: left; 
	width: 492px;
	}

#subContent{
  background: url(../images/subcontent_linie.jpg) no-repeat bottom left;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  width: 170px;
  margin-right:72px; 
  float: right;
}

#footer {
	background-image:url(../images/bg_footer.jpg);
	background-repeat:repeat-y;
	clear:both;
	}

/* 

	 abstand im content
	-------------------------------------------------------------------

*/

 #mainContent, #subContent {
  	padding-top: 14px;
  	padding-bottom: 14px;
	}
 #mainNav {
 	 padding-top: 70px;
	}


#mainContent {  
  padding-left: 14px;
  padding-right: 8px;

}

	
/* #mainNav * *, #mainContent * * {
  padding-left: 0;
  padding-right: 0;
  }*/

/* 
	header
	-------------------------------------------------------------------

*/

#headerNav {
 text-transform: uppercase;
	position:absolute; 
	left:205px; 
	top:7px; 
	width: 500px; 
	overflow:hidden;
	}

#headerTeaser {
  background: url(../images/header_linie.gif) no-repeat;
  padding-top: 20px;
	position:absolute; 
	left:205px; 
	top:140px; 
	width: 378px; 
	height: 130px;
	overflow:hidden;
	z-index:99;
	}

#headerSearch {
	position:absolute; 
	left:656px; 
	top:10px; 
	width: 300px; 
	}
#addressM {	
	position:absolute; 
	left:705px; 
	top:182px; 
	width: 200px; 
}
	
#addressHH {
	position:absolute; 
	left:705px; 
	top:90px; 
	width:200px; 
}
 
/*
	--------------------------------------------------------------------------------------------------------------------------------------------
	navigation im header
	--------------------------------------------------------------------------------------------------------------------------------------------
*/


#headerNav ul{
	margin: 0;
	 padding:10px 10px 0 0px;
	list-style-type:none;

}

#headerNav li {
	float: left;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 0.7em; 
	}

#headerNav li a:link, #headerNav li a:visited {
	color: #fff;
    padding:0 8px 0 0;
	text-decoration: none;
	}

#headerNav  li a:hover {
	color: #83c4da;
     padding:0 8px 0 0;
	text-decoration: none;

	}

/*
	--------------------------------------------------------------------------------------------------------------------------------------------
	navigation 
	--------------------------------------------------------------------------------------------------------------------------------------------
*/

#mainNav ul {
	position: relative; 
	margin: 0;
	padding: 0;
	list-style-type:none;
	background-color: #eef5e3;
	width:190px;
}

#mainNav ul ul {
  margin-bottom:25px;
	width:160px;
}

#mainNav li {
  text-transform: uppercase;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 0.9em;
  font-weight: bold;
}
#mainNav li a {
	text-decoration: none;
	display: block;
	background-color: #eef5e3;
	xborder-bottom:dotted 1px #ddebc7;
  padding: 2px 0px 2px 0px ;	
}
#mainNav  li li {
  voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: 0.8em;
  font-weight: normal;
	width: 180px;	
	padding: 0;
}

#mainNav li li a {
	text-decoration: none;
	display: block;
	background-color: #eef5e3;
	border-bottom:dotted 1px #ddebc7;
  padding: 4px 5px 3px 10px ;	
}

#mainNav li li a:link, #mainNav li li a:visited {

	}
#mainNav li a:hover, #mainNav li a.strong {
	background: #ddebc7;
	}



/* mm farben in der navigation
	------------------------------------------------------------------- */
#mainNav #mm a:link, #mainNav #mm a:visited, #mainNav #mm a:hover  {
  color: #336699;
  }

/* video farben in der navigation
	------------------------------------------------------------------- */
#mainNav #video a:link, #mainNav #video a:visited, #mainNav #video a:hover {
	color: #da609d;
	}

/* veranstaltungen farben in der navigation
	------------------------------------------------------------------- */
#mainNav #ver li a:link, #mainNav #ver li a:visited, #mainNav #ver  li a:hover {
	color: #98b354;
	}

/* überschriften farben in der navigation
	------------------------------------------------------------------- */
#mainNav #mm li {
	border-top: solid 6px #336699;
	padding-left: 10px;
	color: #336699;
	}
	
#mainNav #video li {
	border-top:  solid 6px #da609d;
	padding-left: 10px;	
	color: #da609d;
	}
#mainNav #ver li {
	border-top:  solid 6px #98b354;
	padding-left: 10px;
	color: #98b354;
	}
#mainNav #mm li li, #mainNav #video li li, #mainNav #ver li li {
	border: none;
	padding-left:0px;
	
}
.mm{
	color: #336699;	
}	
.video{
	color: #da609d;
}
.ver{
	color: #98b354;
}	
	
	

/*
	--------------------------------------------------------------------------------------------------------------------------------------------
	Typo 
	--------------------------------------------------------------------------------------------------------------------------------------------
*/

/* 	ueberschrift im mainContent
	-------------------------------------------------------------------*/

#mainContent h1 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.2em;
	text-transform: uppercase;
	}

/* ueberschrift im headerTeaser
	-------------------------------------------------------------------*/

#headerTeaser h2 {
  text-transform: uppercase;
  font-size:0.95em;
  	color: #83c4da;
}

/*  ueberschrift im subContent 
	-------------------------------------------------------------------*/

#subContent h3 {
	background: url(../images/subcontent_linie.jpg) no-repeat top;
  padding-top: 10px;
  text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold; 
	line-height: 1.2em;
	margin-bottom: 0.2em;
	color:#83c4da;	
}
#subContent img{
	margin-bottom: 0.9em;
}
#subContent div{
	padding-bottom: 0.9em;
}



/*  ueberschrift im indexseite 
	-------------------------------------------------------------------*/
h4 { 
  
	text-transform: uppercase;
  	font-size: 0.9em;
	line-height: 1.1em;
	color: #696969;
	}

h5 {
	font-weight: bold; 
	font-size: 0.8em; 
	line-height: 1.5em; 
	}

/*  noch frei
	-------------------------------------------------------------------*/
h6 {
	font-size: 0.9em;
	font-style:normal;
	line-height: 1.1em;
	}

/* fliesstext 
	-------------------------------------------------------------------*/

p { 
	font-size: 0.8em; 
	margin: 0 0 0.5em 0; 
	}
#content, p { 
	font-size: 0.8em; 
	line-height: 1.5em; 
	}
	
#subContent p { 
	font-size: 0.9em; 
	line-height: 1.2em;
	}
	

#mainContent p { 
	font-size: 1.0em; 
	line-height: 1.4em;
	}
	
#mainNav p { 
	background:#eef5e3;
	font-size: 0.9em;
	font-weight: bold; 
	margin: 0;
	padding-left:10px;
	width:180px;
	}
#mainContent ul{
	
}	
#mainContent ul p { 
	font-size: 0.9m;	
	line-height: 1em;
	}
#mainContent ul p, #mainContent ul h4 {
	margin: 0 0 0 98px;
	text-transform:	none;

}	
#addressHH, #addressM, #headerTeaser p { 
	font-size: 0.8em; 
	line-height: 1.3em;
	color: #fff;
	}
	
#addressHH strong { 
	color: #b1c800;
	}
#addressM strong { 
	color: #ff7f00;
}
.fmHH{
	color: #b1c800;
}
.fmM{
	color: #ff7f00;
}

/* suche */
#headerSearch .suchtext{width:150px;font-size:0.6em;}
#headerSearch .suchbutton{background-color:transparent;border:none;font-size:0.7em;color:#fff; text-transform: uppercase;}	

/* LISTEN
	-------------------------------------------------------------------*/
#mainContent ul.navteaserlist {
  overflow: hidden;
  width: 100%;
  margin: 20px 0 5px o;
}
#mainContent ul.navteaserlist p{
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 0 0 0;
}
#mainContent ul.navteaserlist li {
	margin: 10px 0 0 0px;
	padding: 10px 2px 0 0;
	float:left;
	border-width: 0 0 0 0;
	display:block;
	width:500px;
	font-size: 1.3em;
}
#mainContent ul.navteaserlist h4{
	margin: 0 0 0 0;
}
#mainContent ul.teaserlist {
  overflow: hidden;
  width: 100%;
  margin: 20px 0 5px;
}
#mainContent ul.teaserlist p{
 	font-size: 0.9em;
	line-height: 1.4em; 

}
#mainContent ul.teaserlist h4{
	font-size: 1.2em;
}

#mainContent ul.teaserlist li {
	margin: 0 0 0 0;
	padding: 10px 2px 0 0;
	float:left;
	border-width: 0 0 0 0;
	list-style-type:none;
	display:block;
	width:480px;
}
/*
#mainContent li {
	margin: 0 0 0 0;
	padding: 0 2px 0 0;
	float:left;
	border-width: 0 0 0 0;
	list-style-type:none;
	display:block;
	width:234px;
}

#mainContent li.odd {
	clear:both !important;
}

#mainContent  li.even {
	float:expression('none');
}
*/

#mainContent li.empty {
	display:block;
	float:none;
	clear:both;
	margin:10px 0 10px 0;
	width:460px;
}

span.image_left_liste{
	position:	relative;
	margin-right: 1em; 
	margin-bottom: 1em;
	float:left;
	width:155px;
}

span.image_left_liste img { 
	xz-index:50;
}
.nbrtitle{
	font-weight: bold;
	width:250px !important;
	float: left;
}

.pippelHH, .pippelM {

}

/*
	--------------------------------------------------------------------------------------------------------------------------------------------
	pagination für die suchergebnisse
	--------------------------------------------------------------------------------------------------------------------------------------------
*/
	div.pagerbox {
	
		padding: 3px;
		margin: 3px;
		text-align:left;		
		xcolor: #83c4da;
	}
	div.pagerbox.mm a{
		color: #336699;
	}
div.pagerbox.video a{
		color: #da609d;
	}
div.pagerbox.ver a{
		color: #98b354;
	}	

	div.pagerbox a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #fff;
		font-weight: bold;
		text-decoration: none;
		xcolor: #83c4da;
	}
	
	div.pagerbox a:hover{
		border: 1px solid #83c4da;
		xcolor: #83c4da;
	}
	div.pagerbox a:active {
		border: 1px solid #83c4da;

		xcolor: #83c4da;
	}
	div.pagerbox span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #fff;
		font-weight: bold;
		background-color: #fff;
		xcolor: #83c4da;
	}
	div.pagerbox span.disabled {
		font-weight: bold;
		padding: 2px 5px 2px 5px;
		margin: 2px;
		xcolor: #83c4da;
	}
.querymarkup{
	xtext-decoration: underline;
	font-weight:bold;
	padding: 0;
	margin:2px;
	background-color: #edf7f9;
	color: #339ec0;
}	


/* Picturebox ------------------------------------------------------- */
/*
#pippel{
	background: url(../images/h_pippel.gif) no-repeat center;
	z-index:99;
	width: 49px;
	height: 36px;
}
*/

div.picturebox {
  width:500px;
  overflow: hidden;
  padding: 0;
  margin: 3px 0 6px;
  
}

/*.quad   double*/

div.picturebox.double .left { 
  width: 214px;
  padding: 0;  
  float: left; 
}

div.picturebox.double .right { 
  width: 214px;
  padding: 0;
  float: right;
}

div.picturebox.quad .left { 
  width: 360px;
  padding: 0;  
  float: left; 
  xbackground-color: #BCBCBC;
}

div.picturebox.quad .right { 
  width: 110px;
  padding: 0;
  float: right;
  xbackground-color: #BCBCBC;
}

div.picturebox.quad .right img { 
 margin-bottom:8px;	
}

div.picturebox.quad .right img.last { 
  margin-bottom:0px;
}

div.picturebox .bu {
  clear:both;
  padding-top:5px;
  font-style: italic;
  color: #AAA;
  line-height:1.1em;
}


/* Picturebox ------------------------------------------------------- */

/*Formulare --------------------*/

   fieldset {
   float:none;
   display:block;
   margin:0 0 1em;
	border: none;
 }
 
   fieldset legend {
	font-size: 1.2em;
	font-weight: bold;
	margin:0 0 0.3em 0;
   }   
   
   fieldset label { 
   display:block;
   }

	.formelement, .suchtext,
    input.redaxdateneingabe, select.redaxdateneingabe, textarea.redaxdateneingabe,
    fieldset input, fieldset select, fieldset textarea {
		background-color:#ffffff;
		border-color:#959595;
		border-style:solid;
		border-width:1px;
		color:000000;
	}

    input.redaxdateneingabe, select.redaxdateneingabe, textarea.redaxdateneingabe,
    fieldset input, fieldset select, fieldset textarea {
        width:60%;
	}
	select.newsletter{
		width: 150px;
	}
    input.radio {
        border:0;
        width:auto;
    }

	.formbutton, .formbutton2 {
		border-width:0px;
      background-color:#ffffff;
		font-weight: bold;
		color:#000000;
	}
 
    .redaxformbutton, .redaxfuncbutton,
    .suchbutton, .nlfuncbutton {
		background-color:#cccccc;
		border-color:#959595;
		border-style:solid;
		border-width:1px;
		font-weight: bold;
		color:#000000;
    /*  text-transform:lowercase;*/
	}

	a.formbutton, a.formbutton2,  a.formbutton2disabled  {
		padding:1px;
		padding-left:4px;
		padding-right:4px;
	}

	.formbutton:hover , .formbutton2:hover {
		color:#000000;
		text-decoration:none;
	}
	.formbutton2disabled {
        background-color:#ffffff;
        border:0;
		color:#dddddd;
	}
	.formbutton2disabled:hover {
		color:#dddddd;
		text-decoration:none;
	}

/* Formular Ende ---------------------------------*/




/* blendet Trennzeichen und "Standort:" aus: */
span.nv, .nv, .hier {
	position: absolute;
	left: -1000px; top: -1000px;
	width: 0; height: 0;
	overflow: hidden;
	display: inline;
}

 .hidden {
	display:none;
	visibility:hidden;
}

/*
hr.dotted
{  background: url(../images/maincontent_linie_unten.jpg) no-repeat top center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/maincontent_linie_unten.jpg');
  width: 1px;
  height: 1px;
  border: 0;
}
* > hr.dotted
{  width: 100%;
  height: 10px;
 
}
*/