/*
Projekt: ricarda enderweit schmuckdesign
Projekt URI: www.ricarda-enderweit.de
Autor: will! mediendesign

Last updated: Mai 2009


/* ----------------------------------------
   Standard Elemente
------------------------------------------- */

* { margin: 0px; padding: 0px; border: 0px; }


html {width: 100%; height: 100%;}

body {
    width: 100%;
    height: 100%;
	text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    }

a:link {color: #C548BD;}
a:visited {color: #A982A9;}
a:hover {color: #CE50C6;}


h1, h2 {
    display:inline; /* damit beide nebeneinander stehen koennen */
    font-size: 72%;
    font-weight: normal;
    color:#92462B;
    }
h3 {font-size:95%;
    font-weight:bold;
    text-indent: 0px;
    color:#a92fa1;
    padding: 20px 0px 5px 0px;
    }
h4 {
    font-size: 72%;
    font-weight: normal;
    color:#F58BAF;
    background-color: #904098;
  }

blockquote {
	font-family: sans-serif;
	text-align: center;
    margin: 0px;
}

em {
    font-size:60%;
    font-style: normal;
    float: right;
    clear: right;
    margin-right: 45px;
    }   /* Pop-up Link */
strong {  }   /* kennzeichnet Text als stark betont. meist fett */

small {font-size:80%; line-height:150%;}
big {font-size: 120%; line-height:200%;}

address {
    display: inline;
    white-space:nowrap;
     }   /* Hervorhebung für URL Das Element address dient Webautoren dazu, Kontaktinformationen für das aktuelle Dokument bereitzustellen. Es ist nicht dafür gedacht, generelle Kontaktinformationen auszuzeichnen, also etwa Einträge in einem Adressbuch. address ist ein Blockelement und darf nur Inline-Elemente enthalten. */

tt {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing:0.3em;
    color: #904098;
    }   /* Kurzbeschreibung dicktengleich */


/* ----------------------------------------
   Listen und Tabellen
------------------------------------------- */

dl dt {
    float:left;
    /* width:8em; */
    font-size:99%;
    font-weight:bold;
    color:#a92fa1;
    }
dl dd {
 padding-left:4.5em;
 border-bottom:1px dotted #7c536b;
}

/* ----------------------------------------
   Layout Hauptstruktur
------------------------------------------- */


#distance {
	width:1px;
	height:50%;
	background-color: transparent;
	margin-bottom:-16.75em; /* half of container's height */
	float:left;
	}

div#wrapper {
    width: 84%;
    min-width: 781px;
    max-width: 999px;
/*  height: 80%; */
	min-height: 536px;
/* 	max-height: 611px; */
	margin: auto;
	position:relative; /* puts container in front of distance */
	clear:left;        /* cleart distance */
    }


div#header {
    height: 17.5%;
	min-height: 94px;
	background-color: #ffffff;
    }

div#headermenue {
    clear: right;  /* logo */
    height: 3.5%;
	min-height: 21px;
    max-height: 21px;
	background-color: #ffffff;
    }

div#contentwrap {
    clear: left;  /* hauptnavi */
	height: 204px;
	min-height: 204px;
    max-height: 38.1%;
	min-width: 779px;
	margin: 0px;
    }

div#footer1 {
    height: 6.9%;
    min-height: 36px;
    max-height: 36px;
    }

 div#footer2 {
    clear: both; /* muecke und ring */
    height: 33.6%;
    min-height:180px; /*  11.25em */
    }



/* ----------------------------------------
   Layout Hauptstruktur-Design
------------------------------------------- */

body.style_01 {
    background-color: #c8ccca;
}

