/***** AUFBAU CSS Frese Hochzeitskarten *****/

/* ########## STANDARDS ########## */
* { margin:0; padding:0; }
.clr { clear:left; line-height:1px; font-size:1px; }
img { border:0; }
body { font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.gif) top left #fff; }
.trenner { border-bottom:1px dotted #ccc; font-size:1px; line-height:1px; margin:10px 20px; }


/* ########## AUSSENBEREICH ########## */
div#outline { width:980px; margin:10px auto; background:#fff; border:1px solid #999; padding-bottom:15px; }
div#banner { width:6px; float:left;height:60px; }
div#topnavi { color:#fff; padding-left:20px; padding-top:20px; font-size:.8em; }
div#topnavi a { text-decoration:none; color:#fff; }
div#topnavi a:hover { border-bottom:1px dotted #fff; }
/* ########## TOP ########## */
div#top1 { background:url(../images/top_baby.jpg) top left no-repeat; height:60px; }
div#top2 { background:url(../images/top_frese_schrift.jpg) top left no-repeat; height:60px; }
div#top3 { background:url(../images/top_frese_schrift.jpg) top left no-repeat; height:60px; }

/* ########## HEADER GAFIK ########## */
div#center1 { background-image:url(../images/header_geburtskarte_baby.jpg); background-position: 0 -60px; background-repeat:no-repeat; min-height:587px; }
div#center2 { background-image:url(../images/header_geburtskarte_schlafendes_baby.jpg); background-position: 0 -60px; background-repeat:no-repeat; min-height:587px; }
div#center3 { background-image:url(../images/header_geburtskarte_baby_mit_stofftier.jpg); background-position: 0 -60px; background-repeat:no-repeat; min-height:587px; }

div#left { width:460px; float:left; }
div#berater1 { margin-top:50px; font-size:.8em; color:#fff; padding-left:75px; height:40px; }
div#berater2, div#berater3 { margin-top:50px; font-size:.8em; color:#335f82; padding-left:75px; height:40px; }
div#berater1 p, div#berater2 p, div#berater3 p { text-align:center; width:200px; }
div#berater1 p span, div#berater2 p span, div#berater3 p span { font-size:2.1em; }
div#berater1 a { color:#fff; text-decoration:none; }
div#berater2 a, div#berater3 a { color:#335f82; text-decoration:none; }
div#berater a:hover {text-decoration:underline; }
div#topkarte { width:416px; height:366px; background:url(../images/bgcom_left.gif) top left no-repeat; margin-top:35px; margin-bottom:20px; }
div#left p, div#left h1 { font-size:.8em; margin-left:20px; width:380px; font-weight:normal; }
div#left p { margin-bottom:12px; }
div#left ul { list-style:none; margin-left:20px; font-size:.8em; margin-bottom:30px; }
div#left ul li { padding-top:5px; display:block; }
div#left li a { color:#666; border-bottom:1px dotted #999; display:block; width:380px; text-decoration:none; padding-bottom:5px; }
div#left li a:hover, div#left li a.aktiv { color:#1d4065; font-weight:bold; }
div#topkarte img { padding:0 0 0 23px; }
div#topkarte h3 { font-size:.8em; font-weight:bold; text-align:center; padding-top:8px; }
div#topkarte h3 span { font-weight:normal; font-size:.8em; color:#aaa; }

div#left .smallimage { border:1px solid #ccc; padding:8px; background:url(../images/form-hg.gif) top left repeat-x; font-size:.8em; margin:5px 20px; }
div#left .smallimage a { color:#000; }
div#left .smallimage p { margin:0 0 0 120px; width:280px; }
div#left .smallimage p.header { margin-bottom:12px; }
div#left .smallimage img { float:left; margin-right:20px; }
div#left .smallimage br { clear:left; }
div#left .smallimage span { font-size:2em; color:#336699; }

div#right { width:510px; margin-left:470px; }
* html #right { width:200px; }
div#menue { height:51px; padding-top:256px; }
div#menue p { text-align:right; margin-top:17px; color:#fff; }
div#menue p a { color:#fff; text-decoration:none; border-bottom:1px dotted #fff; }
div#right h1 span { display:none; }
div#right h1.willkommen { background:url(../images/h1_willkommen.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.impressum { background:url(../images/h1_impressum.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.texte { background:url(../images/h1_texte.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.sprueche { background:url(../images/h1_hochzeitskarten_sprueche.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.faq { background:url(../images/h1_faq.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h2 { font-size:1.2em; font-weight:normal; margin-left:20px; margin-bottom:20px; margin-right:20px; padding-bottom:2px; border-bottom:1px dotted #ccc; }
div#right h2.kollektion { }
div#right p { font-size:.8em; padding:0 25px 0 20px; margin-bottom:15px; }
div#right p.sub { color:#999; font-size:.7em; }
div#right p.sub a { color:#999; text-decoration:none; }
div#right p.sub a:hover {color:#1d4065; }
div#right p.sub2 { color:#999; font-size:.7em; margin-top:-15px; }
div#right p.preis { text-align:right; color:#1d4065; font-size:1.8em; }
div#right p.preis span {font-size:.4em; }
div#right p.thumbs img {  }
div#right p.thumbs span { text-align:center; display:block; float:left; font-size:.7em; font-weight:bold; margin-bottom:12px; width:100px; height:140px; border:1px solid #ccc; padding:4px; background:#fff; margin-right:4px; }
div#right div.mustertext { border:1px solid #ccc; padding:15px; background:url(../images/form-hg.gif) top left repeat-x #fff; margin-right:20px; margin-bottom:15px; }
div#right div.mustertext p { text-align:center; }
div#right ul.faqlist { margin-left:35px; font-size:.8em; margin-bottom:25px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding-top:5px; padding-bottom:5px; margin-right:20px; }
div#right ul li { margin-bottom:5px; }
div#right ul a { text-decoration:none; color:#006699; font-weight:bold; }
div#right ul a:hover {color:#000; }
div#right a.text { text-decoration:none; color:#3366CC; }
div#right fieldset { border:none; }

div#newsInside { height:310px; margin-left:30px; margin-top:20px; }

div#bottom { width:1000px; margin:auto; font-size:.8em; text-align:center; margin-top:6px; color:#777; margin-bottom:10px; }
div#bottom a { color:#777; text-decoration:none; }
div#bottom a:hover { color:#1d4065; }
div#bottom span { font-size:.85em; }