/*||||||||||||||||||||BODY||||||||||||||||||*/

body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:76%;
	/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color:#231F20;
	/*scrollbar formatting, only ie 5.5+*/
	/*Scrollbar musste dem Drang nach der Validität leider weichen
	scrollbar-face-color:#D1D1D3;
    	scrollbar-highlight-color:#D1D1D3;
    	scrollbar-shadow-color:#D1D1D3;
    	scrollbar-3dlight-color:#FFFFFF;
    	scrollbar-darkshadow-color:#FFFFFF;
    	scrollbar-arrow-color:#FFFFFF;
    	scrollbar-track-color:#FFFFFF; */
}


/*||||||||||||||||||||LAYER||||||||||||||||||*/

div {
	padding:0px;
	margin:0px;
	border:none;
}

/*|||||layer der indexseite||||||||*/

#index_logo {
	position:absolute;
	left:49px;
	top:47px;
	width:400px;
	height:200px;
	z-index:10;
}

#index_navistreifen {
	position:absolute;
	left:0px;
	top:221px;
	width:100%;
	height:27px;
	background:#353F4A;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	z-index:5;
}

#index_navigation {
	position:absolute;
	left:200px;
	top:222px;
	width:600px;
	z-index:15;
}

#index_adressstreifen {
	position:absolute;
	left:0px;
	top:248px;
	width:100%;
	height:107px;
	background:#DADADA;
	border-bottom: 2px #FFFFFF solid;
}

#index_fon {
	position:absolute;
	left:451px;
	top:170px;
	width:289px;
	height:34px;
}

#index_adresse {
	position:absolute;
	left:629px;
	top:0px;
	width:215px;
}

#index_hdnet {
	font-size:0.8em;
	position:absolute;
	left:49px;
	top:360px;
	width:300px;
}

body.indexbg {
	background:   url("img/startseite/background_index.gif");
}


/*||||||||layer wechseln je nach tageszeit|||||||*/

#bg_nacht {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:114px;
	background:url(img/inhaltallgemein/nacht.gif) repeat-x;
	z-index:10;
}

#bg_tag {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:114px;
	background:url(img/inhaltallgemein/tag.gif) repeat-x;
	z-index:10;
}

body.tag{
	background: url(img/inhaltallgemein/tag.gif) repeat-x;
}

body.nacht{
	background: url(img/inhaltallgemein/nacht.gif) repeat-x;
}

#streifen_tag {
	position:absolute;
	left:99px;
	top:0px;
	width:404px;
	height:114px;
	background:   url(img/inhaltallgemein/logo_tag.gif);
}

#streifen_nacht {
	position:absolute;
	left:99px;
	top:0px;
	width:404px;
	height:114px;
	background:   url(img/inhaltallgemein/logo_nacht.gif);
}

/*||||||layer allgemein|||||||||*/

#header {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:114px;
	background:   url(img/inhaltallgemein/skyline.gif) repeat-x;
	z-index:15;
}

#adresse {
	position:absolute;
	left:504px;
	top:76px;
	width:160px;
	height:38px;
}


#navi {
	position:absolute;
	left:0px;
	top:115px;
	height:22px;
	width:100%;
	background:#2B3137;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	z-index:15;
}

#navigation {
	position:absolute;
	left:99px;
	top:0px;
	height:22px;
	width:500px;
}

#contentbody {
	position:absolute;
	left:0px;
	top:136px;
	width:100%;
	height:100%;
}

#content {
	position:absolute;
	left:99px;
	top:0px;
	width:404px;
	height:100%;
}

#wappen {
	position:absolute;
	left:550px;
	top:176px;
	width:187px;
	height:202px;
}

#text {
	position:absolute;
	left:10px;
	top:158px;
	width:380px;
}

#footer {
	position:relative;
	bottom:0px;
}


/*|||||||||||||popup taxifahrerjob|||||||||||||||*/

.bg_popup {
	background:#E0E0E0;
}

/*|||||||||||||||||||TYPOGRAPHY|||||||||||||||||||*/

body.bg {
	background:   url("img/inhaltallgemein/background.gif");
}

a {
	color:#84A3FF;

}

a.hover {
	color:#84A3FF;
}
a.visited {
	color:#84A3FF;
}



h1 {
	font-size:1.8em;
	font-weight:bold;
	margin:0em 0em 1em 0em;
	color:#231F20;
	/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.
	margin-top:0em;
	margin-bottom:0em;*/
}

h1#unsichtbar {
	visibility:hidden;
	display: none;
}

h2 {
	font-size:1.0em;
	font-weight:bold;
	margin:0em 0em 1em 0em;
	color:#231F20;
}

h3 {
	font-size:0.9em;
	font-weight:bold;
	margin:0em 0em 1em 0em;
	color:#231F20;
}

table {
	font-size:1.0em;
	line-height:1.6em;
}


caption {
	display:none
}

td {
	padding:3px;
}

img {
	border:0;
}

a.naviindex {
	margin-right:33px;
	/*der Abstand zwischen den Buttons auf der Indexseite*/
}

a.naviabstand {
	margin-right:30px;
	/*der Abstand zwischen den Buttons auf den Inhaltsseiten*/
}