body.style_02 {
    /* background: #DEC88B; */
    background-color: #E1D5B4;
	background-image: url(../bilder/bg_verl_beige.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

.rahmen_01 {
	border: 1px solid #afa14e;
}

.rahmen_02 {
	border: 1px solid #000000;
}

.headmen_style_1 {
    border-width:0px 0px 1px 0px;
    border-style:solid;
    border-color:#ffffff;
    }

/* -------------------------- Content */
.cwrap_style_1 {
	background-color: #c8ccca;
    border: 0px;
	background-image: url('../bilder/home/bg_home.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}

.cwrap_style_2 {    /* natur */
	background-color: #153E02;
    border: 0px;
}

.cwrap_style_3 {  /* knochen */
	background-color: #e9eeeb;
    border: 0px;
}

.cwrap_style_4 {    /*  schwan */
	background-color: #7dd0ec;
    border: 0px;
}

.cwrap_style_5 {   /* spiegel */
	background-color: #f02430;
    border: 0px;
}

.cwrap_style_6 {   /* einzel */
	background-color: #81b400;
    border: 0px;
}



div#content_zitat {
    margin: 0 0 0 566px;
    padding-left: 10px;
	padding-right: 10px;
    }

div#content_schmuck {
    margin: 0 0 0 566px;
	background-color: #B6B6B6;
	height:100%;
    }

div#content_foto {
    float: left;
    width: 566px;
    }


.cwrap_scroll {
    overflow: auto;
    text-align: left;
    text-indent: 6px;
    color:#312C2B;
}

.cwrap_scroll_thdesign {
    padding: 10px 30px 20px 131px;
    background-color: #ffffff;
    background-image: url(../bilder/design/papier2.gif);
}
.cwrap_scroll_thdesign1 {
    padding: 10px 30px 20px 131px;
    background-color: #ffffff;
    background-image: url(../bilder/design/papier_01.jpg);
}
.cwrap_scroll_thdesign2 {
    padding: 10px 30px 20px 131px;
    background-color: #ffffff;
    background-image: url(../bilder/design/papier_02.jpg);
}
.cwrap_scroll_thdesign3 {
    padding: 10px 30px 20px 131px;
    background-color: #ffffff;
    background-image: url(../bilder/design/papier_03.jpg);
}
.cwrap_scroll_thdesign4 {
    padding: 10px 30px 20px 131px;
    background-color: #ffffff;
    background-image: url(../bilder/design/papier_04.jpg);
}

.cwrap_scroll_thdesign5 {
    padding: 10px 30px 20px 89px;
    background-color: #ffffff;
    background-image: url(../bilder/design/papier2.gif);
}


.cwrap_scroll_d1 {
    overflow: auto;
    text-align: left;
    background-image: url(../bilder/designerin/wand_rot1.jpg);
    background-color: #ffffff;
}
.cwrap_scroll_d2 {
    overflow: auto;
    text-align: left;
    background-image: url(../bilder/designerin/wand_rot2.jpg);
    background-color: #ffffff;
}
.cwrap_scroll_d3 {
    overflow: auto;
    text-align: left;
    background-image: url(../bilder/designerin/wand_rot1.jpg);
    background-color: #ffffff;
}
.cwrap_scroll_thdesignerin {
    padding: 10px 30px 20px 131px;
    color: #ffffff;
}



.cwrap_scroll_a1 {
    overflow: auto;
    text-align: left;
    background-image: url(../bilder/aktuelles/wood2.jpg);
    background-color: #fdccfd;
}

.cwrap_scroll_thaktuell {
    padding: 10px 30px 20px 131px;
    color: #000000;
}


.cwrap_scroll_thimpress {
    padding: 10px 30px 20px 262px;
    background-color: #ffffff;
    background-image: url(../bilder/impressum/bg_impress.gif);
    color: #ffffff;
    font-size: 85%;
    line-height: 130%;
}

/* -------------------------- Footer */

.foot1_style_1 {
    background-color:#E9DAD5;
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#ffffff;
    text-align: center;
    line-height: 36px;
    }

.foot1_style_2 {
    clear: left; /* content foto */
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#ffffff;
    text-align: center;
    line-height: 36px;
    }

.foot1_style_3 {
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#ffffff;
    background-color: #691D02;
    }


.foot2_style_1 {
    background-color: #904098;
    }

.foot2_style_2 {
    background-color: #ffffff;
    }
/* ----------------------------------------
   Design Elemente
------------------------------------------- */
/* -------------------------- Header Elemente */

.logo {
	float: right;
	margin-top: 12px;
	margin-right: 10px;
    }

/* -------------------------- Content Elemente */
img.ring {
    position: relative;
    float: left;
    width: 185px;
    height: 199px;
    border: 0px;
    vertical-align: top;
    margin-left: 3%;
    }

blockquote.home {
    width: 30%;
	min-height: 140px;
	max-height: 204px;
	min-width: 200px;
	margin: 0% auto;
    padding: 5% 0% 0% 0%;
	font-size: 95%;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 150%;
	color: #904098;
/*  background-color: white; */
/*   border: 1px dashed orange;  */
    }

    cite.home {
    display: block;
    white-space: nowrap;
	font-size: 75%;
	font-weight: 800;
	letter-spacing: 0.2em; /* funktioniert nicht mit% */
/*  background-color: #fff; */
 	margin: 1% 0% 0% 0%;
    }


div#platzhalter_muecke {
    float: right;
    width: 214px;   /* selbe breite wie linke grafik */
    height: 10px;    /* kann auch 1px sein - wurscht */
    /* overflow: visible; */
    background-color: transparent;
    }

