/***** 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 { text-align:right; color:#fff; padding-right: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#top { background:url(../images/topnavi.jpg) top center no-repeat; height:60px; }

/* ########## HEADER GAFIK ########## */
div#center { background:url(../images/header_frese_duesseldorf.jpg) top center no-repeat; min-height:507px; }
div#center1 { background:url(../images/header_frese_duesseldorf.jpg) top center no-repeat; min-height:587px; }
div#center2 { background:url(../images/header_braut_frese.jpg) top center no-repeat; min-height:587px; }
div#center3 { background:url(../images/header_brautpaar_frese.jpg) top center no-repeat; min-height:587px; }

div#inhalt { padding:180px 30px 20px 30px; font-size:.8em; }

div#inhalt .clr { clear:both; }
div#inhalt h1 { font-size:1.6em; margin-bottom:40px; color:#fff; }
div.boxleft, div.boxcenter { width:290px; float:left; margin-right:25px; margin-bottom:20px; }
div.boxright { width:290px; float:right; margin-bottom:20px; }
div.boxleft img, div.boxcenter img, div.boxright img { padding:5px; border:1px solid #ccc; background:#fff; }

div#left { width:460px; float:left; }
div#berater { margin-top:50px; font-size:.8em; color:#fff; margin-left:5px; height:40px; }
div#berater_solo { font-size:.6em; color:#fff; padding:50px 0 0 180px; height:40px; }
div#berater p, div#berater_solo { text-align:center; width:200px; }
div#berater p span { font-size:2.1em; }
div#berater_solo p span { font-size:2.2em; }
div#berater a, div#berater_solo a { color:#fff; text-decoration:none; }
div#berater a:hover {text-decoration:underline; }
div#topkarte { width:416px; height:366px; background:url(../images/bgcom_left.jpg) 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#topkarte h3 a { text-decoration:none; color:#000; }
div#topkarte h3 a span { 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.jetaime { background:url(../images/h1_hochzeitskarten_jetaime.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.behibak { background:url(../images/h1_hochzeitskarten_behibak.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.tequiero { background:url(../images/h1_hochzeitskarten_te_quiero.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.kollektionen { background:url(../images/h1_hochzeitskarten_kollektionen.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.dumela { background:url(../images/h1_hochzeitskarten_dumela.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.mustertexte { background:url(../images/h1_hochzeitskarten_mustertexte.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.danksagungen { background:url(../images/h1_danksagungen_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.ninatemba { background:url(../images/h1_hochzeitskarten_ninatemba.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
div#right h1.classic { background:url(../images/h1_hochzeitskarten_classic.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 h1.philo_se { background:url(../images/h1_hochzeitskarten_philo_se.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 h1.teador2 { background:url(../images/h1_teador2.jpg) top left no-repeat; width:488px; height:75px; margin-top:19px; }
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:150px; border:1px solid #ccc; padding:4px; background:#fff; margin-right:4px; }
div#right p.thumbsNew span { text-align:center; display:block; float:left; font-size:.7em; font-weight:bold; margin-bottom:12px; width:128px; height:150px; border:1px solid #ccc; padding:4px; background:#fff; margin-right:4px; }
div#right p.thumbs a, div#right p.thumbsNew a { text-decoration:none; color:#000; }

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#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; }