@charset "utf-8";
/*
	===========================================================================
	@desc:		Main StyleSheet
	@version:	Februar 21, 2008	13:40
	@copyright:	Boris Bojic | DevShack | www.devshack.biz
	@changed:	Fehlerbehebung Linie Galerie
	===========================================================================
*/

/* === [ CSS Reset ] ============================================= */

*{margin:0;padding:0;border:0 none;}
body{font-family:Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;font-size:100.01%;color:#000;background:#e7e6bf;line-height:1;}
table{font-family:Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;border-spacing:0;border-collapse:collapse;empty-cells:show;}
input,select,textarea{font-family:Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;}
label{cursor:pointer;}
a{color:#006633;}
a:hover{color:#888;}

a.doglink{color:#581304;}


/* === [ Grundaufbau ] ============================================= */
#wrapper{width:800px;margin:30px auto 0 auto;background:#fff;}
#wrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Logo ------ */
#wrapper h1{font-size:0.9em;text-indent:-9000em;height:100px;background:#fbf9e3 url('./header/harder-logo.png') no-repeat;}
/* Oberes Motto ------ */
#wrapper h2{font-size:0.8em;text-indent:-9000em;height:70px;background:#006633 url('./header/harder-motto.png') no-repeat;}
#wrapperdogs{width:800px;margin:30px auto 0 auto;background:#fff;}
#wrapperdogs:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#wrapperdogs h1{font-size:0.9em;text-indent:-9000em;height:180px;background:#fbf9e3 url('./header/header-hunde.jpg') no-repeat !important;}

	
/* === [ Navigation ] ============================================= */

#navigation{float:left;width:140px;background:#fff;}
/* 1. Ebene ------ */
#navigation ul{/* Trebuchet MS wirkt besser für die Navigation */
font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;padding:20px 0 0 30px;list-style-type:none;color:#aaa;}
#navigation li{font-size:0.85em;line-height:1.5;}
/* 2. Ebene ------ */
#navigation ul ul{display:none;padding:0 0 0 10px;}
#navigation li li{font-size:1em;}
/* 3. Ebene ------ */
#navigation ul ul ul{display:none;padding:0 0 0 5px;}
#navigation li li li{font-size:0.8em;text-transform:uppercase;letter-spacing:1px;}
/* Aussehen Links ------ */
#navigation ul a{display:block;text-decoration:none;color:#aaa;}
#navigation ul a:hover,
#navigation ul a.selected{color:#006633;}

/* Aussehen Links ------ */
#navigation ul li.hund a:hover,
#navigation ul li.hund a.selected,
#navigation ul#zwei a:hover,
#navigation ul#zwei a.selected{color:#581304;}

/* Versteckte Subnavi der Galerie anzeigen ------ */
body#galerie #navigation ul ul#eins,
body#originale #navigation ul ul#eins,
body#drucksachen #navigation ul ul#eins{display:block;}

body#galerie #navigation ul ul#eins,
body#originale #navigation ul ul#eins ul,
body#pferde #navigation ul ul#eins ul,
body#sonstiges #navigation ul ul#eins ul{display:block;}

body#pferde #navigation ul ul#eins,
body#pferde #navigation ul ul#eins ul{display:block;}

body#sonstiges #navigation ul ul#eins,
body#sonstiges #navigation ul ul#eins ul{display:block;}

body#hunde #navigation ul ul#zwei,
body#hundegalerie #navigation ul ul#zwei{display:block;}

body#hunde #navigation ul ul#zwei,
body#hundegalerie2 #navigation ul ul#zwei{display:block;}

body#hunde #navigation ul ul#zwei,
body#hundegalerie3 #navigation ul ul#zwei{display:block;}



/* === [ Inhalt ] ============================================= */

#content{padding:20px 170px 0 150px;background:#fff url('./content/content-back.jpg') top right no-repeat;min-height:460px;}
#content.hunde{padding:20px 170px 0 150px;background:#fff url('./content/hg-hunde.jpg') top right no-repeat !important;min-height:460px;}
/* Bild - Schiller Zitat */
#content #homezitat{display:block;padding:70px 0 0 20px;}
#content p,
#content address{line-height:1.4;font-size:0.7em;padding:0 0 1em 0;}
#content address{font-style:normal;}
#content hr{border-bottom:1px solid #777;margin:1em 0 3em 0;}
#content h3{font-size:0.7em;padding:1em 0;}
#content h3.title{font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;font-size:.9em;font-style:italic;padding:0 0 .5em 0;}
#content h4{font-size:.7em;line-height:1.4;}
#content h4.quote{font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;font-size:.8em;font-weight:normal;color:#aaa;padding:0 0 1.5em 0;}
#content h5{font-size:0.7em;font-weight:normal;}
#content h6{font-size:0.7em;font-weight:normal;font-style:italic;padding:0 0 1em 0;}
/* Normale Listen --- */
#content ul.normal{font-size:0.7em;padding:0 0 1em 1em;margin-left:1em;line-height:1.5;}
/* Liste für die Galerie --- */
#content ul.galerie{list-style-type:none;}
#content ul.galerie:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#content ul.galerie li{float:left;width:86px;height:86px;/*background:url('./galerie/thumbs_back.png') left bottom no-repeat;*/
margin:0 10px 10px 0;}
#content ul.galerie li img{display:block;}
#content ul.galerie li a img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
#content ul.galerie li a:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
/* Definitionsliste für Lebenslauf */
#content dl{font-size:0.7em;padding:0 0 1em 0;}
#content dl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#content dt{clear:left;float:left;width:6em;font-weight:bold;line-height:1.5;}
#content dd{padding:0 0 1em 6em;line-height:1.5;}
/* --- Formatierungen für Formulare ------------------------------ */
#content p.errormessage,
#content p.successmessage{text-align:center;font-weight:bold;border:1px solid #900;color:#900;padding:5px;margin:5px;}
#content p.successmessage{color:#090;border-color:#090;}
#content ol{list-style-type:none;padding-bottom:25px;}
#content ol li{border-top:1px solid #ddd;padding:5px;}
#content ol li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#content label{clear:left;float:left;width:12em;font-weight:bold;font-size:.7em;padding:3px 0;}
#content input,
#content textarea{float:left;width:16em;padding:2px;font-size:.7em;border:1px solid #063;background-color:#FBF9E3;}
#content textarea{width:24em;}
#content input.submit{font-weight:bold;width:10em;float:none;background-color:#063;border-color:#052;color:#fff;}