/* Stylesheet für das Unterkunfts-Reservierungssystem */


body {
        font-size:small;
	font-family:"Trebuchet MS", "Verdana";
	margin-left:20px;
	margin-top:20px;
}

div.element_eingabe {
	margin-top:10px;
        margin-bottom:0px;
	border-style:dotted;
	border-color:silver;
	padding:5px;
	overflow:visible;
        /* font-size:medium; */
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:10px; /* Platz danach */
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	color:#1D1D1D;
}

h1 {
	font-weight:bolder;
}

h3 {
	font-size:medium;
}

h4 {
	margin-top:10px; /* Platz danach */
        font-weight:bold;
        font-size:small;
}

p.mittig {
	margin:15px 20px;
	text-align:center;
}

p.keineabstaende {
	margin:0px;
	border-style:none;
	padding:0px;
}

p.menue_item {
	margin:0px;
	border-style:none;
	padding-left:10px;
	display:inline;
        font-size:small;
}

input.button_login {
	margin-top:10px;
	margin-bottom:1px;
	font-family:"Trebuchet MS", "Verdana";
	width:205px;
	display:block;
}

input.text {
	border:3px solid #ddd;
	margin-top:1px;
	margin-bottom:1px;
	margin-left:30px;
	padding:0px;
	width:100px;
}

input.text_login {
	margin-top:1px;
	margin-bottom:1px;
	padding:0px;
	width:200px;
	display:block;
}

input.sichtbar {
	/* border:2px solid #ddd; */
	margin-top:1px;
	margin-bottom:2px;
        display:inline;
        width:300px;
        margin-right:5px;
}

textarea {
	/* border:3px solid #ddd; */
	margin-top:1px;
	margin-bottom:2px;
	padding:0px;
	display:block;
}

form {
	margin:0px;
	padding:0px;
}

a:link, a:visited, a:active {
    color: navy; text-decoration: none;
}

a:hover {
    color: #1cb727; text-decoration: underline;
}


a.menue_item:link, a.menue_item:visited, a.menue_item:active {
	color:white;
	text-decoration:none;
}

a.menue_item:hover {
	color:white;
	text-decoration:underline;
}

a.menue_item_footer:link, a.menue_item_footer:visited, a.menue_item_footer:active {
        color:gray;
	text-decoration:none;
}

a.menue_item_footer:hover {
        color:gray;
	text-decoration:underline;
}

map {
	border-style:none;
}

img {
	border-style:none;
}

ul {
	padding-left:25px;
	margin:0px;
        list-style-position:outside;
}

ul.menue {
        padding-left:0px;
        margin-top:10px;
	margin-left:0px;
}

li.menue {
	padding-left:15px;
	margin-bottom:10px;
	list-style:none;
	background-position:left;
	background-image:url('../../img/icons/bullet.png');
	background-repeat:no-repeat;
}

li.unterpunkt {
	padding-left:15px;
        margin-left:20px;
	margin-bottom:10px;
	list-style:none;
	background-position:left;
	background-image:url('../../img/icons/bullet.png');
	background-repeat:no-repeat;
        font-size:small;
}

li.unterpunkt_tiefer {
	padding-left:15px;
        margin-left:40px;
	margin-bottom:10px;
	list-style:none;
	background-position:left;
	background-image:url('../../img/icons/bullet.png');
	background-repeat:no-repeat;
        font-size:small;
}

li.bullets {
	list-style:square;
	/* Auch möglich:
	background: url(bullet.png) right no-repeat; */
}

table {
	/* border-spacing:10px;
	margin-left:20px; */
	width:99%;
        text-align:left;
        outline:0px;
        padding:0px;
        margin:0px;
        border:0px;
        border-spacing:0px;
}

/* tr {
	border-style:none;
}

td {
	border-style:none;
} */

#header {
	top:77px;
	left:0px;
	border-style:none;
	z-index:1;
	position:absolute; /* fixed */
	overflow:hidden;
}

#header_logo {
	top:0px;
	left:0px;
	border-style:none;
	z-index:3;
	position:absolute; /* fixed */
	overflow:hidden;
}

#header_balken {
	top:42px;
	left:0px;
	width:100%;
	height:206px;
	border-style:none;
	z-index:0;
	position:absolute; /* fixed */
	overflow:hidden;
	background-color:#E2001A;
}

#header_buttons {
	top:42px;
	left:0px;
	width:992px;
	height:35px;
	text-align:right;
	margin:5px;
	border-style:none;
	z-index:2;
	position:absolute; /* fixed */
	overflow:visible;
	background-color:transparent;
	font-size:large;
	font-weight:bold;
	color:white;
}

#header_headline_hintergrund {
	background-color:white;
	top:204px;
	left:0px;
	width:1000px;
	height:38px;
	border-style:none;
	z-index:4;
	position:absolute; /* fixed */
	overflow:visible;
}

#header_headline {
	background-color:transparent;
	top:207px;
	left:10px;
	width:700px;
	height:36px;
	text-align:left;
	border-style:none;
	z-index:5;
	position:absolute; /* fixed */
	overflow:visible;
	font-size:large;
	font-weight:bold;
	color:black;
	margin:5px;
        /* text-align:right; */
}

#warenkorb_img {
	z-index:6;
	position:absolute;
	border-style:none;
	top:208px;
	left:820px;
	width:40px;
	height:36px;
	overflow:visible;
	text-align:left;
	font-size:small;
	margin-left:0px;
}

