/* EL PUENTE */

a {outline:none;}

.anz /* eingabe anzahl */
{
height:14px;
width:25px;
margin-right:0px;
text-align:center;
float:left;
font-size:90%;
}

.preis
{
	font-weight:bold;
}

.sitemap
{
	margin:0;
	padding:0;
	padding-left:30px;
}

.sitemap-ueberschrift
{
	margin:0;
	padding:0;	
	font-size:80%;
	font-weight:bold;
	margin-top:20px;
}


body {
	font-family: Verdana, "DejaVu Sans", Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	background-color:white;
}

ul,table,p
{font-size:80%;}

table p
{margin:0;
padding:0;
font-size:100%;}

address
{font-size:80%;font-style:normal;}

h1
{font-size:100%;margin-top:0;padding-top:0;}

h2
{font-size:90%;color:#04A13F;clear:both;margin-top:17px;margin-bottom:5px;}

h3
{font-size:80%;color:#04A13F;margin-bottom:0;padding-bottom:0;}

h4
{font-size:80%;margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;}

/***************************************************************************************************/

/* POSITIONIERUNG und spezielle Stile chronologisch von oben nach unten*/

/*****************************************************************************/
.blind
{
	position:absolute;
	left:-2000px;
}

 #print-adresse {
        display:none;
    }

/*****************************************************************************/

#seitenbox /* Rahmen um alles */
{
width:982px;
}

#reihe1 /* Kopfbild */
{
height:108px;
background-color:white;
}

	#r1-li
	{
	float:left;
	width:200px;
	height:108px;
	background-color:#04A13F;
	}

	#r1-re
	{
	width:779px;
	float:left;
	height:108px;
	}

#reihe2 /* Kopfleisten */
	{
	height:53px;
	background-color:white;
	}

	#r2-li
	{
	float:left;
	width:200px;
	height:53px;
	background-color:#04A13F;
	}

	#r2-re-1 /* mit wechselnder Farbe Seitenkennung */
	{
	float:left;
	width:779px;
	height:31px;
	background-color:#037F60;  /* EL PUENTE-Gruen */
	}

	#r2-re-1 h1
	{
	color:white;
	font-size:90%;
	margin:0;
	padding:0;
	padding-left:12px;
	float:left;
	width:450px;
	/*text-align:right;*/
	padding-top:3px;
	}


	#r2-re-2 /* Meta-Links */
	{
	float:left;
	width:776px;
	height:19px;
	background-color:white;
	color:/*#00956F;*/#787878;
	font-size:70%;
	/*font-weight:bold;*/
	text-align:right;
	padding-right:3px;
	padding-top:3px;
	position:relative;
	}

	#r2-re-2 a
	{
	color:#787878;
	text-decoration:underline;
	}

#reihe3 /* Inhalt */
{
width:980px;
min-height:480px;
}

/*****************************************************************************/
#nav-li
	{
	float:left;
	width:200px;
	height:485px; /*war 475/610*/
	background-color:#04A13F;
	background-image:url("../bilder/layout/bogen.jpg");
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#612D1D;
	font-size:90%;
	position:relative;
	}

	/* Buttons linke Box */

	.nav-1 /* Hauptnavpunkt in der linken Leiste */
		{
		background-image:url("../bilder/layout/knopf.gif");
		background-repeat:no-repeat;
		margin-bottom:7px;
		padding-left:22px;
		margin-left:8px;
		}

	#menuzeile-2 /* regelt den Abstand des Unav-Blockes */
	{
	margin-bottom:10px;
	margin-top:-7px;
	}

	.nav-2 /* Unternavpunkt in der linken Leiste */
		{
		font-size:90%;
		font-weight:normal;
		margin-left:30px;
		}


		#sk-1 /* SK Hauptnav links */
		{
			background-image: url("../bilder/layout/knopf_akt.gif");
			background-repeat:no-repeat;
			padding-left:22px;
			margin:0 15px 7px 8px;
		}
		
		/*#sk-1 a
		{color:#612D1D!important;}
		fuer den fall, dass sk-nav aktiv geschalten wird*/

		#sk-2 /* SK Unternav links */
		{
		font-weight:normal;
		font-size:90%;
		padding-left:30px;
		}

		/*#sk-2 a
		{color:#612D1D !important;}
		fuer den fall, dass sk-nav aktiv geschalten wird*/


		#nav-li a
		{
			text-decoration:none;
		}

		#nav-li a:link, #nav-li a:visited, #nav-li a:active
		{
		color: white;
		}

		#nav-li a:hover
		{
			color:#612D1D;
		}

/* Ende Buttons linke Box */

/*****************************************************************************/

/* Menu 3. ebene (oben) */

.menue-3-box
	{
	border:1px solid #D0D0D0;
	margin-bottom:12px;
	margin-top:8px;
	padding:4px;
	}


	#navoben-container /* habe dem ul-Element diesen Stil gegeben */
		{
			list-style-type: none;
			padding:0;
			margin:0;
			color:#D0D0D0;
			font-size:70%;

			}

	#navoben-container li
		{
			float:left;
		}


	#navoben-container .sk-3
		{
		 	color:#04A13F; /*gruen*/		
		}
		
		#navoben-container .inaktiv
		{
		 	color:#BBBABA;
			font-style:italic
		}
		
		/*#navoben-container .sk-3 a
		{color:#D0D0D0!important;}
		fuer den fall, dass sk-nav aktiv geschalten wird*/

		#navoben-container a
		{
		text-decoration:none;
		}

/* Ende Menu 3. ebene (oben) */

/*****************************************************************************/

	#content
	{
	float:left;
	width:580px;
	\width: 578px;
	w\idth: 580px;
	padding-top:45px;
	padding-left:10px;
	padding-right:10px;
	}

	#content img
	{
	}

	#content p
	{
	
	}

	#content h1
	{
	padding-top:5px;
	margin-bottom:10px;
	font-size:110%;
	color:#04A13F;	
	clear:both;
	}

	.logo
	{
	font-weight:bold;
	color:#04A13F
	}
	
	.suchergebnisanzeige h4
	{margin:0;padding:0;margin-top:30px;}
	
	.suchergebnisanzeige p
	{margin:0;padding:0;
	line-height:200%;}
	
/*****************************************************************************/

	/*  Startseite Homepage alt */
	
	.startbox
	{
	border:1px solid #D0D0D0;
	/*margin-left:6px;
	margin-right:6px;*/
	}

	.startbox a:link, .startbox a:visited
	{
	color:black;
	}

	.startbox p
	{
	color:black;
	margin-top:10px !important;
	margin-right:5px !important;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:70%;
	}

	.clear
	{
	clear:both;
	font-size:0;
	}


	.schatt-unt
	{
	background-image:url("../bilder/layout/schatten_box_unten.gif");
	background-repeat:repeat-x;
	background-position:top;
	height:6px;
	/*margin-left:6px;
	margin-right:6px;*/
	}

	.reiter
	{
		clear:both;
		text-align:left;
		font-weight:bold;
		color:white;
		font-size:100%;
		width:187px;
		margin:0 0 0 1px;
		font-family:Arial, Helvetica, sans-serif;
	}

	.reiter a
	{
	color:white;
	text-decoration:none;
	}


	.shop-color
	{
	background-color:#B7182C;
	border:1px solid #B7182C;
	padding:4px;
	padding-left:7px;
	}

	

/*****************************************************************************/
/*  Neue Startseite 2010 */
/*  Shop-Leiste, Newsembed-Boxen, Boxen Aktionen und Partnerprojekte */

#box-shopbutton
{
margin-top: -55px;
margin-top:-45px; /*wegen facebook */
position: relative;
width: 580px;
height: 51px;
margin-bottom:20px;
background-color:#B7182C;
background-image:url("../bilder/layout/hg_shopleiste_start.gif");
background-repeat:no-repeat;
}

.einkaufswagen
{
position: absolute;
top: 0px;
left: 10px;
}

.einkaufswagen img
{
border:0;
}

.h1-rechts
{
margin: 0pt!important;
padding: 0pt!important;
font-size: 110%!important;
color: white;
position: absolute;
top: 10px;
left: 70px;
}

.h1-rechts a
 {
 color: white; 
 text-decoration: none;
 }
 
 .h1-rechts a:hover
 {
 color: #EFBCC3; 
 color:#FCEAEC;
 text-shadow: 0.1em 0.1em 0.2em black;
 }

.newsembed-1
{
width:275px;
float:left;
margin:0 23px 0 3px;
height:14em;
overflow:hidden;
font-size:85%;
}

.newsembed-2
{
width:275px;
float:left;
margin:0;
height:14em;
overflow:hidden;
font-size:85%;
}

.newsembed-schatt-1, .partnerprojekte-schatt
{
height:6px;
width:275px;
float:left;
margin:0 23px 0 3px;
background-image:url("../bilder/layout/schatten_box_unten.gif");
background-repeat:repeat-x;
background-position:top;
}

.newsembed-schatt-2, .aktionen-schatt
{
height:6px;
width:275px;
float:left;
margin:0;
background-image:url("../bilder/layout/schatten_box_unten.gif");
background-repeat:repeat-x;
background-position:top;
}

.newsembed-1 .news-color
{
margin:0;
padding:4px 4px 4px 7px;
font-size:110%;
color:white;
font-weight:bold;
background-color:#509CB3;
background-image:url("../bilder/layout/hg_kopf_newscolor_li.gif");
font-size:100%;
}

.newsembed-2 .news-color
{
margin:0;
padding:4px 4px 4px 7px;
font-size:110%;
color:white;
font-weight:bold;
background-color:#509CB3;
background-image:url("../bilder/layout/hg_kopf_newscolor_re.gif");
font-size:100%;
}

.newsembed-1 .news-color a, .newsembed-2 .news-color a, .partner-color a, .aktionen-color a
{
color:white;
text-decoration:none;
}

.newsembed-1 .news-color a:hover, .newsembed-2 .news-color a:hover
{
color:#094B5F;
}

.newsembed-innen
{
padding:10px;
background-color:white;
border:1px solid #CCCCCC;
height:9.5em;
overflow:hidden;
}

.aktionen-innen, .partnerprojekte-innen
{
padding:10px;
background-color:white;
border:1px solid #CCCCCC;
height:10em;
overflow:hidden;
}

.newsembed-titel a
{
color:black!important;
text-decoration:none;}

.newsembed-innen p, .aktionen-innen p, .partnerprojekte-innen p
{
margin:0;
padding:0;
}

.newsembed-link
{
color:black;
text-decoration:none;
}

.partnerprojekte
{
width:275px;
float:left;
margin:15px 23px 0 3px;
height:14.5em;
overflow:hidden;
font-size:85%;
}

.aktionen
{
width:275px;
float:left;
margin:15px 0 0 0;
height:14.5em;
overflow:hidden;
font-size:85%;
}

.partner-color
{
margin:0;
padding:4px 4px 4px 7px;
font-size:110%;
color:white;
font-weight:bold;
background-color:#FBBE04;
background-image:url("../bilder/layout/hg_kopf_partnercolor.gif");
font-size:100%;
}

.partner-color a:hover
{color:#B97515;}

.aktionen-color
{
margin:0;
padding:4px 4px 4px 7px;
font-size:110%;
color:white;
font-weight:bold;
background-color:#05A140;
background-image:url("../bilder/layout/hg_kopf_aktionencolor.gif");
font-size:100%;
}

.aktionen-color a:hover
{color:#045824;}


.aktionen-innen a, .partnerprojekte-innen a
{color:black;
font-weight:normal;}



.startbild
	{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	border:0;
	}



/*****************************************************************************/

	/*  Startseite Shop */

	.shopbox
	{
	border:1px solid #D0D0D0;
	font-size:70%;
	}


	.shopreiter
	{
	background-color:#B81027;
	text-align:center;
	font-weight:bold;
	color:white;
	font-size:80%;
	width:150px;
	margin-left:1px;
	padding-top:4px;
	padding-bottom:4px;
	}

	.shopbox a
	{
	text-decoration:underline;
	color:#3C3C3C;
	}

	.shopschatt-unt
	{
	background-image:url("../bilder/layout/schatten_box_unten.gif");
	background-repeat:repeat-x;
	background-position:top;
	height:6px;
	/*margin-left:6px;
	margin-right:6px;*/
	margin-bottom:10px;
	}

	.shoplinks
	{
	float:right;
	width:400px;
	padding:5px;
	color:#D0D0D0;
	line-height:170%;
	}


/*****************************************************************************/

	.thema /* falls die Seitenkennung nicht als Bild sondern als Text realisiert werden soll, Code ist im Seitentpl. auskommentiert.*/
	{
		text-align:center;
		padding-bottom:19px;
		padding-top:10px;
		margin:0;
		background-color:red;

	}

	.thema h1 /*falls Ueberschriften-SK Text statt Bilder */
	{
		display:inline;
		font-size:150%;
		color:#FFFFFF;
		font-weight:bold;
	}

/*****************************************************************************/

	#box-re /* rechts */
	{
	float:left;
	width:179px;
	\width: 174px;
	w\idth: 179px;
	padding-bottom:15px;
	padding-top:5px;
	padding-top:45px;/* wegen facebook */
	}

	#box-re p
	{
	font-size:70%;
	margin-left:6px;
	margin-right:6px;
	margin-top:4px;
	margin-bottom:4px;
	}

	.frage
	{font-size:160%;color:#05A13E;font-weight:bold;margin-right:10px;}

	.trenn
	{clear:both;margin:0;padding:0;
	/*border-bottom:1px dashed #CCCCCC;*/
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	}

	.trenn p
	{
	margin-top:3px;
	margin-bottom:3px;
	}

	.trenn h2
	{
	padding:0;
	margin:0;
	}
	
	.newstitel /* newszeile */
{
padding:6px;
margin-bottom:10px!important;
font-weight:bold;
background-image:url("../bilder/layout/hg_newszeile.gif");
background-color:#B9D7E1;
color:#044E61;
}

.archivweiter
{
background-color:#73B0C2;
padding:0 2px 0 2px;
color:white;
text-decoration:none;
margin-bottom:2px;
font-weight:bold;
}

.archivzeile
{margin:0;
padding:0;
margin-bottom:3px;
font-size:70%;}

	.trenn-refs
	{
	clear:both;margin:0;padding:0;border-bottom:1px dashed #CCCCCC;
	padding-top:5px;
	padding-bottom:5px;
	}

	.trenn-refs p
	{
	margin-top:3px;
	margin-bottom:3px;
	}

	.bildus
	{
	font-size:70%;
	margin:0;
	padding:0;
	padding-top:5px;
	}

	.gal-bild-box
	{
	float:left;
	position:relative;
	margin-right:10px;
	margin-bottom:10px;
	width:120px;
	height:120px;
	padding:2px;
	border:1px solid #CCCCCC;
	background-color:#FBFCFC;
	}

	.null
	{margin:0;padding:0;}

	.datum
	{
	font-size:70%;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	}
	
	.datum-marke
	{
	font-size:90%;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	}

	/**********************************************************************/
	#fuss
{       height:20px;
        padding-top:5px;padding-right:10px;padding-bottom:0px;padding-left:10px;
		color:#05A13E;
		border:1px solid #05A13E;
		font-size:70%;
		clear:both;
		background-color:white;
	}

#fuss a, #fuss a:visited, #fuss a:active, #fuss a:hover

{	color: #05A13E;
	text-decoration:underline;
}

	#valide-copyr-container
	{
	float:left;
	}

	#valide-copyr-container a
	{
		margin-left:3px;
		margin-right:3px;
	}

	#counter-container
	{
	float:left;

	}


	#top-druck-container
	{
		text-align:right;
	}


	#top-druck-container a
	{
		margin-left:8px;
		margin-right:8px;
	}




/*****************************************************************************/

/* Detailtabellen */
#produkt-table /* im Shop zur Auflistung der Produkte */
{
width:100%;
}

#produkt-table td
{
padding-left:3px;
}

.prod-infos
{
vertical-align:middle;
text-align:right;
padding-right:3px;
}

.verfuegbarkeit
{
color:#04A13F;
font-size:80%;
text-align:left;
}

.proj-infos p
{
border-bottom: 1px solid #F6D7DD; /* hg-rosa */
padding-top:3px;
padding-bottom:3px;
margin-top:0;
margin-bottom:0;
margin-right:20px;
margin-left:10px;
padding-left:0 !important;
}

.klein
{
font-size:70%
}

.landinfo
{
float:left;
margin-right:30px;
}

.projektinfo
{
float:left;
}

.login-info-seitenbox
{
font-size:70%;
margin-left:6px;
margin-right:1px;
margin-bottom:10px;
padding:3px;
border: 1px solid #BBBBBB;
}

.login-info
	{
	padding:3px;
	margin-right:8px;
	margin-left:6px;
	border:#F9BD07 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	}

.pflichtfelder
{
font-size:80%;
color:red;
}

.fehler
{
color:red;
}

/******************************************************************************/

.buchstaben-table
{
border-collapse: collapse;
font-size:110%;
font-weight:normal;
}

		.buchstaben-table td
		{
			border: 1px solid #F9AFB8;
			background-color:#B7182C;
			padding:6px;
			width:44px;
			text-align:center;
			font-weight:normal!important;
			color:white;
		}
		
		.buchstaben-table td a
		{
		color:#F9AFB8;
		text-decoration:none;
		font-weight:normal;
		}
		
		.buchstaben-table td a:hover
		{color:white;}


/******************************************************************************/
.detail-table
{
border-collapse: collapse;
width:100%;
/*border: 1px solid #B9D7E1;*/
}

		.detail-table td, .detail-table tr
		{
			/*border: 1px solid #F6D7DD;  rosa */
			border-bottom: 1px solid #B9D7E1; /* blau fuer aktuelle termine */
			padding:7px 3px 7px 3px;
		}
		
		.detail-table th
		{background-color:#D9E9EF;
		text-align:left;
		padding:5px 3px 5px 3px;
		font-weight:normal;}
		


/******************************************************************************/
.logo-table
{
border-collapse: collapse;
width:100%;
/*border: 1px solid #B9D7E1;*/
}

		.logo-table td, .logo-table tr
		{
			border-bottom: 1px solid #B9D7E1;
			padding:7px 0 7px 0;
		}
		
		.logo-table th
		{background-color:#D9E9EF;
		text-align:left;
		padding:5px 3px 5px 3px;
		font-weight:normal;}
		


/******************************************************************************/
.detail-table-1 /* wie Detail-Table, aber ohne Breite */
{
border-collapse: collapse;
margin-right:30px;
/*font-family:Arial, Helvetica, sans-serif;*/
font-size:80%;
margin-bottom:15px;
clear:both;
}

		.detail-table-1 td, .detail-table-1 th
		{
		border: 1px solid #F6D7DD; /* hg-rosa */
		padding:3px;
		padding-left:4px;
		padding-right:4px;
		vertical-align:top;
		}

		.detail-table-1 th
		{
		color:#03A140;
		vertical-align:top;
		}

		.detail-table-1 div
		{
		border-bottom: 1px solid #F6D7DD; /* hg-rosa */
		padding-top:5px;
		padding-bottom:5px;
		}

/******************************************************************************/
.detail-table-2 /* ohne Breite, ohne Farbe */
{
border-collapse: collapse;
margin-right:30px;
}

		.detail-table-2 td, .detail-table-2 th /*Artikeluebersichten display_kat */
		{
		padding:3px;
		vertical-align:bottom;
		}
/******************************************************************************/

.detail-table-3 /* ohne Breite, schmalere Schriftart */
{
border-collapse: collapse;
margin-right:30px;
font-family:Arial, Helvetica, sans-serif;
}

		.detail-table-3 td, .detail-table-3 th
		{
		border: 1px solid #F6D7DD; /* hg-rosa */
		padding:2px;
		vertical-align:top;
		}

		.detail-table-3 th
		{
		color:#03A140;
		vertical-align:top;
		}

/******************************************************************************/

		.hg-trenn
		{	height: 10px;
			border-bottom: solid 1px #F6D7DD; /* hg-rosa */
		}

		.hg-trennlinie
		{	background-color: #F6D7DD; /* hg-rosa */
			height: 1px;
		}

/************************************************************************************************/

/* Formulare */

	#suchform
	{
	margin:0;
	padding:0;
	font-size:70%;
	color:white;
	float:right;
	}
	
	#kopf-suche
	{
	padding-top:2px;
	}

	.formbutton
	{
	background-color:#F9BD07;
	color:#D42F4C;
	font-weight:bold;
	border:1px solid #787878;
	height:20px;
	cursor:pointer;
	}

	.sucheingabe
	{
	color:#D42F4C;
	border:1px solid #787878;
	width:150px;
	height:15px;
	}

	#login-container
	{}
	
	#shoplogin
	{
	font-size:70%;
	margin-bottom:10px;
	margin-top:0;
	}

	.kopfform
	{}
	
	.logotab /* logos in tabellenzelle bei kooperationen und links */
	{text-align:left;
	padding-left:15px;
	}

/************************************************************************************************/


/* Bildanzeige im HTML-Gen htmlgen */

.bild-right-web
{
margin-left:15px;
float:right;
border:white 1px solid;
}

.bild-right-th
{
margin-left:15px;
float:right;
border-width:0;
}

.bild-right-log
{
/*margin-left:15px;
float:right;*/
border-width:0;
}

.bild-left-web
{
margin-right:15px;
float:left;
border:white 1px solid;
}

.bild-left-th
{
margin-right:15px;
float:left;
border-width:0;
}

.bild-left-med
{
margin-right:15px;
float:left;
border:white 1px solid;
}

.bild-right-med
{
margin-right:15px;
float:left;
border-width:0;
}

.bild-left-log
{
/*margin-right:15px;
float:left;*/
border-width:0;
}

.bild-center-web
{
border:white 1px solid;
}

.bild-center-th
{
border-width:0;
}


/*****************************************************************************/
/*Medientypen*/


@media print {



#reihe1,#reihe2,#nav-li,#box-re,#fuss,#login-container,.menue-3-box
 {
        display:none;
 }

 #seitenbox
 {
width:auto;
border-color:white; 
padding-left:1cm;}

 #print-adresse
{
        display:block;
		margin-top:20px;
		margin-bottom:30px;
		font-size:10pt;
		width:90%;
		color:black;
		line-height:12pt;
 }

#reihe3 /* Inhalt */
{
width:auto;
}


#content
	{
		/*width:16cm;*/
		font-size:100%;
		color:black;
		line-height:12pt;
		margin:0;
		padding:0;
		float:none;
		width:auto;
	}

	#content-innen h1, #content-innen h2, #content-innen h3
	{
		color:black;
		margin-bottom:10pt;
	}



.detail-table
{
width:90%;
}

.detail-table th
{
	color: black;
	background-color: white;
	border-style:solid;
	border-width:1px;
	border-color:black;
}


}