/* Wiesent Versicherungsmakler */

/* Allgemein */
body {
	background: #f5f5f5 url(../images/bg/content-bg.jpg) repeat-y top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}
a { color: #333333; text-decoration: none; }
a:hover { text-decoration: underline; }
h1,h2,h3 { font-family:Georgia, "Times New Roman", Times, serif; color: #006699; font-weight: normal; }
h1 { font-size: 24px; font-style: italic; }
h2 { font-size: 18px; color: #339900; }
h4 { font-size: 12px; font-weight: bold; margin-bottom: 5px; }

h1,h2,h3 { margin-bottom: 13px; }
p { margin-bottom: 10px; }

/* Klassen */
.grid { display:inline-block; float: left; }
.hidden { display: none; }
.clear { clear: both; display: block; overflow: hidden;	visibility: hidden;	width: 0; height: 0; }
.center { margin-left: auto; margin-right: auto; width: 940px; }
.autosize { width: auto !important; }
.halfbox { width: 420px; padding-right: 20px; margin-bottom: 25px; }
.dottedLine { height: 1px; border-bottom: #006699 1px dotted; margin-bottom: 25px;  }
.hellgrau { background-color: #f8f8f8; }
.padLeft { padding-left: 15px; }
.padLeft50 { padding-left: 50px; }
.topnavi { font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #FFFFFF; padding-left: 10px; text-decoration: none; margin-right: 10px; background: url(../images/icons/pfeil_weiss.gif) no-repeat center left; }
.topnavi:hover { text-decoration: underline; }
a.anker { padding: 0; height: 0px; background-image: none !important; }

/* Container */
#header { height: 100px; }
#top-line { height: 34px; line-height: 32px; }
#rueckruf { margin-left: 60px; width: 550px; color: #FFFFFF; }
#container { min-height: 2000px; background: transparent url(../images/bg/top-verlauf.jpg) repeat-x;  }
#upper-part { min-height: 2000px; background: url(../images/bg/upper-part.jpg) no-repeat top center; }
#topIconLinks { height: 310px; }
#impressum { font-size: 11px; }
#impressum p { margin-bottom: 6px; }
#footer { height: 100px; background: url(../images/bg/footer.jpg) repeat-x; }
#footerContainer { background: url(../images/bg/footer-container.jpg) top center no-repeat; }
#footercontentLeft { line-height: 100px; }
#footerlinks { margin-left: 45px; }

/* topIconLinks */
#topIconLinks h3 { font-size: 17px; margin-bottom: 4px; }
#topIconLinks a { color: #339900; font-size: 12px; padding-left: 20px; text-decoration: none; }
#topIconLinks a:hover { text-decoration: underline; }
#topIconLinks ul { margin-left: 687px; padding-top: 77px; }
#topIconLinks li { height: 65px; }

/* inhalt */
.inhalt { width: 880px; margin-left: 30px; margin-bottom: 50px; clear: left; }
.inhalt a { color: #339900; padding-left: 8px; background: url(../images/icons/pfeil_gruen.gif) no-repeat 0px 6px;  }
.inhalt a.nopfeil { padding-left: 0px; background-image: none; }
.inhalt a:hover { }
.inhalt li { list-style: disc; list-style-position: outside; margin-bottom: 10px;  }

/* navi */
.navi { border-bottom: #006699 1px solid; height: 25px; margin-bottom: 20px; }
.navi li { float: left; margin-right: 20px; line-height: 26px; list-style: none; }
.navi a { font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #006699; text-decoration: none; padding-left: 8px; background: url(../images/icons/pfeil_blau.gif) no-repeat center left; }
.navi a:hover { text-decoration: underline; }
.navi a.active { display: block; width: 160px; height: 26px; font-size: 18px; background: url(../images/bg/navi.gif) no-repeat; text-align:center; color: #FFFFFF; padding-left: 0px; text-decoration: none; }

/* contact */
.contact p { font-weight: bold; margin-bottom: 5px; }
.contact input, .contact textarea { width: 370px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px; }
.contact textarea { height: 95px; }

/* rechner */
#rechner { height: 465px; padding-top: 25px; margin-bottom: 25px; background: url(../images/bg/rechner.jpg) no-repeat; }
#rechner_container { width: 430px; }
table.rechnertable { /*border-top: #666666 1px solid;*/ }
table.rechnertable td { padding: 20px; }
table.rechnertable tr { border-bottom: #999999 1px dotted; }
table.rechnertable tr.ende { /*border-bottom: #666666 1px solid;*/ }
table.rechnertable tr.noborder { border: none; }
.rechnerAngebot input { width: 300px; }