/* ===================================
Stylesheet von "Fuernkranz"

Stand: Stylesheet für die Bildschirmausgabe
Datei: fuernkranz.css
Datum: Februar, Maerz, April 2009
Autor: Armin Priesner

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */
  * { padding: 0; margin: 0; } /* Abstaende auf Null */ 
   
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */
	body {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #000000;
		background-color: #000;
	}


/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */

  /* ====================== PAGE INDEX ====================== */
  #page_index #boxWebsite {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 920px;
		height: 566px;
		margin-left: -460px;
		margin-top: -283px;
		background: url('../img/bg_index.jpg');
		border: 2px solid #FFFFFF;
	}
  
  #fuernkranz_logo {
    position: absolute;
    top: 360px;
    left: 157px;
    width: 159px;
    height: 63px;
  }
		#fuernkranz_sprachwahl {
		position: absolute;
			top: 425px;
			left: 157px;
			width: 159px;
			text-align: center;
		}
			#fuernkranz_sprachwahl li {
				list-style: none;
				width: auto;
				display: inline;
				padding: 0 4px;
			}
			#fuernkranz_sprachwahl li a {
				color: #FFFFFF;
				text-decoration: underline;
				font-size: 12px;
				font-weight: bold;
			}
  
  #couture_39_logo {
    position: absolute;
    top: 360px;
    left: 351px;
    width: 159px;
    height: 63px;
  }
		#couture_39_sprachwahl {
		position: absolute;
			top: 425px;
			left: 351px;
			width: 159px;
			text-align: center;
		}
			#couture_39_sprachwahl li {
				list-style: none;
				width: auto;
				display: inline;
				padding: 0 4px;
			}
			#couture_39_sprachwahl li a {
				color: #FFFFFF;
				text-decoration: underline;
				font-size: 12px;
				font-weight: bold;
			}
  /* ====================== PAGE INDEX ====================== */
  
  
  

  /* ====================== ALLGEMEIN ====================== */ 
  #boxWebsite {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 920px;
		height: 566px;
		margin-left: -460px;
		margin-top: -283px;
		border: 2px solid #FFFFFF;
	}
	
	#hauptnavigation {
    position: absolute;
    top: 10px;
    right: 20px;
  }
    #hauptnavigation img {
			float: left;
			filter: alpha(opacity=70); /* nur IE */
			-moz-opacity: 0.7; /* ältere Mozilla */
			opacity: 0.7; /* CSS3 */
		}
		#hauptnavigation ul {
			display: inline;
			float: left;
			height: 30px;
			background-color: #a4a3a3;
			filter: alpha(opacity=70); /* nur IE */
			-moz-opacity: 0.7; /* ältere Mozilla */
			opacity: 0.7; /* CSS3 */
		}
		#hauptnavigation ul li {
      list-style: none;
      width: auto;
      margin: 0 6px;
			line-height: 28px;
      display: inline;
    }
    #hauptnavigation ul li a {
      color: #970000;
      font-family: 'Square721 BdEx BT', Verdana, Helvetica, Arial, sans-serif;
      text-decoration: none;
      font-size: 12px;
    }
	
	
	#subnavigation {
		position: absolute;
		top: 295px;
		right: 473px;
		width: auto;
	}
		#subnavigation h1 {
      font: bold 18px Verdana, Arial, Helvetica, sans-serif;
      margin-bottom: 14px;
			text-align: right;
      color: #970000;
    }
		#subnavigation ul {
			margin-top: 12px;
		}
			#subnavigation li {
				list-style: none;
				font: normal 13px Verdana, Arial, Helvetica, sans-serif;
				color: #504e4d;
				text-align: right;
				line-height: 20px;
			}
				#subnavigation li a {
					font: bold 13px Verdana, Arial, Helvetica, sans-serif;
					color: #912e2d;
					text-decoration: none;
					outline: none;
				}
	
	
	#boxText {
		position: absolute;
		top: 215px;
		left: 530px;
		width: 240px;
		height: 200px;
		overflow: hidden;
	}
		#scrollText {
			position: absolute;
			top: 0;
			left: 0;
		}
			#scrollText img { border: 1px solid #FFF; }
	
	
	#boxScrollbalken {
		position: absolute;
		top: 220px;
		left: 790px;
		width: 20px;
		height: 190px;
		background-image: url('../img/scrollbalken.gif');
	}
		#boxTopScrollbutton {
			position: absolute;
			top: 0;
			left: 0;
			width: 20px;
			height: 26px;
			cursor: pointer;
		}
		#boxBottomScrollbutton {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 20px;
			height: 26px;
			cursor: pointer;
		}
	
	
	#boxFuernkranzLink {
		position: absolute;
		top: 464px;
		left: 0;
	}
	
	
	#boxFuernkranzLinkKlein {
		position: absolute;
		top: 450px;
		left: 0px;
	}
	
	
	#boxFusszeile {
		position: absolute;
		top: 540px;
		right: 20px;
		width: auto;
		line-height: 11px;
	}
		#boxFusszeile li {
			list-style: none;
			font-size: 10px;
			font-weight: bold;
			margin: 0 4px;
			display: inline;
		}
			#boxFusszeile li a {
				color: #970000;
				text-decoration: none;
			}
  /* ====================== ALLGEMEIN ====================== */


  /* ====================== PAGE NEWS ====================== */
	#page_news #boxWebsite {
		background: url('../upload/fuernkranz/background/news.jpg');
	}
  /* ====================== PAGE NEWS ====================== */
	
	
	/* ====================== PAGE KOLLEKTION ====================== */
	#page_kollektion #boxWebsite {
		background: url('../upload/fuernkranz/background/kollektion.jpg');
	}
	
	#auswahl_kollektion {
		position: absolute;
		top: 160px;
		left: 502px;
		width: 320px;
	}
		#auswahl_kollektion p {
			margin: 5px 0;
			font: normal 11px Verdana, Helvetica, Arial, sans-serif;
			text-align: center;
			color: #FFFFFF;
		}
			#auswahl_kollektion a { color: #FFFFFF; text-decoration: none; outline: none; }
  
	#liste_kollektionen { width: 240px; }
		#liste_kollektionen li {
			margin: 13px 30px 13px 0;
			list-style-type: none;
			font: bold 12px Verdana, Helvetica, Arial, sans-serif;
			line-height: 14px;
			color: #FFF;
			text-align: right;
		}
			#liste_kollektionen a { color: #FFF; text-decoration: none; }
	/* ====================== PAGE KOLLEKTION ====================== */
	
	
	/* ====================== PAGE KOLLEKTION GALERIE ====================== */
	#page_kollektion_galerie #boxWebsite {
		background: url('../img/fuernkranz/bg_kollektion_galerie.jpg');
	}
		#logo_kollektion {
			position: absolute;
			bottom: 266px;
			left: 45px;
		}
		#text_kollektion {
			position: absolute;
			top: 330px;
			left: 45px;
			width: 350px;
			height: 90px;
			overflow: hidden;
		}
			#text_kollektion p {
				font-size: 12px;
				line-height: 24px;
				margin: 0;
				color: #FFFFFF;
			}
		#bild_kollektion {
			position: absolute;
			top: 160px;
			left: 564px;
			width: 196px;
		}
			#bild_kollektion img { border: 2px solid #FFF; display: block; }
			#bild_kollektion p {
				font: normal 11px Verdana, Arial, Helvetica, sans-serif;
				color: #FFF;
				text-align: center;
				margin-top: 2px;
			}
		#galerie_kollektion { display: none; }
	/* ====================== PAGE KOLLEKTION GALERIE ====================== */
	
	
	/* ====================== PAGE ACCESSOIRES ====================== */
	#page_accessoires #boxWebsite {
		background: url('../upload/fuernkranz/background/accessoires.jpg');
	}
	#page_accessoires #please_chose {
	 	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		margin: 0 0 10px 0;
		text-align: center;
		width: 240px;
	}
	#page_accessoires #accessoires_groups { text-align: center; width: 240px; }
	#page_accessoires #accessoires_groups a {
		color: #FFF;
		text-decoration: none;
	}
	#page_accessoires #accessoires_groups a:hover { text-decoration: underline; }
	.entry { margin-bottom: 60px !important; }
  /* ====================== PAGE ACCESSOIRES ====================== */
	
	
	/* ====================== PAGE STYLE > TRENDTIPPS ====================== */
	#page_trendtipps #boxWebsite {
		background: url('../upload/fuernkranz/background/trendtipps.jpg');
	}
  /* ====================== PAGE STYLE > TRENDTIPPS ====================== */
	
	
	/* ====================== PAGE STYLE > STYLEBIBLE ====================== */
	#page_stylebible #boxWebsite {
		background: url('../upload/fuernkranz/background/stylebible.jpg');
	}
  /* ====================== PAGE STYLE > TRENDTIPPS ====================== */
	
	
	/* ====================== PAGE GALERIE ====================== */
	#page_galerie #boxWebsite {
		background: url('../img/fuernkranz/bg_galerie.jpg');
	}
		#bild_klein_galerie {
			position: absolute;
			top: 130px;
			left: 45px;
			width: 370px;
			height: 188px;
			overflow: hidden;
		}
			#bild_klein_galerie img { border: 1px solid #FFF; float: left; margin: 0 10px 10px 0; }
		#text_galerie {
			position: absolute;
			top: 330px;
			left: 45px;
			width: 350px;
			height: 90px;
			overflow: hidden;
		}
			#text_galerie p {
				font-size: 12px;
				line-height: 24px;
				margin: 0;
				color: #FFFFFF;
			}
		#bild_gross_galerie {
			position: absolute;
			top: 160px;
			left: 564px;
			width: 196px;
		}
			#bild_gross_galerie img { border: 2px solid #FFF; display: block; }
			#bild_gross_galerie p {
				font: normal 11px Verdana, Arial, Helvetica, sans-serif;
				color: #FFF;
				text-align: center;
				margin-top: 2px;
			}
		#galerie_lightbox { display: none; }
  /* ====================== PAGE GALERIE ====================== */
	
	
	/* ====================== PAGE STANDORTE ====================== */
	#page_standorte #boxWebsite {
		background: url('../upload/fuernkranz/background/standorte.jpg');
	}
  /* ====================== PAGE STANDORTE ====================== */
	
	
	/* ====================== PAGE UEBER UNS ====================== */
	#page_ueber_uns #boxWebsite {
		background: url('../upload/fuernkranz/background/ueber_uns.jpg');
	}
	#page_ueber_uns #files td {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		padding: 2px 0;
	}
		#page_ueber_uns #files td a { color: #FFF; }
  /* ====================== PAGE UEBER UNS ====================== */
	
	
	/* ====================== PAGE STAMMKUNDEN ====================== */
	#page_stammkunden #boxWebsite {
		background: url('../upload/fuernkranz/background/stammkunden.jpg');
	}
		#page_stammkunden #fashioncard {
			position: absolute;
			top: 146px;
			left: 605px;
			width: 124px;
			height: 90px;
			display: none;
		}
	#anmelde_form label {
		display: block;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		margin: 0 0 2px 0;
	}
	#anmelde_form label span { font-weight: normal; }
	#anmelde_form input, #anmelde_form textarea {
		display: block;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		background-color: #FFF;
		width: 180px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
	#anmelde_form textarea { width: 230px; }
	#anmelde_form div input {
		display: inline;
		width: auto;
	}
  /* ====================== PAGE STAMMKUNDEN ====================== */
	
	
	/* ====================== PAGE LINKS ====================== */
	#page_links #boxWebsite {
		background: url('../upload/fuernkranz/background/links.jpg');
	}
  /* ====================== PAGE LINKS ====================== */
	
	
	/* ====================== PAGE KONTAKT ====================== */
	#page_kontakt #boxWebsite {
		background: url('../upload/fuernkranz/background/kontakt.jpg');
	}
	#kontakt_form label {
		display: block;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		margin: 0 0 2px 0;
	}
	#kontakt_form label span { font-weight: normal; }
	#kontakt_form input, #kontakt_form textarea {
		display: block;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		background-color: #FFF;
		width: 180px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
	#kontakt_form textarea { width: 230px; }
	#kontakt_form div input {
		display: inline;
		width: auto;
	}
  /* ====================== PAGE KONTAKT ====================== */
	
	
	/* ====================== PAGE IMPRESSUM ====================== */
	#page_impressum #boxWebsite {
		background: url('../upload/fuernkranz/background/impressum.jpg');
	}
  /* ====================== PAGE IMPRESSUM ====================== */


