/* CSS Document */

/*-----------------------------------------------------------------------------
[Dogs an der Kö] Screen Stylesheet

version:   1.0
date:      17/12/2007
author:    [contact@grafikdesign-horbas.de]
website:   [www.grafikdesign-horbas.de]
-----------------------------------------------------------------------------*/



/* Remove padding and margin
--------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Global Clearing und Floating
------------------------------------------------------------------------------*/
.clear {
    clear:both;
}

.rechts{
    float: right;
	margin-left:30px;
	margin-bottom:10px;
}

.links{
    float: left;
	margin-right:30px;
	margin-bottom:10px;
}

.bold{ font-weight:bold;}
.bold75{ font-weight:bold;margin-right:75px;}
.preis{ font-weight:bold; margin-left:140px;}
.kursiv{font-style: italic;}
.name{ font-size:120%;
		font-weight:bold;
		}
		
.action{
	font-weight:bold;
	color:#FF6600;
	}

/*Generelle Dokumenteinstellungen
------------------------------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
	line-height:1.5;
    background: #4a4b4a;
    color: #000;    
    text-align:center;
}

#wrapper{ 
    width:820px; 
    text-align:left;  
    margin-left:auto; 
    margin-right:auto; 
    background-color: #4a4b4a;
}

/* Typografie
------------------------------------------------------------------------------*/
h1{
    font-size: 20px;
	color:#999999;
	margin-bottom:10px;
}
    
h2{
    font-size: 15px;
	margin-bottom:10px;
	margin-top:10px;    
}
    
h3{
    font-size: 14px;
	color:#717171;
}
    
h4{
    font-size: 1.6em;    
}
    
h5{
    font-size: 1.4em;    
}
    

/* Header
-----------------------------------------------------------------------------*/
#header{
	width:795px;
	/*height:203px;*/
	height: 240px;
	position:relative;
	background-image:url(../img/kopf_komplett.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-left:9px;
	/*margin-bottom: 40px;*/
	/*margin-left:9px;*/
	/*border-bottom: 1px solid #333333;*/
	}

#header p{
	font-weight:bold;
	font-size:10px;
	color:#999;
	width:795px;
	height:25px;
	padding-top: 3px;
	text-align:right;
	background-color:#4a4b4a;
	text-decoration:none;
	}
	
#header p a:link, #header p a:visited{
	font-weight:bold;
	font-size:10px;
	color:#999;
	background-color:#4a4b4a;
	text-decoration:none;
	}
	
#header p a:hover{
	border-bottom: 1px dotted #999;
	color:#CCCCCC;
	}
	

#header blockquote{
	position:absolute;
	left:530px;
	top:110px;
	color:#333;
	width:250px;
	height:auto;
	font-weight:bold;
	font-style:italic;
	text-shadow:#FFFFFF 1px 2px;
	}
	
#header cite{
	float:right;
	font-weight:normal;
	}
	
#header blockquote .anf1{
	font-size:50px;
	position:absolute;
	left:-35px;
	top:25px;
	color:#666666;
	}
	
#header blockquote .anf2{
	font-size:50px;
	position:absolute;
	left:220px;
	top:-25px;
	color:#666;
	}
	
/*#chita{
	background-image:url(../img/chita4.gif);
	background-image:url(../img/chita.png);
	background-position: left top;
	background-repeat:no-repeat;
	width:340px;
	height:250px;
	position:absolute;
	left:180px;
	top:26px;
	}
	
*html #chita{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="chita.png", sizingMethod="scale");
	}
*/


/* Navigation
-----------------------------------------------------------------------------*/

#navi{
	position:absolute;
	left:25px;
	top:0px;
	width:158px;
	height:310px;
	background-image:url(../img/bg_navi.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	border-bottom: 2px solid #4a4b4a;
	}
	
#navi ul{
	list-style-type:none;
	margin-top:6px;
	}
	
#navi li{
	display:block;
	}
	
#navi li a:link, #navi li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding-left:21px;
	font-size:11px;
	display:block;
	height:18px;
	}
	
#navi li a:hover{
	background-image:url(../img/bg_navi_hover.gif);
	background-position: left ;
	background-repeat:no-repeat;
	color:#9E0226;
	}

