html {
	height: 100%;
}
body {
	height: 100%;
	background-color: #F7F1CD; background-image: url(grafik/linksbg.gif); background-repeat: repeat-y;
	margin: 0px; padding: 0px;
}
a img {
	border-width: 0;
}
#streifen_oben {
	height: 30px;
	background-color: #000000;
	border-bottom: 2px solid #B2A256;
}
#kopf_aussen {
	background-image: url(grafik/kopfbg.gif);
}
#kopf_innen {
	height: 96px;
	background-image: url(grafik/kopfstreifen.gif); background-repeat: no-repeat;
	white-space: nowrap;
}

#rechts {
	position: absolute; top: 150px; left: 675px; z-index: 200;
	width: 245px;
	font-family: verdana; font-size: 70%; 
	line-height: 140%;
}
#rechts h2 {
	font-size: 90%; color: #B91122; text-transform: uppercase;
	margin: 1.5em 0px 0.5em 0px; padding: 0.2em 0px 0px 10px;
	min-height: 20px; background-image: url(grafik/h2kreis.gif); background-repeat: no-repeat;
}
#rechts p {
	margin: 0.5em 0px 0px 0px;
}

#untermenue {
	position: absolute; top: 150px; left: 585px; z-index: 201;
	width: 300px;
	font-family: verdana; font-size: 70%; font-weight: bold; color: #736A33;
	text-align: right;
	line-height: 130%;
}
#untermenue a { color: #B91122; text-decoration: none; padding-right: 5px; }
#untermenue a:hover { color: #B91122; text-decoration: none; padding-right: 7px; }
#untermenue div.ebene2 {
	font-weight: normal;
	margin-right: 18px;
}

#linie_leistungen, #linie_internetfabrik, #linie_referenzen {
	position: absolute; left: 450px; top: 112px; z-index: 150;
}

#container {
	position: relative;
	min-height: 100%;
}
#content_index, #content_leistungen, #content_internetfabrik, #content_referenzen {
	position: relative; top: -18px; width: 808px; z-index: 100;
	background-image: url(grafik/indexbg.gif); background-repeat: no-repeat; background-position: top right;
	margin: 0px 0px 0px 125px; padding: 35px 0px 100px 0px;
	height: 321px;
}
#content_leistungen {
	background-image: url(grafik/leistungenbg.gif); 
}
#content_internetfabrik {
	background-image: url(grafik/internetfabrikbg.gif); 
}
#content_referenzen {
	background-image: url(grafik/referenzenbg.gif); 
}
#content_innen {
	width: 500px; padding: 15px 245px 15px 15px;
	font-family: verdana,helvetica,sans-serif; font-size: 80%;
	line-height: 150%;
}



#content_innen div.textbox {
	width: 520px; position: relative; left: -10px; margin: 1em 0px 1em 0px;
}
#content_innen div.textbox div.innen {
	padding: 0px 10px 0px 10px;
	background-color: #E6D567;
	font-size: 90%;
}
#content_innen div.textbox div.innen h1 {
	font-size: 150%;
}

#content_innen div.textbox div.oben {
	background-image: url(grafik/box_oben.gif); height: 15px; overflow: hidden;
}
#content_innen div.textbox div.unten {
	background-image: url(grafik/box_unten.gif); height: 15px; overflow: hidden;
}

#content_innen p.anmerkung {
	position: absolute;
	width: 200px;
	left: 400px;
	font-size: 80%;
	line-height: 130%;
	border-top: 1px solid #E6D567;
	padding-left: 150px;
	margin-top: 0px;
}
#content_innen p.rechts{
	position: absolute;
	width: 200px;
	left: 550px;
	font-size: 80%;
	line-height: 130%;
}
#content_innen p.anmerkung a img, #content_innen p.rechts a img {
	border-width: 0px;
}
#content_innen h1 {
	font-size: 130%; color: #B91122;
	margin: 0px 0px 0.5em 0px;
}
#content_innen h2 {
	font-size: 80%; color: #B91122; text-transform: uppercase;
	margin: 3em 0px 0.5em 0px; padding: 0px 0px 0px 10px;
	height: 20px; background-image: url(grafik/h2kreis.gif); background-repeat: no-repeat;
}
#content_innen h3 {
	font-size: 80%; text-transform: uppercase;
	margin: 0.5em 0px 0.5em 0px; padding: 0px 0px 0px 0px;
}
#content_innen p {
	margin: 0.5em 0px 0px 0px;
}
#content_innen ul {
	margin: 0.5em 0px 0px 0px;
	padding: 0px 0px 0px 18px;
}
#content_innen strong {
	color: #4A483D;
}
#content_innen a, #rechts a {
	color: #5C0811;
}
#content_innen a:hover, #rechts a:hover {
	color: #B91122;
}
#content_innen div.index {
	width: 300px;
	font-size: 85%;
}
#content_innen div.index p.anmerkung {
	position: absolute;
	left: 175px;
	border-top: 1px solid #E6D567;
	padding-left: 150px;
	margin-top: 0px;
}
#content_innen table.kontaktmaske {
        margin-top:18px;
}

#content_innen table.kontaktmaske input.text, #content_innen table.kontaktmaske textarea {
	border: 1px solid #E6D567;
}
#content_innen table.kontaktmaske th {
	text-align: right;
	vertical-align: top;
}
#content_innen table.kontaktmaske input, #content_innen table.kontaktmaske select, #content_innen table.kontaktmaske textarea {
	font: 100% verdana;
}
#content_innen table.kontaktmaske input.text {
	width: 300px;
	border: 1px solid #000000;
}
#content_innen table.kontaktmaske textarea {
	width: 300px;
	height: 120px;
}
#content_innen table.kontaktmaske tr.fehlt th {
	color: #B91122;
}
#content_innen table.kontaktmaske tr.fehlt input.text, #content_innen table.kontaktmaske tr.fehlt textarea {
	border-color: #B91122;
}
#content_innen table.kontaktmaske tr.fehlt input.text_fehler, #content_innen table.kontaktmaske tr.fehlt textarea.text_fehler  {
	background-color: #F1E7A8;
	border: 1px solid #B91122;
	width: 300px;
}

#content_innen div.kontaktmaske_fehler {
	border: 1px solid #B91122;
	color: #B91122;
	font-weight: bold;
	padding: 1em;
	margin: 1em 3em 0px 3em;
}

#content_innen table.kontaktmaske .submit {
        font-weight:bold;
        color: #FFFFFF;
        background-color:#B91122;
        border: 1px solid #000000; 
        margin-top:4px;

}

a.nounderline {
	text-decoration: none;
}
a.nounderline:hover {
	text-decoration: underline;
}

#flaggen {
	position: absolute;
	left: 35px;
	top: 120px;
}

#footer {
	position: fixed; bottom: 0px;
	z-index: 10000;
	width: 100%; height: 28px; overflow: hidden;
	xbackground-color: #B91122; background-image: url(grafik/footerbg2.gif); background-repeat: no-repeat;
	white-space: nowrap;
}
#footer p {
	margin:8px 0px 0px 680px;
	font-family: verdana,helvetica,sans-serif; font-size: 60%; text-transform: uppercase; font-weight: bold; color: #F7F1CD;
}
#footer a { color: #F7F1CD; text-decoration: none; }
#footer a:hover { color: #E6D567; text-decoration: none; }



@media print {

#hauptmenue {
	visibility: hidden;
}

#untermenue, #linie_leistungen, #linie_internetfabrik, #linie_referenzen, #footer {
	display: none;
}
p.anmerkung, p.rechts {
	display: none;
}

#content_innen {
	width: 450px;
}

}	