/* ==================================
   4. Sonstige Styles 
   =============================== */
	
	/* ========================= Tiny MCE ========================= */
	#boxText p {
	 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		margin: 10px 0;
		width: 240px;
	}
	#boxText a { color: #CCC; }
	#boxText address {
	 	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		margin: 10px 0;
		width: 240px;
	}
	#boxText pre {
	 	font: normal 12px "Courier New", Courier, monospace;
		color: #FFF;
		margin: 10px 0;
		width: 240px;
	}
	#boxText h1 {
		font-size: 16px;
		font-weight: bold;
		margin: 10px 0;
		color: #FFF;
		width: 240px;
	}
	#boxText h2 {
		font-size: 15px;
		font-weight: bold;
		margin: 10px 0;
		color: #FFF;
		width: 240px;
	}
	#boxText h3 {
		font-size: 14px;
		font-weight: bold;
		margin: 10px 0;
		color: #FFF;
		width: 240px;
	}
	#boxText h4 {
		font-size: 13px;
		font-weight: bold;
		margin: 10px 0;
		color: #FFF;
		width: 240px;
	}
	#boxText h5 {
		font-size: 12px;
		font-weight: bold;
		margin: 10px 0;
		color: #FFF;
		width: 240px;
	}
	#boxText h6 {
		font-size: 11px;
		font-weight: bold;
		margin: 10px 0;
		color: #FFF;
		width: 240px;
	}
	#boxText ol, #boxText ul {
		margin: 10px 0 10px 30px;
	}
	#boxText li {
	 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	/* ========================= Tiny MCE ========================= */


/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */