/* ************************* */
/* * CSS Definition        * */
/* * http://domainname.de/ * */
/* ************************* */

/* Allgemeine Angaben */

*		{ margin: 0; padding: 0; }
html	{ height: 100%; color: #333333; background-color: inherit; background: url(../images/bg-html.png) repeat-x top left; }
body	{ color: #333333; background-color: inherit; background: url(../images/bg-body.png) no-repeat top left; }
img	{ margin: 0; border: 0; }
form	{ margin: 20px 0; }
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,legend { font: normal 1em verdana,tahoma,sans-serif; }
input,textarea { position: relative; top: 2px; margin-bottom: 8px; }
.form-in			{ top: 0; margin: 0; }
hr		{ margin: 10px 0; }

/* Künstlicher Innenabstand in "Problem-Selects" */

.abstand option { padding: 0 20px 0 0; }


#box	{ width: 62.3em; max-width: 100%; }

.zu 	{ display: none; }
.auf	{ display: block; }

/* Kopfzeile */

#kopfzeile				{ padding-top: 78px; }
#kopfzeile p			{ height: 71px; color: #333333; background: #E4DFDD url(../images/bg-wappen.png) no-repeat top right; }
* html #kopfzeile p	{ color: #333333; background-color: #E1DBD9; }
#kopfzeile .logo		{ float: left; }
#kopfzeile .wappen	{ margin: 0px 74px 0 0; float: right; }

/* Hauptbereich */

#hauptbereich { color: #333333; background-color: inherit; background: url(../images/bg-symbole-behind.png) repeat-y top right; }

/* Inhaltsbereich */

#inhaltsbereich {
	position: relative;
	min-height: 22.5em;
	padding: 0 50px 0 0;
	color: #333333;
	background-color: inherit;
	background: url(../images/bg-inhalt.png) repeat-y top left;
	z-index: 3;
}
* html #inhaltsbereich { height: 27.5em; }

/* Navigation */

ul#nav {
	position: absolute;
	top: 20px;
	left: 60px;
	z-index: 5;
}
ul#nav li {
	padding-right: 5px;
	font-size: 0.8em;
	list-style: none;
	float: left;
}
ul#nav li a:link		{ font-weight: normal; color: #0000FF; text-decoration: underline; }
ul#nav li a:visited	{ font-weight: normal; color: #43369F; text-decoration: underline; }
ul#nav li a:active	{ font-weight: bold; color: #CC0000; text-decoration: underline; }
ul#nav li a:hover		{ font-weight: normal; color: #CC0000; text-decoration: none; }

ul#nav li a.link-active	{ font-weight: bold; color: #CC0000; text-decoration: underline; }

/* Inhalt */

#inhalt {
	padding: 15px 15em 25px 58px;
}

#inhalt h1 {
	margin: 45px 0 15px 0;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	background-color: inherit;
}
#inhalt h2 {
	margin: 35px 0 10px 0;
	font-size: 0.8em;
	font-weight: bold;
	clear: both;
}
#inhalt h2.headline-buchstabe {
	color: #333333;
	background: #DDDDDD;
	border: 1px solid blue;
	cursor: pointer;
}

#inhalt p {
	font-size: 0.8em;
	line-height: 1.2em;
	color: #000000;
	background-color: inherit;
}

#inhalt p.ersterabsatz {
	margin-top: 45px;
	padding: 10px 0;
	font: normal 0.7em verdana,tahoma,sans-serif;
	color: #000000;
	background-color: inherit;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
}

#inhalt ul,ol {
	margin: 10px 35px;
}
#inhalt li {
	padding: 1px;
	font-size: 0.8em;
	color: #444444;
	background-color: inherit;
}

#inhalt a:link				{ font-weight: normal; color: #0000FF; text-decoration: underline; }
#inhalt a:visited			{ font-weight: normal; color: #43369F; text-decoration: underline; }
#inhalt a:active			{ font-weight: bold; color: #CC0000; text-decoration: underline; }
#inhalt a:hover			{ font-weight: normal; color: #CC0000; text-decoration: none; }

#inhalt a.link-active	{ font-weight: bold; color: #CC0000; text-decoration: underline; }

