@charset "utf-8";
/* CSS Document */

/* CSS Document fuer Weisbach Uhren und Schmuck
===================================================================================================
Anpassung der wichtigsten Abstände: Restaurierung
==========================================*/
*{                                             /*Setzt alle Abstände in der Seite erst mal auf 0*/
	padding: 0; margin: 0;
}
h1, h2, h3, h4, h5, h6, p, 
ul, ol, dl, table, adress, pre, blockquote{    /*Abstand nach unten definieren*/
	margin-bottom: 1em;
}
blockquote {margin: 1em 2em;					/* Zitate einrücken*/
}
												
ul, ol, dl{                                     /*Alle Listen etwas einrücken*/
	margin-left: 1em;
}
li{                                             /*Listenelemente etwas mehr einrücken*/
	margin-left: 1em;
}
dd {margin-left: 2em;							/*Definitionen in Definitionslisten noch mehr einrücken*/
}
ul ul, ul ol, ul dl,							/*Verschachtelte Listen ohne Außenabstand oben/unten*/
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
   margin-top: 0;
   margin-bottom: 0;
}
/*Aufzählungszeichen für Listenkisten*/

ul { list-style-type: square; 					/* Ebene 1 - ul: square (ausgefülltes Rechteck); ol: Dezimalzahlen  */
}	
ol { list-style-type: decimal; 
}
ul ul { list-style-type: disc; 					/* Ebene 2 - ul: disc (ausgefüllter Kreis); ol: kleine Buchstaben */
}
ol ol { list-style-type: lower-alpha; 
}
ul ol { list-style-type: decimal; 
}
ol ul { list-style-type: square; 
}
ol ol ol, ol ol ul, ol ul ul, ol ul ol,			/* Ebene 3 - ul und ol mit circle (nicht ausgefüllter Kreis) */
ul ul ul, ul ul ol, ul ol ol, ul ol ul {
   list-style-type: circle;
} 

fieldset, a img { border:none;					/*Rahmen um verlinkte Bilder entfernen*/
}
/*======================================================================================================
   Allgemeine Selektoren:
 ==========================================*/

html{
	height: 101%;                          	/*Erzwingt Scrollbar im Firefox, die sonst ein springendes Design verursachen*/
}
body{
	
	color: white;
	background-color:#CCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;                       	/*schriftgroeße im Body*/
	background-image:url(images/hg5.jpg);
	
}

h1{
	font-size: 1.1em;
	font-style:italic;
	font-weight:bold;	
}
h2{
	font-size: 1.3em;
}
h1, h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h3{
	font-family:Verdana, Arial, sans-serif;
	font-size:1.2em;
	color:white;
	float:right;}


ul li{                                     	/*Erreicht, dass die Aufzählungszeichen einer ungeordneten Liste quadratisch sind*/
	list-style-type: square;
}

/*============================================================================================
  Hyperlinks allgemein:
===============================================*/
a{	                                      	/*Unterstreichung entfernen*/
	text-decoration: none;
	outline: none;
}
a:link{				                      	/*Links bearbeiten*/
	color: white;
}
a:visited{
	color: #cc9966;
}
a:hover, 
a:focus{
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #ffb512;
}
a:active{                                  /*bei klick werden Hg- und Schriftfarbe gewechselt*/
	color: white;
	background-color: #cc9966;
}
/*======================================================================================================
   Allgemeine Klassen und ID:
 ======================================================*/



.bildlinks{
	float:left;
	padding: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	border:#ffb512 3px double;
	padding:5px;
}
.bildrechts{
	float:right;
	padding: 3px;
	margin-left: 10px;
	margin-bottom: 10px;
	border:#ffb512 3px double;
	padding:5px;
}
.bildrechts2{
	float:right;
	padding: 3px;
	margin-left: 10px;
	margin-bottom: 10px;
	
}
.bildlinks2{
	float:left;
	padding: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	
}
.clearing{
	clear:both;
}



/*=================================================================================================
  Styles für Layoutbereiche:
====================================================================*/
#wrapper{
	color: black;
	width: 900px;                       	/*Breite des Inhaltsbereichs*/
	margin-top: 0;
	margin-right: auto;                 	/*Abstand rechts automatisch*/
	margin-top: 20px;
	margin-left: auto;                  	/*Abstand links automatisch*/
	background-color:#FFF;
	border-right:solid 3px #ffb512;
	border-top:solid 3px #ffb512;
	background-image:url(images/armband2.jpg);
	background-repeat:repeat-y;

}
#wrapper2{
	color: black;
	width: 490px;                       	/*Breite des Inhaltsbereichs*/
	margin-top: 0;
	margin-right: auto;                 	/*Abstand rechts automatisch*/
	margin-top: 20px;
	margin-left: auto;                  	/*Abstand links automatisch*/
	background-color:#FFF;
	border-right:solid 3px #ffb512;
	border-top:solid 3px #ffb512;
	background-image:url(images/armband2.jpg);
	background-repeat:repeat-y;

}
#header{
	position: relative;						/*positioniert, aber bleibt im fluss*/
	color: black;
	height:125px;
	background-color:#444247;
	background-image:url(images/armband2.jpg);
	background-repeat:repeat-y;
	
}
	#header p{
	position:absolute;
	top: 72px;
	right: 14px;
	font-weight: bold;
	font-size:1.5em;
	
	
}
#linie{
	background-image:url(images/kette1.png);
	background-repeat:repeat-x;
	height:50px;
	}	


#nav{
	overflow:hidden;
	color: #444247;
	padding: 10px 10px 0px 70px;         /*Innenabstand definieren*/
	font-size:1.1em;
	font-weight:bold;
	float:left;
	width:120px;

}

	#nav li{
		width:auto;
		list-style-type: none;				/*ohne Aufzählungspunkte*/
		margin: 0;
		padding-bottom:10px;							
		
	}
	
	

*html #nav {						/*Layout für IE nötig*/
height: 1%;
}

div#nav a:hover,
div#nav a:focus {
   background-color: #484848; 
   color: #ffb512;
   border-bottom: 1px solid #484848;      
}



#content{
	padding-top: 5px;                     	/*Innenabstand definieren*/
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 65px;
	margin-top: 20px;
	background-color:#FFF;
	min-height:300px;
	background-image:url(images/armband2.jpg);
	background-repeat:repeat-y;
}

	#content a{                        	/*Erzielt im Textbereich eine gepunktete Linie unter den Links*/
		border-bottom: 1px dotted #cc0000;
		color:#484848;
	}
	#content a:hover                     /*Erzielt im textbereich beim Mauskontakt eine durchgezogene Linie*/ 
	#content a:focus {
		border-top-style: solid;
		border-color: #d90000;
		border-bottom-width: 1px;
	}
	#content li{
		
		list-style:square;
		padding-bottom:1em;}

	
	

canvas {
    background-image:url(images/uhr_hg.png);
	position:relative;
	top:3px;
	right:8px;
	margin:0 0 -200px -220px;

}

#uhrhg{
	position:relative;
	top:-45px;
	right:-185px;
	margin:0 0 -200px -220px;
	width:150px;
	}	
#footer{
	margin-top: 0;                       /*Außenabstand oben, außerhalb der Linie*/
	padding:10px;
	padding-left:60px;
	font-size:0.8em;
	color:#ffb512;
	background-color:#444247;
	border-bottom:#ffb512 double 3px;
	background-image:url(images/armband2.jpg);
	background-repeat:repeat-y;
	
}