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

/* ########## STANDARDS ########## */
* { margin:0; padding:0; }
.clr { clear:left; line-height:1px; font-size:1px; }
.clrr { clear:both; 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; }
.trenner_right { border-bottom:1px dotted #ccc; font-size:1px; line-height:1px; margin:10px 20px; clear:right; }
.center { text-align:center; }


/* ########## AUSSENBEREICH ########## */
div#topnavi { width:975px; margin:20px auto 8px auto; text-align:right; font-size:.8em; padding-right:5px; }
	div#topnavi a { color:#999; text-decoration:none; }
div#outline { width:980px; margin:10px auto; background:#fff; border:1px solid #999; padding-bottom:0; }
/* ########## TOP ########## */
div#top { background:url(../images/topnavi.jpg) top center no-repeat; height:60px; }

/* ########## HEADER GAFIK ########## */
div#top { background:url(../images/header_frese_duesseldorf.jpg) top center no-repeat; height:160px; }

div#left { width:170px; float:left; padding-top:30px; }
div#left img { margin-left:10px; }
div#left ul { list-style:none; margin-left:25px; font-size:.8em; margin-bottom:30px; }
div#left ul li { display:block; }
div#left ul li a { display:block; height:20px; padding-left:28px; background:url(../images/button_menue.jpg) center left no-repeat; padding-top:5px; color:#000; text-decoration:none; }
div#left ul li a:hover { background:url(../images/button_menue_hover.jpg) center left no-repeat; }

div#center { width:500px; float:left; margin-left:20px; padding-top:30px; }
div#center .box, div#center .box_courier { padding:0 10px 10px 10px; margin-bottom:15px; }
div#center .box_courier { font-family:"Times New Roman", Times, serif; }
div#center .box_courier p { font-size:1em; }

div#center .box p, div#center p, div#center ul {font-size:.8em; margin-bottom:12px; color:#666 }
div#center ul { margin-left:25px; }
div#center .box p.weiter { text-align:right; padding-right:20px; background:url(../images/pfeil_rechts.jpg) center right no-repeat; margin-bottom:0; }
div#center .box p.weiter a, div#right a.sublink { color:#009de0; text-decoration:none; border-bottom:1px dotted #009de0; }
div#right a.link_bold, div#center a.link_bold { color:#009de0; text-decoration:none; border-bottom:1px dotted #009de0; }
div#center a.link_bold { font-size:.9em; text-decoration:none; border:none; }
div#center .box ul { margin-left:25px; font-size:.8em; }
div#center .letters img { float:right; margin-left:25px; }
div#center cite {font-size:1em; font-weight:bold; margin-bottom:12px; }
div#center cite span { color:#999; font-weight:normal; font-size:.8em; }


div#center h1.left { padding-left:10px; }
div#center h1 { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:.9em; margin-bottom:12px; }
div#center .box h1, div#center .box h2 { font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:bold; font-size:.9em; margin-bottom:12px; margin-left:0; }
div#center h2, div#center h3, div#center h4, div#center a { color:#666; font-size:.9em; }
div.box_courier h1 { font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:normal; font-size:.9em; }
div#center h3 { font-size:.9em; }
div#center .box h2 { font-size:.9em; }



div#right { width:255px; float:right; padding:30px 5px 5px 0; font-size:.7em; margin-right:10px; margin-left:20px; }

div#right div.newsbox { background:#fff; padding:4px; border:1px solid #8ba5b6; }
div#right div.newsbox p { font-weight:normal; }
div#right div.newsbox p.titel { padding:5px; background:#f4f4f4; color:#000; font-weight:bold; }



div#right p.phone {font-size:2em; color:#11a4e2; padding-left:35px; margin:5px 0; background:url(../images/telefonhoerer.jpg) center left no-repeat; padding-top:3px; }
div#right .news { border:1px solid #8ba5b6; margin-right:15px; margin-top:10px; font-size:1.1em; }
div#right .news .img { width:75px; float:left; margin-left:5px; }
div#right .news h1 { background:#8ba5b6; color:#fff; font-size:1.2em; font-weight:normal; text-align:center; padding:4px 0; margin-bottom:10px; letter-spacing:.5em; }
div#right .news .link { margin-left:85px; margin-right:5px; line-height:1.4em; }
div#right .clr { clear:left; line-height:2px; font-size:2px; border-bottom:1px dotted #333; margin:10px 5px 5px 5px; }
div#right .clr2 { clear:left; line-height:2px; font-size:2px; margin:5px 5px 0 5px; }
div#right .news a, div#right a.link { color:#000; text-decoration:none; border-bottom:1px solid #ccc; }
div#right .news a:hover { text-decoration:underline; }

div#right p.linktitel { padding:5px; background:#8ba5b6; color:#fff; margin-right:15px; font-weight:bold; }
div#right p.linkbox { font-size:1.2em; padding:5px; margin-right:15px; color:#8ba5b6; }
div#right p.linkbox span { font-size:.8em; }
div#right p.linkbox strong { font-size:1.4em; font-weight:normal; }
div#right p.linkbox b { font-size:1.2em; font-weight:normal; }
div#right p.linkbox a { color:#8ba5b6; text-decoration:none; }
div#right p.linkbox a:hover { font-weight:bold; }


div#bottom { width:1000px; margin:auto; font-size:.75em; margin-top:6px; color:#777; margin-bottom:10px; clear:both; }
div#bottom a.wide { color:#777; text-decoration:none; padding:0 24px; }
div#bottom a { color:#777; text-decoration:none; }
div#bottom a:hover { color:#1d4065; }
div#bottom span { font-size:.85em; }




/* FORMULARE */
form fieldset { border:0; }
form p.infos { color:#333; margin-top:-10px; }
form label { display:block; width:130px; text-align:right; padding-right:10px; float:left; margin-bottom:5px; }
form br { clear:left; }
form p.subfield { padding:3px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font-weight:bold; }
form .ilong { width:200px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; }
form .ismall { width:60px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; }
form .iarea { width:300px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; height:80px; }
form .fullsize { width:100%; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; height:120px; text-align:center; }
form .fullsize_small { width:100%; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; height:60px; }
form .error { color:red; }
form .button {padding:4px; background:#fcfcfc; border:2px solid #333; }