@charset "utf-8";
/* CSS Document */

/***** GRUNDAUFBAU DER SEITE *****/
* { margin:0; padding:0; }
html { background:url(../images/bg.jpg) top center; }
body { background:url(../images/bgheader.jpg) top left repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; }

div#content { width:1012px; margin:auto; background:url(../images/bgcontent.jpg) top center repeat-y; }

div#top { background:url(../images/header.jpg) top center no-repeat; height:181px; }
div#top #logo { width:270px; height:30px; cursor:pointer; position:relative; top:100px; left:720px; }
div#inhalt { min-height:291px; background:url(../images/bgcontentTop.jpg) top center no-repeat; }
div#navi { width:130px; float:left; margin:51px 0 0 40px; }
div#navi ul { list-style:none; }
div#navi ul li { height:40px; background:#f1f1f1; margin-bottom:10px; text-align:right; }
div#navi li a {
	display:block;
	height:28px;
	padding-top:12px;
	padding-right:10px;
	text-decoration:none;
	font-size:.8em;
	color:#777d83;
	border-right:4px solid #f1f1f1;
	}
div#navi li a:hover { border-right:4px solid #252f39; color:#252f39; }
div#navi li a.aktiv { border-right:4px solid #b1a841; color:#252f39; }

div#kunden { width:265px; margin-left:725px; }

div#left { float:left; }

div#right { width:265px; margin-left:5px; float:right; margin-right:20px; }

div#left { margin-left:40px; width:655px; }
div.info, div.date { width:130px; float:left; }
div.desc { width:510px; margin-left:143px; }
div.date { min-height:53px; background:url(../images/bgdatum.gif) top left no-repeat; }
div.box { padding:10px 10px 0 10px; border:1px solid #000; background:url(../images/bgbox.gif) bottom left repeat-x #bab13a; }

div.desc p { font-size:.8em; color:#666; margin-bottom:12px; line-height:1.3em; }
div.desc div.box p { font-size:.8em; color:#fff; line-height:1.3em; }
p.zitat { font-size:.7em; font-style:italic; padding:10px; color:#666; }
p.bewerter { 
	font-size:.7em; 
	color:#998e0c; 
	text-align:right; 
	border-top:1px solid #d7d5c7;
	padding-top:4px;
	}
p.datum {
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	color:#252f39;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
	}
p.status {
	font-family:"Times New Roman", Times, serif;
	font-size:.8em;
	padding-left:8px;
	text-align:right;
	padding-right:9px;
	}
p.status span {
	border:1px solid #c7c7c7;
	background:#fff;
	padding:0 3px;
	margin-left:2px;
	$padding:3px;
	}
p.webseite {
	text-align:right;
	padding-top:10px;
	font-size:.7em;
	font-style:italic;
	color:#998e0c;
	}
p.kontakt {
	padding:10px;
	font-size:.7em;
	margin-bottom:-12px;
	}
p.kontakt span { font-style:italic; }
p.smalltext { font-size:.7em; padding:7px; }	
p.trenner { background:url(../images/trenner.gif) center center no-repeat; height:31px; }
p.smallpic img { padding:3px; background:#fff; border:1px solid #ddd; margin-left:10px; }
div.desc p.preis { font-family:"Times New Roman", Times, serif; text-align:right; color:#999; margin-top:20px; }
div.desc p.preis span { font-size:2.5em; color:red; padding:0 10px; font-weight:bold;  }
div.desc p.hinweis { color:#999; font-size:.7em; }

p.webseite a {
	font-style:italic;
	color:#998e0c;
	text-decoration:none;
	border-bottom:1px dotted #998e0c;
	}
a.link {
	background:#f1f1f1;
	color:#777d83;
	border-bottom:1px dotted #998e0c;
	text-decoration:none;
	padding:2px;
	font-weight:bold;
	}
a.link:hover { color:#998e0c; }

h1 { 
	font-family:"Times New Roman", Times, serif;
	color:#252f39;
	font-size:1.7em;
	border-bottom:1px solid #d7d5c7;
	font-weight:normal;
	padding-left:143px;
	margin-bottom:2px;
	}
h2 { 
	font-family:"Times New Roman", Times, serif;
	color:#252f39;
	font-size:1.4em;
	font-weight:normal;
	padding-left:143px;
	margin-bottom:12px;
	}

div#bottom { background:url(../images/bottom.jpg) top center no-repeat; height:68px; }

/*** FORM ***/
form#login fieldset { border:none; margin:7px; font-size:.7em; }
form#login label { display:block; width:80px; float:left; text-align:right;	padding-right:7px; }
form#login br {	clear:left;	}
form#login .ilogin { border:1px solid #ddd;	padding:2px; margin-bottom:3px;	}
	
form fieldset { border:0; }
form label { display:block; width:180px; text-align:right; padding-right:10px; float:left; margin-bottom:5px; }
form br { clear:left; }
p.subfield { padding:3px 0; border-top:1px solid #d7d5c7; border-bottom:1px solid #d7d5c7; font-weight:bold; }
form .ilong { width:200px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; }
form .ilong_titel { width:300px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; }
form .iweb { width:135px; 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 .iarea_small { width:300px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; height:40px; margin-bottom:3px; }
form .iarea_long { width:300px; background:url(../images/bgverlauf.jpg) top left repeat-x; border:1px solid #ccc; padding:1px 3px; height:140px; }
form .error { color:red; }
fieldset span { font-size:.7em; color:#999; }
form .intable { width:100%; height:100%; border:0; }
form .noborder { width:100%; height:100%; border:0; }
form .button { background:url(../images/bg_header.jpg) top left repeat-x; color:#f69000; font-weight:bold; padding:3px 8px; font-size:.8em; margin-top:8px; }