img.muecke {
    position: absolute;
    width: 214px;
    height: 236px;
    border: 0px;
    margin-top: -8px; /* rechts margins funktionieren nicht */
    margin-left: -100px;
    z-index: 1;
    }


img.textimage_1 {    /* natur */
    position: absolute;
    border: 0px;
    margin-top: 150px;
    left: 150px;
    z-index: 1;
}

img.textimage_2 {   /* knochen */
    position: absolute;
    border: 0px;
    margin-top: 140px;
    left: 50px;
    z-index: 1;
}

img.textimage_3 {    /*  schwan */
    position: absolute;
    border: 0px;
    margin-top: 146px;
    left: 1px;
    z-index: 1;
}

img.textimage_4 {    /*  spiegel */
    position: absolute;
    border: 0px;
    margin-top: 125px;
    left: 1px;
    z-index: 1;
}

img.textimage_5 {    /* einzel */
    position: absolute;
    border: 0px;
    margin-top: 132px;
    left: 55px;
    z-index: 1;
}

blockquote.natur {
	min-height: 140px;
	max-height: 204px;
    padding-top: 18%;
	font-size: 90%;
	font-weight: 900;
	letter-spacing: 0.07em;
 	line-height: 150%;
	color: #904098;
    }

    cite.natur {
    display: block;
    white-space: nowrap;
	font-size: 75%;
	font-weight: 800;
	letter-spacing: 0.2em; /* funktioniert nicht mit% */
 	margin: 1% 0% 0% 0%;
    }


blockquote.knochen {
	min-height: 140px;
	max-height: 204px;
    padding-top: 14px;
	font-size: 70%;
	font-weight: 900;
	letter-spacing: 0.07em;
 	line-height: 150%;
	color: #904098;
    }

    cite.knochen {
    display: block;
    white-space: nowrap;
	font-size: 85%;
	font-weight: 800;
	letter-spacing: 0.2em; /* funktioniert nicht mit% */
 	margin: 1% 0% 0% 0%;
    }

blockquote.schwan {
	min-height: 140px;
	max-height: 204px;
    padding-top: 25%;
	font-size: 80%;
	font-weight: 900;
	letter-spacing: 0.07em;
 	line-height: 150%;
	color: #904098;
    }

    cite.schwan {
    display: block;
    white-space: nowrap;
	font-size: 78%;
	font-weight: 800;
	letter-spacing: 0.2em; /* funktioniert nicht mit% */
 	margin: 1% 0% 0% 0%;
    }

blockquote.spiegel {
	min-height: 140px;
	max-height: 204px;
    padding-top: 25%;
	font-size: 90%;
	font-weight: 900;
	letter-spacing: 0.07em;
 	line-height: 150%;
	color: #904098;
    }

blockquote.einzel {
	min-height: 140px;
	max-height: 204px;
    padding-top: 22%;
	font-size: 78%;
	font-weight: 900;
	letter-spacing: 0.07em;
 	line-height: 150%;
	color: #904098;
    }

    cite.einzel {
    display: block;
    white-space: nowrap;
	font-size: 80%;
	font-weight: 800;
	letter-spacing: 0.2em; /* funktioniert nicht mit% */
 	margin: 1% 0% 0% 0%;
    }


blockquote.schmuck {
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
	vertical-align: middle;
	font-size: 78%;
	font-weight: 300;
 	line-height: 140%;
    }


