/*  
Theme Name: Berlin und Hochzeit '08
Theme URI: http://www.berlinundhochzeit.de
Version: 1.0
Author: Veronika Sattler
Author URI: http://www.websache.de
*/

* { margin: 0; padding: 0; }


/*Tag-Zuweisungen und gebundene Klassen*/

body {background: #fdfdfa; font-size:0.92em; font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; color:#131010; text-align:justify; line-height: 1.5em;}
a {color:#cdbe70; text-decoration:underline;}
a:visited{text-decoration:none;}
a:focus, a:hover, a:active{text-decoration: underline; outline:0;}
a img {border:0;}
h1{font-size:1.3em; color:#cdbe70; font-weight:bolder; margin-bottom: 10px; font-variant:small-caps;}
h2{font-size:1.1em; color:#5c5a5a; font-weight:bold; margin-bottom: 20px; font-variant:small-caps;}
h3{font-size:0.98em; color:#5c5a5a; font-weight:bold; margin: 10px 0 4px 0;}
p {margin: 10px 0 18px 0;}
form {width:520px;}
label {float:left; clear:both; display:block; width:135px; margin: 0 0 10px 0; padding-left:70px; font-variant:small-caps;}
input, textarea {float:left; display:block; width:300px; border: 2px solid #cdbe70; background: url(../images/transparent1.png) repeat;; margin-bottom:10px; padding:2px;}


/*Id-Zuweisungen*/

#streifenoben {background-color:#cdbe70; width:100%; height:160px; margin-top:50px;} 
#hauptnavi {width:960px; margin:0 auto 0 auto;}
#container {background:url(../images/wasserzeichen.png) no-repeat fixed; background-position: center 240px; width:825px; padding: 70px 0 0 0;height:auto; margin: 0 auto 0 auto;  position:relative;}
#container1 {background:url(../images/wasserzeichen.png) no-repeat fixed; background-position: center 240px; width:825px; padding: 70px 0 0 0;height:420px; margin: 0 auto 0 auto;  position:relative; overflow:hidden;}
#error {background:url(../images/wasserzeichen.png) no-repeat; background-position: center 20px; width:825px; padding: 150px 0 0 0; height:300px; margin: 0 auto 0 auto;  position:relative; font-size: 150%; color: #cdbe70; font-weight: bolder; text-align: center; line-height: 5; font-variant:small-caps;}
#profil {width:825px; padding: 60px 0 20px 0;height:auto; margin: 0 auto 0 auto;  position:relative;}
#impressum {width:825px; padding: 80px 0 0 0;height:auto; margin: 0 auto 0 auto;  position:relative; font-size: 0.9em;}
#bildergalerie {width:824px; height:400px; margin: 60px auto 60px auto; padding-right: 8px; background:#fdfdfa; position:relative; list-style:none; overflow:hidden;}
#bilder {position: relative;}
#bilder li {float: left;}
#bilder .bild {display: block; width: 101px; height: 400px; overflow:hidden;}
#rahmen1 {background-image:url(../fotos/treppe.jpg);}
#rahmen2 {background-image:url(../fotos/berlin.jpg);}
#rahmen3 {background-image:url(../fotos/schwaene.jpg);}
#rahmen4 {background-image:url(../fotos/reichtag.jpg);}
#rahmen5 {background-image:url(../fotos/kutsche.jpg);}
#rahmen6 {background-image:url(../fotos/brautschau.jpg);}
#rahmen7 {background-image:url(../fotos/lachendespaar.jpg);}
#rahmen8 {background-image:url(../fotos/fernsehturm.jpg);}
#rahmen1_h {background-image:url(../fotos/riesenrad.jpg);}
#rahmen2_h {background-image:url(../fotos/altespaar.jpg);}
#rahmen3_h {background-image:url(../fotos/regenpaar.jpg);}
#rahmen4_h {background-image:url(../fotos/helfen.jpg);}
#rahmen5_h {background-image:url(../fotos/zylinder.jpg);}
#rahmen6_h {background-image:url(../fotos/schloss.jpg);}
#rahmen7_h {background-image:url(../fotos/auto.jpg);}
#rahmen8_h {background-image:url(../fotos/schatten.jpg);}
#rahmen1_e {background-image:url(../fotos/mandeln.jpg);}
#rahmen2_e {background-image: url(../fotos/valentin.jpg);}
#rahmen3_e {background-image:url(../fotos/schatzkarte.jpg);}
#rahmen4_e {background-image:url(../fotos/tango.jpg);}
#rahmen5_e {background-image:url(../fotos/sax.jpg);}
#rahmen6_e {background-image:url(../fotos/spree.jpg);}
#rahmen7_e {background-image:url(../fotos/putto.jpg);}
#rahmen8_e {background-image:url(../fotos/feuerwerk.jpg);}
#rahmen1_g {background-image:url(../fotos/rosen.jpg);}
#rahmen2_g {background-image:url(../fotos/korken.jpg);}
#rahmen3_g {background-image:url(../fotos/diamant.jpg);}
#rahmen4_g {background-image:url(../fotos/frosch.jpg);}
#rahmen5_g {background-image:url(../fotos/ballon.jpg);}
#rahmen6_g {background-image:url(../fotos/eisbaer.jpg);}
#rahmen7_g {background-image:url(../fotos/geschenk.jpg);}
#rahmen8_g {background-image:url(../fotos/diskret.jpg);}
#rahmen1_l {background-image:url(../fotos/schneider.jpg);}
#rahmen2_l {background-image:url(../fotos/tisch.jpg);}
#rahmen3_l {background-image:url(../fotos/brautschuh.jpg);}
#rahmen4_l {background-image:url(../fotos/strauss.jpg);}
#rahmen5_l {background-image:url(../fotos/revers.jpg);}
#rahmen6_l {background-image:url(../fotos/zeit.jpg);}
#rahmen7_l {background-image:url(../fotos/torte.jpg);}
#rahmen8_l {background-image:url(../fotos/vintage.jpg);}
#bilder .bild span {display: none;}
#bilder .bild:hover span {display: block; margin-top: 360px; background: url(../images/transparent.png) repeat; color:#413d3d; z-index:400; font-size:120%; font-weight: bold; text-align:center; padding:10px; white-space:nowrap; font-variant:small-caps;}
#streifenunten {background-color:#cdbe70; width:100%; height:50px; margin-bottom:8px;}
#nebennavi {width:960px; margin:0 auto 0 auto;}
#nebennabi ul {list-style-type:none;}
#nebennavi li {display:inline;}
#container .trick {width:auto; background:none;}
#container div.mehr i {float:right; margin-right:0; cursor:pointer; color:#cdbe70; font-weight:bolder;}
#container div.mehr i.hide {display:none;}
#container div.mehr p {display:none;}
#container div.mehr ul {display:none;}
#container div.mehr h3 {display:none;}
#container div.click i.show {display:none;}
#container div.click i.hide {display:block;}
#container div.click p {display:block;}
#container div.click ul {display:block;}
#container div.click h3 {display:block;}


/*Freie Klassen*/

.navilinks {float:left; width:350px;}
.navilinks ul {list-style-type:none;}
.navilinks li {display:inline;} 
.logo {width:260px; float:left;}
.navirechts{width:350px;overflow:hidden;}
.navirechts ul {list-style-type:none;}
.navirechts li {display:inline;}
.clearer {clear:both;}
.form-button {margin-left:205px; width:100px; clear:both;}
.links {width: 300px; float:left; margin-bottom:60px;}
.rechts {width: 520px; float:right; margin-bottom:60px;}
.klein {font-size: 80%;}
.winz {font-size: 80%; text-align:right;}
.footer {width:960px; margin:0 auto 0 auto;}
.hidden {display:none;}
.krone {list-style:url(../images/krone.gif); padding: 10px 0 10px 50px;}
.liebe {list-style-type:none; padding: 10px 0 10px 50px; font-variant:small-caps; font-weight:bold; font-size: larger;}
.liebe a {text-decoration:none; color: #5c5a5a;}
.liebe a:hover {text-decoration:none;}
.liebe a span {display:none; position:absolute; left: 280px; top:800px; color:#cdbe70; font-weight:bold; font-variant:small-caps; font-size:x-large;}
.liebe a:hover span {display:block;}
.berlin {color:#cdbe70; font-weight:bold; font-variant:small-caps;}
.berlin1 {font-variant:small-caps;}
.gold {color:#cdbe70;margin-right: 8px; font-size:larger;}
.gold1 {color:#cdbe70;margin-right: 16px; font-size:larger;}


/*unfreie Klassen*/

a.index, a.hochzeiten, a.events, a.geschenke, a.leistungen, a.profil {float: left;}
a.index {background:url(../images/start.gif) top left no-repeat; display:block; height:160px; width:82px;}
a.index:hover, a.index.aktiviert{background-position: bottom left;}
a.hochzeiten {background:url(../images/hochzeiten.gif) top left no-repeat; display:block; height:160px; width:166px;}
a.hochzeiten:hover, a.hochzeiten.aktiviert {background-position: bottom left;}
a.events {background:url(../images/events.gif) top left no-repeat; display:block; height:160px; width:101px;}
a.events:hover, a.events.aktiviert{background-position: bottom left;}
a.geschenke {background:url(../images/geschenke.gif) top left no-repeat; display:block; height: 160px; width:127px;}
a.geschenke:hover, a.geschenke.aktiviert {background-position: bottom left;}
a.leistungen {background:url(../images/leistungen.gif) top left no-repeat; display:block; height: 160px; width:133px;}
a.leistungen:hover, a.leistungen.aktiviert {background-position: bottom left;}
a.profil {background:url(../images/profil.gif) top left no-repeat;	display:block; height: 160px; width:88px;}
a.profil:hover, a.profil.aktiviert {background-position: bottom left;}
a.impressum, a.kontakt {float: right;}
a.impressum {background:url(../images/impressum.gif) bottom right no-repeat; display:block; height: 39px;	width:89px;}
a.impressum:hover, a.impressum.aktiviert {background-position:top right;}
a.kontakt {background:url(../images/kontakt.gif) bottom right no-repeat; display:block; height:39px;	width:72px;}
a.kontakt:hover, a.kontakt.aktiviert {background-position: top right;}