body#persoenlich a.persoenlich,
body#hundewaschanlage a.hundewaschanlage,
body#presse a.presse,
body#anfahrt a.anfahrt,
body#kontakt a.kontakt,
body#shop a.shop,
body#schneiderei a.schneiderei,
body#pflege a.pflege,
body#link a.link,
body#news a.news,
body#teaser a.teaser{
	background-image:url(../img/bg_navi_hover.gif);
	background-position: left ;
	background-repeat:no-repeat;
	color:#9E0226;
	}


/* Content
-----------------------------------------------------------------------------*/
.shadowleft{
	float:left;
	width:9px;
	height:451px;
	background-image:url(../img/schatten_content_li.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
.shadowright{
	float:left;
	width:9px;
	height:451px;
	background-image:url(../img/schatten_content_re.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}


#content{
	width:750px;
	width:"800px"; /* IE 5.5 Hack */
	min-height:500px;
	color:#CCCCCC;
	background-image:url(../img/bg_content.gif);
	background-position: left top;
	background-repeat:repeat-x;
	padding-top:80px;
	padding-left:25px;
	padding-right:25px;
	border-top: 1px solid #565756;
	float:left;
	padding-bottom:50px;
	}
	
/**html #content{
	width:700px;
	min-height:500px;
	color:#CCCCCC;
	background-image:url(../img/bg_content.gif);
	background-position: left top;
	background-repeat:repeat-x;
	padding-top:80px;
	padding-left:25px;
	padding-right:25px;
	border-top: 1px solid #565756;
	float:left;
	padding-bottom:50px;
	}*/
	

#content p{
	margin-top:5px;
	margin-bottom:25px;
	}
	
#content p.signum{
	background-image:url(../img/signum.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:50px;
	text-indent:-999px;
	}

#content img{
	border: 1px solid #7e7e7e;
	padding:4px;
	}
	
#content iframe{
	border: 1px solid #7e7e7e;
	padding:4px;
	margin-top:10px;
	}

#content p.einstiegsbild{
	margin-top:25px;
	}
	
	
#content table{
	margin-bottom:20px;
	width:100px;
	}
	
#content table.waschen{
	margin-bottom:20px;
	width:510px;
	}
	
#content table.rechnung{
	margin-bottom:20px;
	width:100%;
	}
	
#content table caption{
	font-size:80%;
	text-align:left;
	color:#999999;
	margin-bottom:5px;
	}
	
#content thead th{
	background-color:#666666;
	text-align:left;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	}
	
#content tbody td{
	border-bottom: 1px solid #666666;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	}
	
#content td.summe,#content td.summeerl{
	background-color:#333333;
	color:#FFFFFF;
	padding-left:5px;
	}
	
#content tfoot td{
	color:#FFFFFF;
	padding-left:5px;
	}
	
#content ul{
	list-style: outside;
	list-style-image:url(../img/ul_pfote.gif);
	margin-bottom:10px;
	margin-left:13px;
	}	
	
p.tipp{
	font-weight: bold;
	border: 1px solid #999999;
	padding:3px;
	width:auto;
	clear:both;
	}
	
p.print a:link{
	font-weight: bold;
	}
	
.hinweis{
	text-transform:uppercase;
	font-size:16px;
	padding:3px;
	background-color:#990000;
	color:#FFFFFF;
	}
	
.zusatz{
	font-size:10px;
	color:#999999;
	}
	
/*Teaser Startseite*/

#newsteaser{
	background-image:url(../img/bg_teaser_news.gif);
	background-position: left bottom;
	background-repeat:repeat-x;
	font-size:14pt;
	font-weight: bold;
	color:#FFFFFF;
	padding:4px;
	margin-bottom:20px;
	}

dl.shop{
	border: 1px solid #666;
	margin-right:20px;
	float:left;
	text-align:center;
	width:230px;
	}
	
dl.shop dt{
	background-image:url(../img/teaserkopf.gif);
	background-position: left top;
	background-repeat:repeat-x;
	padding:5px;
	font-weight:bold;
	color:#fff;
	}
	
#content dl.shop img{
	margin-bottom:5px;
	border:0px;
	}

