* {margin: 0; padding:0 }


/* CSS Document */
body {
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  background-color:#FFF;
  background-image:url(../bilder/bg2.gif);
  background-repeat:no-repeat;
  font-family: Verdana, Tahoma, Arial sans-serif;
  color:#1C1C1C;
}

/* 
=========================================================
#top-logo  Box für den Home-Link auf jeder Seite 
									(Logo mitte oben)
=========================================================*/
#top-logo {
  position:absolute;
  top:25px;
  left:353px;
  width:200px;
  height:35px;
  padding:0px 0px 0px 0px;
  border-color:#ffcc00;
  text-align:center;
}

.top-zeile {
	color: #333333;
	font-size: 11px;
	padding-top:16px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	letter-spacing: 0.1em;
}
/* 
=========================================================
#menu-watches & #menu-photo - boxen beinhalten Rollver 
 zum Wechsel zwischen Hauptkategorien Uhren und Photos
=========================================================*/

#menu-watches {
	position:absolute;
  	top:93px;
  	left:214px;
  	width:240px;
	padding:0px;
	border-top-style:solid;
	border-top-width: 1px;
  	border-right-style:solid;
	border-right-width: 1px;
  	border-color: #FFF;
	background-color:#F3EDDB;
	text-align:center;
	}
	
#menu-photo {
	position:absolute;
  	top:93px;
  	left:455px;
  	width:239px;
  	padding:0px;
	border-top-style:solid;
	border-top-width: 1px;
	border-color: #FFF;
	background-color:#F3EDDB;
	text-align:center;
	}

	
/* 
=========================================================
Menüs 	#menu für Künstler bzw Markenliste links
		#menu-right für Hauptnavigation rechte Seite
		.line sorgt für Abstände beim line-1px.gif
=========================================================*/

#menu {
  position:absolute;
  top:150px; 
  left:36px;
  width:158px;
  height:auto;
  padding:0px;
  margin:0px;
  border-color:#ffcc00;
  text-decoration: none;
  font-size:0.8em; 
  line-height:1em;
}
#menu p{
  padding:1em 0 0 0;
  margin:0px;
}


#menu-right {
  position:absolute;
  top:196px;
  left:725px;
  width:6em;
  height:auto;
  padding:0px;
  margin:0px;
  text-decoration: none;
  font-size:0.8em; 
  line-height:1.1em;
}
#menu-right p{
  padding:1em 0 0 0;
  margin:0px;
}



.line {
	border-top:12px #FFFFFF solid;
	border-bottom:12px #FFFFFF solid;
	/*margin-bottom:10px;*/
	}
	
#home-links {
  position:relative;
  top:0px; 
  left:0px;
  width:auto;
  height:170px;
  padding:0px 5px 5px 5px;
  border:none;
  
 
}


/* 
=========================================================
Inhalte Mitte  #name -> für den jeweiligen Künstler bzw Markennamen
		       #content-watchlist -> box darunter, die den Inhalt enthält
			   #content-foot -> footer mit back to top
			   #content-foot-fff -> weisser footer - Verlängerung
=========================================================*/

#name {
  position:absolute;
  top:122px;
  left:214px;
  width:418px;
  height:36px;
  padding:36px 30px 0px 32px;
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #FFF;
  background-color:#F3EDDB;
  color:#1C1C1C;
  font-size:1em; 
  line-height:1.1em;
  z-index:1;
}



  
#content-watchlist {
  position:absolute;
  top:195px;
  left:214px;
  width:480px;
  height:auto;
  padding:0px 0px 0px 0px;
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #FFF;
  background-color:#F3EDDB;
  color:#242424;
  font-size:0.8em; 
  line-height:1.4em;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  }
  

#content-foot{
	width:430px;
	height: 24px;
	padding: 0px 20px 4px 30px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFF;
	line-height:2em;
	font-size: 0.9em;
	margin-top:1em;
	text-align:right;
	}  
	
#content-foot-fff{
	width:430px;
	height: 35px;
	padding: 0px 20px 4px 30px;
	line-height:2em;
	margin-top:0em;
	text-align:right;
	background-color:#FFFFFF;
	}  	


/* 
================================================================================================
Inhalte Mitte  #watchbox -> für die Uhrenübersicht, enthält jeweils Bild + Name
		       #watchsingle -> für die Ansicht der einzelenen Uhr, enthält großes Bild + thumbs
			   #watchsingle a:link, #watchsingle a:visited -> positioniert die thumbs
			   #watchtext -> enthält die Textangaben zur einzelenen Uhr
			   
			   #picbox -> enthält die einzelnen thumbs eines Photographen
================================================================================================*/