.bgdesign {
/*  text-align: right; */
	background-image: url(../bilder/design/papier.gif);
}

.bgdesignerin {
    text-align: left;
	background-image: url(../bilder/designerin/wand.jpg);
	background-position: bottom;
}

.bgaktuell {
    text-align: right;
    background-color: #ffd7ff;
}

/* -------------------------- Elemente Footer */

.h1_h2_wrap {
    white-space: nowrap;
    }

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


/* START horizontales hauptmenue */


/* button geklickt */
.h_menue_main li a#current {
	background-color:#DFCC96 !important;
    background-image:url(../bilder/button_on.jpg) !important;
	color:#AC55A7 !important;
    }

ul.h_menue_main {
    list-style-type: none;
    }

ul.h_menue_main li {
    display: inline;
    width: 131px;
    float: left;
    }

ul.h_menue_main li a {
    display: block;
	height:21px;
	background-color:#D1B668;
	color:#773273;
	font-size:74%;
    line-height: 1.7em;
	text-align:center;
	text-decoration: none;
    border-width:0px 1px 0px 0px; /* linie */
	border-style:solid;
	border-color:#FFFFFF;
    }

ul.h_menue_main li a:hover {
    background-color:#DFCC96;
    background-image:url(../bilder/button_on.jpg);
	color:#AC55A7;
	text-decoration:none;
    }


 /* ENDE horizontales hauptmenue */

  /* +++++++ START horizontales schmuckthemenmenue +++++++ */

    div#h_menue_themes_wrap {
    width: 100%;
    height: 36px;
    background-color:#92462B;
    }

/* button geklickt */
.h_menue_themes li a#current2 {
	background-color:#691D02 !important;
	color:#F5B7F2 !important;
    }



ul.h_menue_themes {
    list-style-type: none;
    width: 100%;
    }

ul.h_menue_themes li {
    display: inline;
    width: 16.5%;
    float: left;
    }

ul.h_menue_themes li a {
    display: block;
	height:36px;
	background-color:#92462B;
	color:#C1C6CA;
	font-size:74%;
	line-height: 270%;
	text-align:center;
	text-decoration: none;
	border-width:0px 1px 0px 0px; /* rechte seite linie */
	border-style:solid;
	border-color:#FFFFFF;
    }

ul.h_menue_themes li a:hover {
    background-color:#691D02;
	color:#F5B7F2;
	text-decoration:none;
    }

 /* +++++++ ENDE horizontales schmuckthemenmenue +++++++ */

 /* +++++++ START vertikales schmuck-submenue +++++++ */

 /* START submenue_wraps */

#colwrap {
    clear:left;
    float:left;
    width: 100%;
    min-height: 168px;
    height: auto;
    text-align:left;
    background-color:#fff;
    }

#col_01_von6 {
	float:left;
	width:16.5%;
    min-width:129px;
	position:relative;
/* 	background-color: transparent; */
    }

#col_02_von6 {
	float:left;
	width:16.5%;
    min-width:129px;
	position:relative;
/* 	background-color: transparent; */
    }

#col_03_von6 {
	float:left;
	width:16.5%;
    min-width:129px;
	position:relative;
/* 	background-color: transparent; */
    }

#col_04_von6 {
	float:left;
	width:16.5%;
    min-width:129px;
	position:relative;
/* 	background-color: transparent; */
    }

#col_05_von6 {
	float:left;
	width:16.5%;
    min-width:129px;
	position:relative;
/* 	background-color: transparent; */
    }

#col_06_von6 {
	float:left;
	width:16.5%;
    min-width:129px;
	position:relative;
/* 	background-color: transparent; */
    }

/* ENDE submenue_wraps */

/* button geklickt */
#h_menue_themes_sub1 li a#current3 {
	background-color:#904098 !important;
	color:#F692EF !important;
    }

#h_menue_themes_sub1 {
	width: 100%;
	min-width: 129px;
	min-height: 198px;
	font-size: 70%;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#FFFFFF;
    }

#h_menue_themes_sub1 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
    }
#h_menue_themes_sub1 li {
	display: block;
    }