ol, ul, li {
	font-size:1.0em;
	line-height:1.6em;
	margin-left:0.3em;
	margin-top:0.2em;
	margin-bottom:0.8em;
}

p {
	font-size: 1.0em;
	line-height:1.4em;
	margin: 0.5em 0em 1.2em 0em;
}

p.index {
	font-size:1em;
	line-height:1.3em;
	color:#000000;
	margin:1em 0em 1em 0em;
}

p.adresse {
	font-size:1em;
	line-height:1.3em;
	color:#ffffff;
	margin:1em 0em 1em 0em;
}

p.footer {
	font-size:0.8em;
	margin:2em 0em 1em 0em;
}

strong, b {
	font-weight:bold;
}

em {
	color:#B71313;
	font-style:normal;
}
unsichtbar {
	display: none;
}


/* FORMULARE ------------------------------------------------ */
/* ---------------------------------------------------------- */
/*
	Im nächsten Schritt wird das Style Sheet erstellt, um die Labels und
	Kontrollelemente zu positionieren. Zunächst werden die Labels mit der
	Klasse "left" rechtsbündig an eine imaginäre Mittelachse gebracht und
	mit einem Abstand zu den daneben stehenden Kontrollelementen versehen:
*/
label.left {
	float: left;
	text-align: right;
	width: 10em;
	margin-right: .3em;
}

/*
	Als nächstes werden die Text- und Auswahlboxen rechts daneben
	positioniert. Weil diese im HTML ohne einen erzwungenen Zeilenumbruch
	(z.B. durch <br /> oder die Grenzen einer <td>) nach den Labels kommen,
	ordnen sie sich durch das float:left; automatisch rechts neben die
	Beschriftungen ein:
*/
input[type=text], select {
	float: left;
}

/*
	Dann kommen die Radiobuttons und Checkboxen an die Reihe, die ja bereits
	mit der Klasse "right" versehen sind. Der Abstand ergibt sich hier aus
	der Breite der Textlabels für die vorhergehenden Textfelder (5em) plus
	dem Abstand dieser Labels zu ihren Kontrollelementen (.3em). Hieraus ergibt
	sich für die folgenden Kontrollelemente inklusive des "Absenden"-Buttons ein
	linker Abstand von 5.3em, um sich an besagter Mittelachse auszurichten:
*/
input.right {
	float: left;
	width: auto;
	clear: both;
	margin-left: 15.3em;
	margin-right: .3em;
}

/*
	Aus unerfindlichen Gründen braucht diesmal der Mozilla eine Extrawurst
	in Form eines zusätzlichen em für den Abstand nach links:
*/
input[type=checkbox].right,
input[type=radio].right,
/* input[type=submit].right {
	margin-left: 6.3em;
}*/

/*
	Durch die folgende Deklaration werden die float-Zustände wieder aufgehoben,
	so dass es danach ganz normal im Fluss des Dokumentes weitergehen kann:
*/
form br {
	clear: both;
}


/* Accesskey ------------------------------------------------ */
/* ---------------------------------------------------------- */

.acc-br{
	clear:left;
}
.acc-grp {
        font-size:0.8em;
        color:inherit;
        background:transparent;
        float:left;
        margin:2em 2em 2em 5em;
        width:10.3em; }
.acc-key {
        text-align:center;
        line-height:1.1em;
         }
.acc-keyboard a {
        display:block;
        width:0.9em;
        float:.left;
        margin-right:0.25em;
        margin-bottom:0.25em;
        padding:0.25em 1em;
        border:1px solid #6f6f6f;
        text-decoration:none; }
.acc-keyboard a:link {
        font-weight:normal;
        color:#000;
        background:#d3d3d3; }
.acc-keyboard a:visited {
        font-weight:normal;
        color:#000;
        background:#d3d3d3; }
.acc-keyboard a:hover {
        font-weight:normal;
        text-decoration:none;
        color:#fffff2;
        background:#789; }
.acc-keyboard a:active {
        font-weight:normal;
        color:#fffff2;
        background:#bf0000; }
.acc-keyboard a:focus {
        font-weight:normal;
        color:#fffff2;
        background:#000080; }
.acc-logo {
        font-size:0.9em;
        letter-spacing:0;
        text-decoration:none;
        }
.acc-logo a {
        padding:0.25em; }
.acc-logo a:link {
        border:0;
        padding:0;
        font-weight:normal;
        text-decoration:none;
        background:transparent;}
.acc-logo a:visited {
        border:0;
        font-weight:normal;
        text-decoration:none;
        color:#000080;
        background:transparent; }
.acc-logo a:hover {
        border:0;
        font-weight:normal;
        text-decoration:none;
        color:red;
        background:transparent; }
.acc-logo a:active {
        font-weight:normal;
        text-decoration:none;
        color:#9f0000;
        background:transparent; }
.acc-logo a:focus {
        font-weight:normal;
        text-decoration:none;
        color:#fffff2;
        background:#000080; }
.acc-text {
        font-variant:small-caps;
        color:#000080;
        background:transparent; }
.acc-text em {
        color:red;
        background:transparent; }


.acc-hidden {
        display: none; }