address {
	margin: 20px 10px;
	font: normal 1em monospace,courier;
	color: #222222;
	background-color: inherit;
}
#zusatz {
	margin: 20px 0;
	padding: 10px;
	border-top: 1px dotted #666666;
}

ul#buchstaben {
	margin: 0 0 20px 0;
}
ul#buchstaben li {
	list-style: none;
	display: inline;
}

#inhalt ul.branchenliste {
	width: 100%;
	margin: 0 0 80px 0;
	padding: 0;
}
* html #inhalt ul.branchenliste {
	margin: 0;
}
#inhalt ul.branchenliste li {
	width: 40%;
	padding: 2px 10px;
	list-style: none;
	float: left;
}
.clear { margin: 20px 0; clear: both; }
.error { font-weight: bold; color: #FF0000; }
.error-rahmen { border: 2px solid #FF0000; }
 
#inhalt dl {
	font-size: 0.8em;
	margin: 10px 0;
}
#inhalt dt {
	margin-top: 10px;
	padding-top: 7px;
	font-weight: bold;
	border-top: 2px dotted #999999;
}
#inhalt dd {
	font-weight: normal;
}
#inhalt dd.toplink {
	margin: 5px 0;
	font-size: 0.85em;
	text-align: right;
}

#inhalt .anzeigenplatz {
	position: relative;
	margin-top: -20px;
	padding: 7px 70px 7px 7px;
	font-family: verdana,tahoma,sans-serif;
	font-size: 0.8em;
	border: 1px dotted #666666;
}
#inhalt .anzeigenplatz .anzeige {
	position: absolute;
	top: 2px;
	right: 4px;
	font-size: 0.8em;
	color: #666666;
}
#inhalt #extrasuche {
	padding-top: 20px;
	clear: left;
}

/* Kundenbereich */

.tarifcontainer {
	margin: 10px 0;
	padding: 7px;
	border: 1px solid black;
}
.tarifcontainer h3 {
	padding: 3px;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	background: #666666;
}

/* Bestellung (Zusammenfassung) */

#inhalt .anmeldung dl {
	font-size: 0.8em;
	margin: 10px 0;
}
* html #inhalt .anmeldung dl { margin: 0; }
#inhalt .anmeldung dt {
	width: 33%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	float: left;
	clear: left;
	border: 0;
}
#inhalt .anmeldung dd {
	padding: 1px 0 2px 33%;
	font-weight: normal;
}
* html #inhalt .anmeldung dd { height: 1%; padding: 0; }

#inhalt .anmeldung label {
	font-size: 0.85em;
	color: #111111;
	background-color: inherit;
}


/* Eintragsliste */

dl.eintragsliste {
	margin: 0;
	padding: 3px;
}
dl.eintragsliste dt {
	margin-top: 15px;
	padding: 5px 0;
	font-weight: normal;
	border-top: 1px dotted #999999;
}
dl.eintragsliste dt .ort {
	margin: 5px 0 0 0;
	font-weight: normal;
	float:right;
	clear:right;
}

/* TOP-Listung und Hervorhebung */

.top1		{ color: #111111; background: #FFEBA2; border: 1px solid #FF0000; }
.top2		{ color: #111111; background: #FFFBED; border: 1px solid #777777; }
.top3		{ color: #111111; background: #FFFFFF; border: 1px solid #BBBBBB; }
.rot		{ color: #111111; background: #FFEFE9; }
.gruen	{ color: #111111; background: #F5FFEB; }
.blau		{ color: #111111; background: #EDF5FC; }

/* Impressum */

#inhalt dl.daten-imp {
	margin: 10px 0;
	padding: 0;
}
#inhalt dl.daten-imp dt {
	width: 35%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	border: 0;
	float: left;
	clear: left;
}
#inhalt dl.daten-imp dd {
	margin: 0;
	padding: 0;
}

/* Tarife */

dl#preismodelle {
	margin: 20px 0 20px 0;
	padding: 0;
	font-size: 0.8em;
	text-align: left;
}
dl#preismodelle dt {
	width: 80%;
	margin: 20px 10px 10px 0;
	padding: 15px 0 0 120px;
	font-weight: bold;
	color: #333333;
	background-color: inherit;
	border-top: 1px dashed #BBBBBB;
}
dl#preismodelle dt a {
	font-weight: bold;
}
dl#preismodelle dd {
	padding-right: 10px;
}
dl#preismodelle dd.symbol {
	width: 120px;
	margin: -1.8em 0 5px 0;
	padding: 0;
	float: left;
}
dl#preismodelle dd.mehr {
	margin: 5px 0;
	text-align: right;
	clear: left;
}

