/* ----- ALLGEMEINES ----- */


body , html
{
 padding:0px;
 margin:0px;
 background-color: #688ca9;
 color:#000;
 font-family: Verdana, Arial, sans-serif;
 font-size:12px;
 height:100%;
 width:100%;
	background-image: url( /images/hauptelemente/hintergrund.jpg );
	background-repeat: repeat-x;
}

div , ol, ul, li
{
 padding:0px;
 margin:0px;
}

img 
{
 border:0px;
}

td
{
	vertical-align: top;
}

div#spacer, div#center 
{
  position:absolute;
  margin:0px;
  padding:0px;
}

div#spacer 
{
  position:absolute;
  left:0px;
  top:0px;
  width:100%; 
  height:100%; 
  min-height:400px; 
  min-width:996px; 
  z-index:10;
}

div#center 
{
  position:absolute;                
  padding:0;        
  width:972px;    
  height:auto;
  left:50%;
  margin-top:0px;
  margin-left:-486px;
  z-index:12;
}

.div_center
{
  text-align: center;
	width: 100%;
}

.center
{
	width: 100%;
  text-align: center;
}

.bold
{
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}

h1
{
	color: #003366;
	font-size: 30px;
	font-weight: normal;
}

h2
{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #003366;
	width: 415px;
	margin-left: -28px;
	background-image: url( /images/news/pfeil_gelb.gif );
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 28px;
}

h2.h2_startseite
{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: normal;
	margin-left: 0px;
	background-image: none;
	padding-left: 0px;
}

h3
{
	font-size: 1em;
	margin-bottom: 15px;
	font-weight: bold;
	
}

h4
{
	font-weight: bold;
	font-size: 12px;
}

h5
{
	color: #003366;
	font-size: 18px;
	margin-bottom: 78px;
	font-weight: normal;
}

span.fs_30px
{
	font-size: 30px;
}