#watchbox {
  position:relative;
  float:left;
  width: 159px;
  height: 218px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #FFF;
  border-right-style: solid;
  border-right-width: 1px;
  text-align:center;
}
#watchbox a{
	cursor: pointer;
	position:absolute;
	top:23px;
	left:5px;
	width: 149px;
}
#watchbox img{
	position:absolute;
	top:0px;
	left:18px;
	width: 113px;
 	height: 151px;
	z-index:1;
}
#watchbox .sold{
	position:absolute;
	top:0px;
	left:18px;
	width: 113px;
 	height: 151px;
	z-index:2;
	background-image:url(../bilder/sold.gif);
}
#watchbox .bildunter_watchbox {
	position:absolute;
	top:160px;
	left:0px;
	width: 149px;
 	font-size: 0.9em;
	line-height: 1.3em;
	z-index:3;
}
#watchsingle {
	position:relative;
	top:30px;
	left:32px;
	float:left;
	height:auto;
	width: 190px;
	/*height: 255px;*/
	padding: 0px;
}
#watchsingle .sold{
	position:absolute;
	top:0px;
	left:0px;
	width: 190px;
 	height: 255px;
	z-index:1;
	background-image:url(../bilder/sold_gr.gif);
}
#rahmen {
	position:relative;
	float:left;
	height:auto;
	width: 190px;
	height: 255px;
	padding: 0px;
	margin: 28px 20px 40px 32px;
	}
	
#watchpre {
	position:relative;
	float:left;
	width: 190px;
	height: 30px;
	margin:10px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#watchpre a {
	padding: 0px 0px 10px 0px;
	}
	
#watchtext {
	margin-top:30px;
	margin-left:250px;
  	width: 192px;
	height:auto;
	line-height:1.2em;
	font-size: 0.9em;
	}
	
#watchtext p{
padding:1em 0 0 0;
margin:0;
}

#picbox {
  position:relative;
  float:left;
  width: 119px;
  height: 91px;
  padding: 19px 0px 19px 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #FFF;
  border-right-style: solid;
  border-right-width: 1px;
  text-align:center;
 }
 
.artist-txt {
	padding: 0px 46px 0.3em 32px;
	margin-top:0px;
	font-size: 0.9em;
}

#content-watchlist h1 {
font-size: 1.2em;
font-weight:400;
padding: 2em 38px 0.35em 32px;
}

#content-watchlist h2 {
font-size: 1.2em;
font-weight: 400;
}

.bildunter {
	margin: 8px 0px 0px 0px;
 	padding: 0px 10px 0px 10px;
	font-size: 0.9em;
	line-height: 1.3em;
	}



/* 
=================================
Startseitenformate (evtl. in zweites sheet auslagern)
=================================*/
#menu-event  {
  position:absolute;
  top:0px;
  left:2px;
  width:156px;
  height:auto;
  padding:154px 20px 0px 36px;
  background-color:none;
  font-size:0.8em;
  letter-spacing:0px;
  line-height:1.5em;
}

.announce {
	font-size:0.9em;
	letter-spacing:1px;
	text-decoration:none;
	height:20px;
}

.announce a:link {
	font-size:0.9em;
	line-height:1.8em;
			}

.announcestart {
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	line-height:1em;
	margin:0.5em;
	padding:0.5em;
}

.announcestart a:link {
	font-size:0.8em;
	letter-spacing:1px;
	line-height:1em;
	margin:0.5em;
	padding:0.5em;
}
	
.name {
	font-size:1.1em;
	line-height:1.1em;
	margin:0.2em;
	padding:0.2em;
	}

.startlinks a:link, .startlinks a:visited {
	height:auto;
	font-size:0.9em;
	text-decoration: underline;
	line-height:1.5em;
}


/* 
=================================
Formatierung für den Kalender 
=================================*/
.zeile_farbe1 {
display: block;
width: auto ;
height: auto;
border: none;
padding: 1em 15px 1em 15px;
margin: 12px 20px 0px 20px;
line-height:1.7em;
background-color:#FFF9E7;
}

.zeile_farbe2 {
display: block;
width: auto ;
height: auto;
border: solid 1px #FF9900;
padding: 1em 15px 1em 15px;
margin: 12px 20px 0px 20px;
line-height:1.7em;
background-color:#FFF9E7;
}



/* =================================
Formatierungen Hyperlinks
=================================*/
a {
		color: #666666;
		text-decoration: none;
}

a:hover {
		color: #1C1C1C;
		text-decoration: underline;
}

.artist-txt a:link, .artist-txt a:visited,
#menu-photo a:link, #menu-photo a:visited,
#menu-watches a:link, #menu-watches a:visited
{
color: #1C1C1C;
} 

#content-watchlist a:link,
#content-watchlist a:visited

{color: #1C1C1C;
text-decoration: underline;}

.name-highlighted a:link  {
	color: #FF9900;
	}

#content-watchlist .zeile_farbe1 .name-highlighted a:link,
#content-watchlist .zeile_farbe1 .name-highlighted a:visited,
#content-watchlist .zeile_farbe2 .name-highlighted a:link,
#content-watchlist .zeile_farbe2 .name-highlighted a:visited

{color: #FF9900;
text-decoration: underline;}


#content-watchlist .zeile_farbe1 a:link,
#content-watchlist .zeile_farbe1 a:visited,
#content-watchlist .zeile_farbe2 a:link,
#content-watchlist .zeile_farbe2 a:visited
		{color: #666666;
		text-decoration: none;}



a.link_navigation_aktiv{
	color: #000000;
	font-weight: bold;
}
.pressedatum {
	color:#999999;
	font-size:10px; 
	line-height:14px;
}
a.presselink {
	text-decoration: underline;
}
a.presselink:hover {
	text-decoration: none;
}

/*
=================================
Formatierung für das Kontaktformular
=================================*/
table { font-size:0.9em;}


.feld {
width: 220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background:#FFFFFF;
border:1px solid #999999;

}