#warenkorb {
	z-index:7;
	position:absolute;
	border-style:none;
	top:205px;
	left:865px;
	width:134px;
	height:36px;
	overflow:visible;
	text-align:left;
	margin-left:0px;
}

p.warenkorb_innen {
	border-style:none;
	margin:0px;
	padding:0px;
	font-size:small;
	color:black;
	overflow:visible;
}

div.text_kleiner {
	font-size:x-small;
}

div.login_box_optionen {
    position:relative;
    width:730px;
    border-style:none;
    font-size:medium;
}

div.login_option {
	position:static;
	border-style:none;
	width:450px;
	overflow:visible;
	text-align:left;
        vertical-align:top;
	display:block;
	margin-top:10px;
        font-size:large;
}

div.login_img {
	position:static;
	border-style:none;
	overflow:visible;
	display:inline;
	vertical-align:top;
        float:left;
        margin-right:13px;
}

#navigation {
	background-color:transparent;
	z-index:8;
	position:absolute;
	border-style:none;
	top:260px;
	left:10px;
	width:210px;
	text-align:left;
	margin-left:5px;
	/* overflow:visible; */
        padding-bottom:10px;
}

#content_login {
	top:240px;
	left:210px;
	border-style:none;
	/* z-index:9; */
	position:relative; /* absolute */
	text-align:left;
	padding-left:20px;
	/* overflow:visible; */
        width:750px;
        padding-bottom:10px;
	border-left:1px;
	border-left-color:#D8D8D8;
	border-left-style:solid;
}

#content_keinlogin {
	top:240px;
	left:0px;
	border-style:none;
	/* z-index:9; */
	position:relative; /* absolute */
	text-align:left;
	padding-left:0px;
	/* overflow:visible; */
        width:980px;
        padding-bottom:10px;
}

div.content_inhalt {
	top:0px;
	left:0px;
	border-style:none;
	position:relative; /* absolute */
	text-align:left;
	/* overflow:visible; */
        width:100%;
}

div.element_login {
	margin-bottom:10px;
	border-left-style:dotted;
	border-left-color:silver;
        padding-left:25px;
	width:205px;
	overflow:visible;
	position:absolute; /* fixed */
	left:745px;
	top:0px;
        font-size:small;
}

div.element_login_eingeloggt {
	margin-bottom:10px;
	border-style:none;
	padding:0px;
	width:500px;
	overflow:visible;
        font-size:small;
}

div.element_bild {
	border-style:none;
	top:30px;
        right:3px;
        width:325px;
	overflow:visible;
	position:absolute; /* fixed */
        background-color:yellow;
        text-align:center;
        padding-bottom:10px;

}

#login_img {
	border-style:none;
	display:inline;
}

#login_text {
	border-style: none;
	width: 163px;
	display: inline-block;
	vertical-align: top;
	font-size:small;
}

#login_navigation {
	border-style:none;
	font-weight:bold;
	padding-top:5px;
	font-size:medium;
}

#footer {
	width:99%;
	position:relative;
	background-color:transparent;
	font-size:x-small;
	text-align:center;
	color:gray;
        top:75px;
        padding-bottom:15px;
}

div.fehler {
    background-color: #FF997F;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 25px;
    border-color: #000000;
    border:dotted 2px;
    text-align: center;
    font-weight: bolder;
}

div.fehlerstartseite {
    background-color: #FF997F;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-color: #000000;
    border:dotted 2px ;
    text-align: center;
    font-weight: bolder;
    position: relative;
    width: 100%;
}

div.bestaetigung {
    background-color: #99FF66;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #000000;
    border:dotted 2px ;
    text-align: center;
    font-weight: bolder;
}

div.bestaetigungstartseite {
    background-color: #99FF66;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-color: #000000;
    border:dotted 2px ;
    text-align: center;
    font-weight: bolder;
    position: relative;
    width: 100%;
}

div.hinweis {
    margin-top:10px;
    margin-bottom:10px;
    border-style:dotted;
    border-color:silver;
    padding:5px;
    text-align:center;
    font-weight: bolder;
}

div.suchtipp {
    margin-top:10px;
    margin-bottom:10px;
    border-style:solid;
    border-color:silver;
    padding:2px;
    text-align:center;
    border-width:thin;
}

div.zusammenfassung {
    margin-top:10px;
    margin-bottom:10px;
    border-style:none;
    padding:5px;
    overflow:visible;
    text-align:center;
    font-weight:normal;
    font-size:small;
}

div.warnung {
    background-color: #FFFF99;
    margin-top:10px;
    margin-bottom:10px;
    border-style:dotted;
    border-color:red;
    padding:5px;
    overflow:visible;
    text-align:center;
    font-weight: bolder;
}

div.umfrage {
    background-color: #3399FF;
    padding: 5px;
    margin-bottom: 10px;
    border-color: #000000;
    border:dotted 2px ;
    text-align: center;
    font-weight: bolder;
    color:white;
}

div.fortschritt {
    display:block;
    height:5px;
}

div.bildvergroessern {
    display:inline;
    text-align:right;
    vertical-align:bottom;
    padding-top:7px;
    padding-right:3px;
}

td.bildvergroessern_partner {
    text-align:right;
    vertical-align:bottom;
    padding-top:7px;
}


#rechteinfo {
    font-size:small;
    font-weight:bold;
    background-color:#FFFF99;
    padding:3px;
    color:#333333;
    width:300px;
    display:block;
}