/* CSS Document */

* { padding:0; margin:0; border:0;}
body { background: url(../images/hintergrund.jpg) no-repeat scroll center 500px;
   background-color: #FFFFCC;
  
   font-family: Arial, Helvetica, sans-serif;
}

.alertlow {
	color:#D25813;
	font-size: 15px; 
	font-weight: bold;
}
.alerthigh {
	color:#D21313;
	font-size: 15px; 
	font-weight: bold;
}

.cf {
	clear:both;
}

a{ color:#CC6633;  text-decoration:none;}
a:hover {color: #FF9933; text-decoration: underline;}

h1{ font-size: 16px; color:#009933;  padding-top: 20px; }
h1 a{ color:#009933; text-decoration: none;}
h1 a:hover {color: #FF9933; text-decoration:underline;}

h2 {font-size: 12px; color:#009933;  padding-top: 20px; }

h3 { font-size: 11px; color:#CC6633; font-weight: bold; padding-top: 5px;}
h3 a{ color:#CC6633;  text-decoration: none;}
h3 a:hover {color: #FF9933; text-decoration:underline;}



h4 { font-size: 11px; font-weight: bold;  color: #FFF; background-color:#009933; padding: 2px 2px 2px 5px;  text-align: right;}
h5 { font-size: 11px; font-weight: bold;  color: #FFF; background-color:#009933; padding: 2px 2px 2px 5px; text-align: left;}
h6{ font-size: 11px; font-weight: bold; color: #FFF; background-color:#009933;  margin: 2px; float:left; width: 22px; height: 14px; text-align:center;}

label{ font-size: 12px; font-weight: bold; color:#009933; font-family: Arial, Helvetica, sans-serif; }


.site{
	width: 1280px;
	margin:auto auto auto auto;
	
	
}
.muster{ float: left; height: 32px; }
.site2{ width: 1038px; float:left;}
	.top{ background: url(../images/top-2.jpg) no-repeat top; width: 1035px; height: 272px;}
	.hundebetten-logo{ padding-top: 30px; }
		
		.navi-top{  font-size: 11px; font-weight: bold;  float:right;  margin-top: 5px;}
		.navi-top ul{ margin-right: 50px;}
		.navi-top ul li{ float:left; padding-left: 5px; padding-right: 5px; list-style:none; border-right: solid 1px #009933;}
		.navi-top ul li a {color:#009933;}
		.navi-top ul li a:hover {color:#FF9933;}
		
	.oben{ background-image:url(../images/oben.jpg); width: 1035px; height: 38px;}
		
		.navi-oben{  font-size: 13px; float:right; font-weight: bold; margin-top: 5px;}
		.navi-oben ul{margin-right: 50px;}
		.navi-oben ul li{ float:left; padding-left: 5px; padding-right: 5px; list-style:none; border-right: solid 1px #009933;}
		.navi-oben ul li a {color:#009933;}
		.navi-oben ul li a:hover {color:#FF9933;}
		
	.suche{  height: 78px; width: 1038px;}
	
		.fahne { background-image: url(../images/fahne.jpg); width: 306px;  height: 58px; float:left; padding-top: 20px; padding-left: 25px;}
		.go{ background-image:url(../images/go.jpg); color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: 28px; height: 28px;}

		.ueberschrift { width: 650px;  height: 78px;  float:left; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
			.klickpfad{ font-size:10px; padding-top: 20px; }	
			.klickpfad a {color: #009933;  font-weight: bold; text-decoration:none;}
			.klickpfad a:hover{color: #FF9933; font-weight: bold;}
			.span2 { float: right; padding-right: 518px;width: 44px; height: 34px;}
			
			.eingeloggt { font-size:10px; float:right; text-align:right; padding-right: 10px;}
		
	.inhalt { width: 980px; background-color:#FFFFFF; }
		
		.links { background: url(../images/links.jpg) repeat-y; float:left; width: 260px; }
			.navi-links{  font-size: 13px; font-weight: bold; margin-bottom: 250px;}
			.navi-links ul{margin-left: 30px; list-style:url(../images/liste.gif);}
			.navi-links ul li{  padding-bottom: 15px; }
			.navi-links ul li a{color:#009933;}
			.navi-links ul li a:hover {color:#FF9933;}
			
			.navi-links ul li ul{margin-left: 15px; margin-top: 15px;}
			.navi-links ul li ul li { list-style: none; }
			.navi-links ul li ul li  a{ color:#CC6633;}
			.navi-links ul li ul li  a:hover{color:#FF9933;}
			
			.navi-links2{  font-size: 13px; font-weight: bold; margin-bottom: 520px;}
			.navi-links2 ul{margin-left: 30px; }
			.navi-links2 ul li{  padding-bottom: 15px; color:#009933; list-style:url(../images/liste.gif);}
			.navi-links2 ul li a{color:#009933;}
			.navi-links2 ul li a:hover {color:#FF9933;}
			
			.navi-links2 ul li ul{margin-left: 10px; margin-top: 15px;}
			.navi-links2 ul li ul li { list-style: none; }
			.navi-links2 ul li ul li  a{ color:#CC6633;}
			.navi-links2 ul li ul li  a:hover{color:#FF9933;}
			
			.link-ende{ background-image:url(../images/link-ende.jpg); width: 260px; height: 13px; }
		.content { width: 680px; float:left; padding: 5px 12px 20px 20px; font-size: 12px; line-height: 17px;}
		.content ul{  padding-left: 20px;}
		.content ul li{margin-top: 10px; }
		
	.foot { background: url(../images/foot.jpg) no-repeat; width: 1035px; height: 80px; float: left;}
		.navi-foot{  font-size: 10px;}
		.navi-foot ul{margin-top: 50px;}
		.navi-foot ul li{ float:left; padding-left: 5px; padding-right: 5px; list-style:none; border-right: solid 1px #009933;}
		.navi-foot ul li a {color:#009933; }
		.navi-foot ul li a:hover {color:#FF9933;}
		
	.pseudolinks ul { width: 1000px;}
	.pseudolinks ul li{ list-style: none; border-right: 1px solid #009933; float:left; padding-left: 5px; padding-right: 5px; font-size: 10px;}
	.pseudolinks ul li a{color:#009933;}
	.pseudolinks ul li a:hover {color:#FF9933;}
	
	.agb{ text-align:justify; width: 650px; line-height: 17px;}
		.agb ol { list-style-position: outside; padding-left: 10px; } 
		.agb ol li{padding-left: 10px;}
/* Shop */	
	.shop{width: 680px; }
		.shop1{width: 680px; }
			.shop2{ width: 150px; float:left; padding-top: 5px; font-size: 11px; padding-left: 10px; padding-right: 10px }
			.shop3{ width: 200px; float:left; padding-top: 5px; font-size: 11px; padding-left: 10px; padding-right: 10px }
	
/* Detail-Seite */
	.produkt-detail { padding-top: 5px; }
		.bild-shop { float:left; padding-top: 5px; padding-right: 20px;}
		.galerie{ width: 215px; height: 35px;}
		.galerie a{ float:left; border: 1px solid #FF9900; display:block; margin: 10px 0 10px 10px; padding: 5px}
		.text-shop { font-size: 12px; line-height: 20px; }
		
	.angaben { width: 680px; }
		.angaben-shop { margin-top: 25px; width: 600px; height: 50px; float:left; }
		.angaben-produckt { float:left;  color:#009933; font-weight: bold; width: 300px; padding-left: 5px; line-height: 17px;}
		.angaben-preis { float:left;  color:#009933; font-weight: bold; width: 150px; padding-left: 5px; line-height: 17px; }
		.span{ font-size:9px; font-weight: bold; color:#009933; line-height: 17px;}
		.angaben-anzahl { float:left;  color:#009933; font-weight: bold; width: 133px; padding-left: 5px; text-align:right; line-height: 17px;}
		.form-anzahl{color:#FFFFFF; background-color:#009933; width: 15px; text-align:right; line-height: 17px;}
		
	.warenkorb { width: 80px;  color: #009933; float:left;  margin-top: 24px; text-align: center; }
	
	.kurz-beschreibung{ width:650px; padding-left: 10px; font-size: 11px; float:left;}
	
	.zurueck { height: 20px;  float:right; margin: 30px 0px 2px 2px;}
	
/* Warenkorb */	
.angaben-warenkorb { margin-top: 25px; width: 680px; height: 50px; float:left;  padding-left: 5px;}
.menge { float:left;  width: 100px;  text-align: right;  padding-left: 5px; line-height: 17px;} 
.preis { float:left;  width: 110px; text-align: right;  padding-left: 5px; line-height: 17px; color:#009933; font-weight: bold; }

.gesamtpreis { width: 680px; margin-top: 3px; border-top:#009933 1px solid; float: left; text-align:right; font-size: 11px;}

.bestellen { width: 100px; height: 20px;  float:right; margin: 10px 0px 2px 2px;}
.weiter { width: 110px;  height: 20px;  float:right; margin: 10px 0px 2px 2px;}
.warenkorb2{ float:left; padding-left: 80px;}

/* FAQ */	
.zurueck2 { width: 50px;  height: 20px;  float:right; margin: 10px 0px 2px 2px;}
.content dl{ margin-right: 30px;}
	.content dt{color:#CC6633; font-weight: bold; }
	.content dd{ padding: 10px 0px 30px 10px; line-height: 16px;}

	
/* Forumlare */
.kontakt{ border:#009933 1px solid; padding-left: 10px; margin-bottom: 20px; width: 600px; line-height: 16px}
.kontakt-grund{ color:#FFF; background-color:#009933; font-size: 11px; font-weight: bold; padding: 3px; margin-top: 1px;}
.button{ background:url(../images/submit.gif); font-size: 12px; text-align:center; font-weight: bold; padding: 3px; margin-top: 1px; color:#FFF; width: 104px; height: 15px;}
	.button a { color:#FFF; text-decoration: none;}
	.button a:hover { color: #FF9933; text-decoration: none;}
.button2{ background:url(../images/submit2.gif); font-size: 12px; text-align:center; font-weight: bold; padding: 3px; margin-top: 1px; color:#FFF; width: 120px; height: 21px; }
.required{ color:red;}
.error {
	color: red;
	font-size: larger;
	font-weight: bold;
}

.rahmen{ border:1px #009933 solid; width: 550px; }
.gutschein-aktiv{ font-size: 11px; color:#CC0000;}

/* Groessenempfehlung */
.groessenempfehlung { width:130px;}

/* Gutschein Vorlage */
.vorlage{ background-color: #009933; width: 300px; margin: auto;}

/* landing Page */
.anrisstext, .volltext {}
.mehrerfahren {color:#008F49;}
.mehrerfahren:hover {color:#FF9933;}
.landingpage div {clear:both;margin:0;padding:0;}
.landingpage img {float:left;margin:0 10px 0 0;}
.landingpage h2 {margin:0 0 6px 0;}

/*Hundebetten Galerie*/

.galerie1{ width: 100px; float:left; }
.galerie1 dl dt{ padding-top: 10px;}
.galerie1 dl dd{  margin: 0;}

.galerie2{width: 100px; padding-left: 20px; float:left;}
.galerie2 dl dt{ padding-top: 10px; }
.galerie2 dl dd{margin: 0;  }

.galerie3{width: 100px; padding-left: 20px; float:left;}
.galerie3 dl dt{ padding-top: 10px; }
.galerie3 dl dd{ margin: 0; }

.galerie4{width: 100px; padding-left: 20px; float:left;}
.galerie4 dl dt{ padding-top: 10px; }
.galerie4 dl dd{  margin: 0;}
#werbung{
width:210px;
float:left;
}




/* Bewertung */
.bewertungen{width:695px;background-color: none;clear:both;}
.bewertungen h3{font-size: 14px;}
.star_grey{width:14px;height:14px;}
.star_gold{width:14px;height:14px;}

.bew_shop{width:340px;background-color: none;float:left;}
.bew_fb{width:345px;background-color: none;float:left;}
.bew_schlecht{float:left;padding-right:10px;}
.bew_radio{float:left;}
.bew_gut{float:left;padding-left:10px;}
.bew_text{padding-top:10px;}
.bew_autor{font-weight: bold;}
.bew_stars{font-weight: bold;}

.bem_shop{width:300px;background-color: none;float:left;}
.bem_fb{width:300px;background-color: none;float:left;}
.bem_schlecht{float:left;padding-right:10px;}
.bem_radio{float:left;}
.bem_gut{float:left;padding-left:10px;}
.bem_text{color:#009933;}
.bem_autor{font-weight: bold;}
.bem_stars{font-weight: bold;}

.page-button{background:none;color:#009933;font-weight:bold;}

.cleaner{clear:both;}
.ta textarea{width:280px;height:120px;}
.bewertungen textarea , .bewertungen input {font:12px arial;border:1px #009933 solid;padding:3px;background:#F4F4F4;color:black;} 
.bewertungen textarea{width:308px;height:120px;}
.bewertungen input.button2{background:#009933;color:#fff;cursor:pointer; padding:2px 0;}