dl.shop dd a:link, dl.shop dd a:visited{
	text-decoration:none;
	color:#CCCCCC;
	font-weight:bold;
	font-size:85%;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	}
	
dl.shop dd a:hover{
	color:#fff;
	}	
	
	
dl.presse{
	padding:5px;
	background-color:#747474;
	height:auto;
	position:relative;
	margin-bottom:10px;
	border-top: 2px solid #4a4b4a;
	}
	

dl.presse dt, dl.presse dt a:link, dl.presse dt a:visited{
	width:auto;
	display:block;
	color:#999999;
	font-size:110%;
	letter-spacing:0.5pt;
	text-decoration:none;
	}
	
dl.presse dt a:hover{
	color:#fff;
	}
	
dl.presse dd, dl.presse dd a:link, dl.presse dd a:visited{
	font-weight:bold;
	display:block;
	color:#CCC;
	text-decoration:none;
	}
	
dl.presse dd a:hover{
	text-decoration:underline;
	}

#content input, #content textarea{
	padding:4px;
	width:550px;
	}
	
#content input:focus, #content textarea:focus{
	background-color:#DADADA;
	outline:none;
	}
	
#content label{
	display:block;
	width:250px;
	margin-bottom:5px;
	margin-top:5px;
	font-weight:bold;
	color:#999;
	}
	
#content fieldset{
	border: 1px solid #666666;
	padding:4px;
	}

	
#content legend{
	font-weight:bold;
	font-size:17px;
	color:#999999;
	padding:4px;
	letter-spacing:0.5pt;
	}
	
#content input[type=submit]{
	width:250px;
	margin-top:20px;
	}	
	
#content input.knopf{
	width:auto;
	}
	
	
#content input[type=radio]{
	width:20px;
	}
	
/*#content input[type=checkbox]{
	width:20px;
	float:left;
	}*/
	
#content a:link.txt, #content a:visited.txt{
	font-weight:bold;
	color:#ccc;
	}
	
#content a:hover.txt{
	text-decoration:none;
	}

/* Galeriebilder Ma�schneiderei*/

#galeriecontainer{
	float:left;
	width:100%;
	text-align:left;
}

div.galerie{
	padding:4px;
	border: 1px solid #666666;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:15px;
	}
	
div.galerie_pflege{
	padding:4px;
	border: 1px solid #666666;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	clear:both;
	}

div.galerie img.galerie,div.galerie_pflege img.galerie{
	border: 0px;	
	}

#content a:link, #content a:visited{
	color:#ccc;
	text-decoration:none;
	}
	
#content a:hover{
	text-decoration:underline;
	}

	/*SHOP*/

ul#shopnavi{
	font-weight:bold;
	list-style-type:none;
	width:98.5%;
	border-bottom: 1px solid #333;
	background-color:#710000;
	padding: 5px;
	}
	
ul#shopnavi li{
	display:inline;
	margin-right:25px;
	}
	
ul#shopnavi .aktiv{
	text-decoration: underline;
	color:#FFFFFF;
	}
	
div.produkt{
	padding:5px 0px 5px 0px;
	width:48%;
	float: left;
	margin-right:10px;
	border-bottom: 1px solid #666;
	}
	
div.produktdetail{
	padding:5px 0px 5px 0px;
	width:99%;
	float: left;
	margin-right:10px;
	border-bottom: 1px solid #666;
	}
	
div.produktdetail img{
	border:0px;}
	
#warenkorb{
	float:left;
	margin-top:20px;
	padding:5px;
	background-image:url(../img/bg_navi.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.75pt;
	border-bottom:1px solid #333333;
	}
	
#warenkorb a:link, #warenkorb a:visited{
	color:#fff;
	}
	
#content table{
	width:90%;
	}
	
#content input.warenkorb{
	width:200px;
	margin-right:10px;
	}

p.print_rechnung{
	height:20px;
	width:auto;
	background-image:url(../img/bg_navi.gif);
	background-position: left center;
	background-repeat:no-repeat;
	padding:5px;
	font-weight:bold;
	}
	
#content p a:link.anmeldung,#content p a:visited.anmeldung{
	text-decoration:underline;
	}
	
#content p a:hover.anmeldung{
	text-decoration:none;
	color:#ff6600;
	}


hr{
	border: 1px dotted #666;
}