div.button
{
	
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.ml
{
	margin-left: 10px;
}

.mr
{
	margin-right: 10px;
}

.center
{
	width: 100%;
	text-align: center;
}

.clear
{
	clear: both;
}

.zitat_startseite
{
	color: #666;
	margin-top: 60px;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}

.quelle
{
	font-size: 11px;
	float: right;
	margin: 10px 50px 0px 0px;
}

.italic
{
	font-style: italic;
}

.bg_green
{
	background-color: #b3e59a;
}

.font_green
{
	color: #304f71;
}

.font_white
{
	color: #fff;
}

a 							{ color: #333; text-decoration: underline; }
a:link					{}
a:active				{}
a:visited	  		{}
a:hover		  		{ color: #304f71; text-decoration: none; }


/* ----- / ALLGEMEINES ----- */

/* ----- HEADER ----- */


div#header
{
	height: 255px;
	width: 996px;
	position: absolute;
  z-index:230;
  background-repeat: no-repeat;
	font-size: 11px;
	background-image: url( /images/hauptelemente/header.jpg );
	background-repeat: no-repeat;
}


div#logo 
{
  position:absolute;                      
  width:auto;    
  height:auto;
  left:57px;
  top:30px;
  z-index:252;
}

div#link_div
{
	margin: 32px 0px 0px 386px;
}

div#headline
{
	margin: 17px 0px 21px 280px;
}


/* ----- / HEADER ----- */

/* ----- MENÜ ----- */


div#menue
{
  position:relative;
  width:208px;
  height:100%;
  margin: -20px 0px 0px 18px;
  z-index:350;
  float:left;
	color: #333;
	font-size: 15px;
}

* html div#menue
{
   margin: 0px 0px 0px 0px;
	 padding-left: 1px;
	padding-top: 18px;
}

* html div.ie6_menue
{
   margin: -60px 0px 0px 0px;
	 padding-left: 1px;
	padding-top: 18px;
	background-image:url( /images/menue/menue.jpg );
	background-position: right 24px;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}

ul.menu
{
	padding-top: 18px;
	background-image:url( /images/menue/menue.jpg );
	background-position: right 6px;
	background-repeat: no-repeat;
}

* html ul.menu
{
	padding-top: 18px;
	background-image: none;
}

li.li_fir_menue
{
	list-style-type:none;
	min-height: 17px;
  width: 184px;
	margin: 0px;
	font-size: 13px;
	background-repeat: no-repeat;
	padding: 5px 0px 4px 24px;
	border-bottom: 3px solid #fff;
}

* html li.li_fir_menue
{
  width: 194px;
}

li.li_aktiv
{
	background-image:url( /images/menue/menue_aktiv.gif );
	background-position: right top;
}

li.li_aktiv_first
{
	background-image:url( /images/menue/menue_aktiv.gif );
	background-position: right top;
}

div.menue_unten
{
	background-image:url( /images/menue/menue_unten.jpg );
	background-position: right top;
	background-repeat: no-repeat;
	height: 105px;
	color: #304f71;
	padding: 55px 0px 0px 7px;
}

* html div.menue_unten
{
	width: 201px;
	margin-left: 10px;
}

ul.ul_sec_menue
{
	background-image: none;
	list-style: none;
	margin-top: 7px;
}

ul.ul_sec_menue li
{
	background-image: none;
	font-size: 11px;
	padding-left: 10px;
	background-image:url( /images/menue/punkt.gif );
	background-position: left 3px;
	background-repeat: no-repeat;
	margin-top: 4px;
}

ul.ul_sec_menue li a.a_aktiv
{
	font-weight: normal;
	text-decoration: underline;
}

ul.ul_sec_menue li a.a_aktiv:hover
{
	background-color: transparent;
}

a.a_aktiv								{ color: #003366; text-decoration: none; font-weight: bold; }
a.a_aktiv	:hover							{ text-decoration:none;  }

a.a_menue 							{ color: #003366; text-decoration:none; }
a.a_menue:link					{}
a.a_menue:active				{}
a.a_menue:visited	  		{}
a.a_menue:hover		  		{ color: #ffcc00; background-color: transparent; }

div.menue_unten a 							{ color: #2e4b6b; text-decoration:none; }
div.menue_unten a:link					{}
div.menue_unten a:active				{}
div.menue_unten a:visited	  		{}
div.menue_unten a:hover		  		{ color: #ffcc00; text-decoration: underline; background-color: transparent; }

.hidden
{
	display: none;
}

.show
{
	display: block;
}

div.shop_link, div.shop_link_news
{
	font-size: 26px;
	font-weight: bold;
	background-image: url( /images/menue/einkaufswagen.jpg );
	background-repeat: no-repeat;
	padding: 2px 0px 4px 10px;
	margin-left: 35px;
}

div.shop_link, div.shop_link_news
{
	font-size: 26px;
	font-weight: bold;
	background-image: url( /images/menue/einkaufswagen.gif );
	background-repeat: no-repeat;
	padding: 2px 0px 4px 10px;
	margin-left: 35px;
}

div.shop_link_news
{
	margin-top: 5px;
	margin-left: 45px;
}

div.telefon
{
	font-size: 16px;
	font-weight: bold;
	background-image: url( /images/menue/telefon.jpg );
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 1px 0px 4px 0px;
	margin-left: 12px;
}

div.mail
{
	font-size: 12px;
	padding: 4px 0px 4px 2px;
	margin-left: 2px;
}


/* ----- / MENÜ ----- */

/* ----- NEWS ----- */


div#content_news
{
  position:relative;                      
  width:200px;
  padding: 0px 0px 0px 0px;
  z-index:55;
  float:right;
	font-size: 14px;
}

.hauptnews
{
	width: 214px;
	background-image: url( /images/news/hauptnews_box.jpg );
	background-repeat: no-repeat;
	padding: 5px 0px 20px 0px;
	margin-bottom: 20px;
}

.hauptnews ul
{
	margin-left: 10px;
	list-style: none;
}

.hauptnews li
{
	background-image: url( /images/news/pfeil.gif );
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
	color: #2e3843;
	font-size: 12px;
	margin-bottom: 25px;
	width: 170px;
}

.shop_link_news a { color: #2e3843; text-decoration: none; }
.shop_link_news a:hover { color: #000; text-decoration: underline; }

.ul_news a { color: #2e3843; text-decoration: none; }
.ul_news a:hover { color: #000; text-decoration: underline; }

.newslinks, .shoplink
{
	width: 214px;
	background-image: url( /images/news/newslinks_box.jpg );
	background-repeat: no-repeat;
	padding: 5px 0px 0px 0px;
}

.newslinks ul, .shoplink ul
{
	margin-left: 20px;
	list-style: none;
	padding-top: 20px;
}

.shoplink li
{
	background-image: url( /images/menue/einkaufswagen.gif );
	background-repeat: no-repeat;
	background-position: 0px 1px;
	color: #37485a;
	font-size: 18px;
	width: 170px;
	padding: 2px 0px 15px 35px;
}

.newslinks li
{
	background-image: url( /images/news/pfeil_gelb.gif );
	background-repeat: no-repeat;
	background-position: 0px 1px;
	color: #37485a;
	font-size: 18px;
	width: 170px;
	padding: 2px 0px 15px 35px;
}

.newslinks_unten
{
	width: 214px;
	background-image: url( /images/news/newslinks_box_unten.jpg );
	background-repeat: no-repeat;
	height: 10px;
}

.shoplink_unten
{
	width: 214px;
	background-image: url( /images/news/shoplink_box_unten.jpg );
	background-repeat: no-repeat;
	height: 10px;
}

a.a_news								{ color: #304f71; text-decoration: underline; }
a.a_news:link						{}
a.a_news:active					{}
a.a_news:visited			  {}
a.a_news:hover					{ color: #cc0000; }

div.button a						{ color: #304f71; text-decoration: underline; }
div.button a:link				{}
div.button a:active			{}
div.button a:visited		{}
div.button a:hover			{ color: #cc0000; }


/* ----- / NEWS ----- */

/* ----- CONTENT ----- */


div.content_table_normal
{
	background-image:url(/images/hauptelemente/content_hintergrund_table.jpg);
  background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 15px 15px 0px 31px;
	line-height: 1.5;
	width: 420px;
}


div.content_table_normal ul
{
	margin-left: 0px;
	list-style: none;
}

div.content_table_normal li
{
	background-image: url( /images/news/pfeil.gif );
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
	font-size: 12px;
	margin-bottom: 15px;
}

div.linie
{
	height: 20px;
	border-top: 1px solid #a8b5c4;
	width: 412px;
}

div#inhalt_content 
{
  position:absolute;                      
  width:972px; 
  left:0px;
  top:249px;
  z-index:30;
  background-image:url(/images/hauptelemente/content_hintergrund.jpg);
  background-repeat: no-repeat;
	z-index: 20000;
}

div#content
{
  position:relative;                      
  width:712px;
  margin-left:239px;
  z-index:40;
}

* html div#content
{
  position:relative;                      
  width:740px;
  margin-left:229px;
  z-index:40;
}

div#content_text 
{
  position:relative;                      
  height:auto;
  z-index:50;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 1.3;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width:430px;
	padding: 0px 35px;
}

* html div#content_text 
{
	width:430px;
	padding: 0px 35px;
}

.ul_pfeil
{
	margin-left: 0px;
	line-height: 2.5;
}

.ul_pfeil li
{
	padding-left: 20px;
	list-style-type: none;
	background-image: url( /images/hauptelemente/li_pfeil.jpg );
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

ol
{
	margin-left: 20px;
}

div#content ol li
{
	background-image: none;
	padding-left: 0px;
}

div#content ol li strong
{
	display: block;
}

.ul_punkt
{
	margin-left: 10px;
}

.ul_content, .ul_content_klein
{
	margin-left: 0px;
}

.ul_punkt li
{
	padding-left: 10px;
	list-style-type: none;
	background-image: url( /images/hauptelemente/li_punkt.jpg );
	background-repeat: no-repeat;
	background-position: 0px 12px;
}

.ul_content li, .ul_content_klein li
{
	padding-left: 10px;
	list-style-type: none;
	background-image: url( /images/hauptelemente/li_punkt_gross.jpg );
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-bottom: 15px;
}

.ul_content_klein li
{
	background-image: url( /images/hauptelemente/li_punkt.jpg );
	margin-bottom: 0px;
}

#kontaktformular td
{
	width: 130px;
	vertical-align: top;
	padding-bottom: 10px;
}

#kontaktformular input
{
	width: 290px;
	height: 19px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 2px;
}

#kontaktformular textarea
{
	width: 290px;
	height: 100px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#kontaktformular input.button
{
	width: 139px;
	height: 21px;
	border: 0px;
	background-color: transparent;
	background-image: url( /images/kontakt/abschicken.jpg );
	color: #fff;
	padding-right: 20px;
	cursor: pointer;
}

#kontaktformular .fehler
{
	border: 1px solid #d12020;
}

div.vertriebslogos
{
	background-image: url( /images/startseite/logos_hintergrund.jpg );
	background-repeat: no-repeat;
	text-align: center;
	padding: 11px 10px 11px 5px;
	width: 413px;
}

div.vertriebslogos h2
{
	margin-bottom: 48px;
}


/* ----- / CONTENT ----- */

/* ----- FOOTER ----- */


div#fuss 
{
  position:absolute;
  width:972px;
	margin-left: 0px;
  height:73px;
  z-index:0;
  text-align: center;
  background-image: url( /images/footer/footer_hintergrund.gif );
  background-repeat: no-repeat;
	background-position: bottom;
}

div#fuss_inhalt
{
  position:absolute;                    
  width:100%;
  padding-top:15px;
	top: 0px;
	left: 0px;
  z-index:70;
  text-align:center;
	font-size: 11px;
	line-height: 1.5;
}


ul.ul_footer li, ul.ul_footer li.footer_facebook
{
	display: inline-block;
	margin-left: 4px;
	padding-left: 8px;
	background-image: url( /images/footer/punkt.gif );
	background-position: 0px 10px;
	background-repeat: no-repeat;
	list-style-type: none;
	color: #2e3843;
}


ul.ul_footer li a								{ color: #2e3843; text-decoration: underline; }
ul.ul_footer li a:link						{}
ul.ul_footer li a:active					{}
ul.ul_footer li a:visited			  {}
ul.ul_footer li a:hover					{ color: #304f71; }

ul.ul_footer a.footer_facebook
{
	padding-right: 20px;
	background-image: url( /images/footer/facebook.jpg );
	background-repeat: no-repeat;
	background-position: right;
}

/* ----- / FOOTER ----- */



/* Tag Cloud ----------------------------------------------------------------------------------- */

#tagCloud		{
             position:					relative;
             left:							0px;
             width:							950px;
             max-width:					900px;
						 margin:						0px;
						 padding:						10px;
						 padding-left: 30px;
						 margin-top: 15px;
						 line-height: 170%;
						 text-align: center;
							padding-bottom: 0px;
						}



#tagCloud a {white-space: nowrap;}

#tagCloud	a.s1:link, #tagCloud	a.s1:visited
						{font-size: 5px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s1:hover {text-decoration:	underline; color:	#cc0000;}

#tagCloud	a.s2:link, #tagCloud	a.s2:visited
						{font-size: 8px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s2:hover {text-decoration:	underline; color:	#cc0000;}

#tagCloud	a.s3:link, #tagCloud	a.s3:visited
						{font-size: 11px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s3:hover {text-decoration:	underline; color:	#cc0000;}

#tagCloud	a.s4:link, #tagCloud	a.s4:visited
						{font-size: 14px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s4:hover {text-decoration:	underline; color:	#cc0000;}

#tagCloud	a.s5:link, #tagCloud	a.s5:visited
						{font-size: 17px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s5:hover {text-decoration:	underline; color:	#cc0000;}

#tagCloud	a.s6:link, #tagCloud	a.s6:visited
						{font-size: 20px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s6:hover {text-decoration:	underline; color:	#cc0000;}

#tagCloud	a.s7:link, #tagCloud	a.s7:visited
						{font-size: 23px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s7:hover {text-decoration:	underline; color:	#cc0000;}

#tagCloud	a.s8:link, #tagCloud	a.s8:visited
						{font-size: 26px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s8:hover {text-decoration:	underline; color:	#cc0000;}

#tagCloud	a.s9:link, #tagCloud	a.s9:visited
						{font-size: 29px;	color: #304f71;font-family: arial,sans-serif; padding:	3px; text-decoration:none;}
#tagCloud	a.s9:hover {text-decoration:	underline; color:	#cc0000;}

#newsletter_anmeldung
{
	background-image: url( /image/home/newsletter_bestellen.jpg );
	border: 1px solid red;
}