#h_menue_themes_sub1 li a, #h_menue_themes_sub1 li a:link {
	display: block;
	width: 100%;
	min-height: 18px;
	text-indent: 4px;
	text-decoration: none;
	color: #555555;
    }

#h_menue_themes_sub1 li a:visited {
	color: #313131;
/* 	background-color: #EBEBEB; */
    }

#h_menue_themes_sub1 li a:hover, #h_menue_themes_sub1 li a:active, #h_menue_themes_sub1 li a:focus {
    color: #F692EF;
	background-color: #904098;
    }

.bg_dunklezeile {
	background-color: #BA9E50;
	min-height: 18px;
    }
.bg_hellezeile {
	background-color: #E1D5B4;
	min-height: 18px;
    }

/* +++++++ ENDE vertikales schmuck-submenue +++++++ */

/* +++++++ START vertikales design-submenue +++++++ */

/* button geklickt */
#h_menue_themes_sub2 li a#current4 {
	background-color: #9C1194 !important;
	color:#f5b7f2 !important;
    }

#h_menue_themes_sub2 {
	width: 100%;
	min-width: 129px;
	min-height: 198px;
	font-size: 70%;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#FFFFFF;
    }

#h_menue_themes_sub2 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
    }
#h_menue_themes_sub2 li {
	display: block;
    }
#h_menue_themes_sub2 li a, #h_menue_themes_sub2 li a:link {
	display: block;
	width: 100%;
	min-height: 18px;
	text-indent: 4px;
	text-decoration: none;
	color: #7c2d3c;
    }

#h_menue_themes_sub2 li a:visited {
	color: #313131;
/* 	background-color: #EBEBEB; */
    }

#h_menue_themes_sub2 li a:hover, #h_menue_themes_sub2 li a:active, #h_menue_themes_sub2 li a:focus {
    color: #f5b7f2;
	background-color: #a92fa1;
    }

.bg_dunklezeile2 {
	background-color: #daa596;
	min-height: 18px;
    }
.bg_hellezeile2 {
	background-color: #ff90ea;
	min-height: 18px;
    }

/* +++++++ ENDE vertikales design-submenue +++++++ */
/* ----------------------------------------
   Sonstiges
------------------------------------------- */

.unsichtbar { display:none;} /* nur sichtbar bei css-ausschaltung */

/* skizzen */
.bg {background-image: url(../bilder/design/papier2.gif);}

div.Tabelle_01 {position:absolute; left:0px; top:0px; width:645px; height:754px;}
div.skizze-01_ {position:absolute; left:0px; top:0px; width:255px; height:249px;}
div.skizze-03_ {position:absolute; left:461px; top:5px; width:151px; height:200px;}
div.skizze-02_ {position:absolute; left:290px; top:13px; width:151px; height:201px;}
div.skizze-07_ {position:absolute; left:295px; top:233px; width:146px; height:64px;}
div.skizze-09_ {position:absolute; left:449px; top:233px; width:190px; height:250px;}
div.skizze-04_ {position:absolute; left:0px; top:254px; width:189px; height:251px;}
div.skizze-05_ {position:absolute; left:198px; top:254px; width:92px; height:69px;}
div.skizze-08_ {position:absolute; left:295px; top:306px; width:146px; height:68px;}
div.skizze-06_ {position:absolute; left:189px; top:346px; width:101px; height:133px;}
div.skizze-a_ {position:absolute; left:304px; top:406px; width:137px; height:97px;}
div.skizze-a2_ {position:absolute; left:304px; top:503px; width:32px; height:27px;}
div.skizze-12_ {position:absolute; left:336px; top:503px; width:303px; height:225px;}
div.skizze-10_ {position:absolute; left:10px; top:520px; width:151px; height:201px;}
div.skizze-11_ {position:absolute; left:171px; top:542px; width:151px; height:201px;}


/* Clear */
.clearrechts {clear: right}
.clearlinks {clear: left}
.clearbeide {clear: both}



/* ----------------------------------------
   Ausrichtung, Ränder, Abstände, Positionen
------------------------------------------- */

/* span.middlevalign { vertical-align: middle; } */
p.fuenfzehn {margin-top: 15px;}
p.kurzbeschreib {margin-top: 0px; margin-bottom:8px;}
img.pi_zwanzig {height: 20%;}