#inhalt .jetztbuchen {		/* das ist das p */
	/* width: 17.2em; */
	margin: 20px 0;
	font-size: 1em;
	color: #000000;
	background: #FADA66;
	text-align: center;
	border: 2px solid red;
	display: block;
}
#inhalt .jetztbuchen a:link, #inhalt .jetztbuchen a:visited, #inhalt .jetztbuchen a:active {
	/* width: 13em; */
	padding: 10px;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	background-color: #FADA66;
	text-decoration: none;
	display: block;
}
#inhalt .jetztbuchen a:hover {
	color: #CC0000;
	background-color: #FFFFFF;
	text-decoration: none;
}

/* Formularelemente */

label {
	padding-left: 1px;
	font-size: 0.8em;
	color: #666666;
	background-color: inherit;
	display: block;
}

#inhalt .boxen {
	width: 13.8em;
	margin: 10px 0;
}
#inhalt .boxen label {
	float: right;
	clear: right;
}
* html #inhalt .boxen label { padding-top: 4px; }

#suchfeld {
	padding: 1px 2px;
	border: 1px solid #888888;
}

fieldset {
	margin: 35px 0;
	padding: 15px;
}
legend {
	margin-left: -4px;
	padding: 0 5px;
	font-size: 0.8em;
	color: #0000CC;
	background-color: inherit;
}
* html legend {
	margin: 0 0 15px -11px;
}

#inhalt dl#zahlung {
	font-size: 0.8em;
}
#inhalt dl#zahlung dt {
	width: 20%;
	padding: 5px;
}
#inhalt dl#zahlung dt input {
	position: relative;
	top: 10px;
}
#inhalt dl#zahlung dd {
	padding: 12px 5px 20px 140px;
}
* html #inhalt dl#zahlung dd { padding: 16px 5px 20px 0; }

/* Seitenleiste */

dl#seitenleiste {
	position: absolute;
	top: 54px;
	right: 85px;
	width: 10em;
}
dl#seitenleiste dt {
	padding: 10px 0 5px 0;
	font-weight: bold;
	font-size: 0.8em;
	color: #444444;
	background-color: inherit;
}
dl#seitenleiste dd {
	font-size: 0.8em;
	color: #444444;
	background-color: inherit;
}
dl#seitenleiste dd.link {
	color: #444444;
	background-color: inherit;
}
dl#seitenleiste dd.link form {
	margin-bottom: 0;
}

/* Symbole */

ul#symbole {
	position: absolute;
	top: 0;
	right: 0;
	width: 67px;
	height: 330px;
	margin: 0;
	background: url(../images/bg-symbole.png) no-repeat top right;
}
ul#symbole li {
	padding: 0 0 10px 0;
	list-style: none;
}


/* Fusszeile */

#fusszeile {
	position: relative;
	height: 90px;
	color: #333333;
	background-color: inherit;
	background: url(../images/bg-fusszeile.png) repeat-x bottom left;
	overflow: hidden;
}

#fusszeile p {
	height: 90px;
	font-size: 0.7em;
	color: #666666;
	background-color: inherit;
	background: url(../images/fuss-links.png) no-repeat top left;
	text-align: center;
}
#fusszeile .infotext {
	position: absolute;
	top: 45px;
	left: 85px;
	width: 400px;
}
#fusszeile .fussrechts {
	position: absolute;
	top: 0;
	right: 0;
	width: 67px;
	height: 90px;
	color: #666666;
	background-color: inherit;
	background: url(../images/fuss-rechts.png) no-repeat top right;
}