html, body, div, p, h1, h2, h3, span, a, table, td, form
{
	margin: 0px;
	padding: 0px;
}

html, body {
	background-color: #f0f4f8;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

body, textarea {
	scrollbar-base-color:#eeeeee;
	scrollbar-3dlight-color:#dcdcdc;
	scrollbar-arrow-color:#D8E5ED;
	scrollbar-darkshadow-color:#eeeeee;
	scrollbar-face-color:#d7d8de;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#dcdcdc;
	scrollbar-track-color:#eeeeee;
}

a:link, a:visited, a:active, a:focus { 
	color: #274d74; 
	text-decoration:none 
}

a:hover   { 
	color: #8cadcf; 
}

.foot-text { 
	color: #fff; 
	font-size: 7pt; 
	line-height: 16pt; 
	text-align: right; 
	margin-top: 5px; 
	margin-right: 25px; 
}

#mainContainer { 
	height: auto; 
	width: 820px; 
	left: 0px; 
	top: 15px; 
	position: relative;
}

.head { 
	background-image: url(aws_head-image.jpg); 
	height: 140px; 
	width: 820px; 
	left: 0px; top: 0px; 
	position: absolute;
	cursor: pointer;
}

/*** Textformate ****************************************/

.reiterBody p 
        {
        color: #404040;
        font-size: 8pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 12pt;
        margin-right: 10px;
        margin-left: 10px;
}
        
.reiterBody h1 
        {
        color: #274d74;
        font-size: 10pt;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 12pt;
        margin-right: 10px;
        margin-left: 10px;
}
        
 

/*** Menu auf der linken Seite Anfang ****************************************/
#menuLeft {
	background-image: url(aws_navi-left-00-hg.gif); 
	position: absolute;
	color: #274d74; 
	left: 0px; 
	top: 140px; 
	width: 160px; 
	height: 610px; 
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}

.menuLeftTop { 
	background-image: url(aws_navi-left.gif); 
	font-size: 10pt; 
	font-weight: bold; 
	line-height: 16pt; 
	text-align: left; 
	padding-left: 33px; 
	padding-bottom: 10px; 
}
	
.menuLeftBody { 	
	background-image: url(aws_navi-left-00-hg.gif); 
	font-size: 8pt; 
	line-height: 14pt; 
	text-align: left; 
	vertical-align: middle;
}

.menuLeftBody .menuSeperator, .menuSeperatorTop  { 
	width: 160px; 
	height: 20px; 
}
.menuLeftBody .menuSeperatorTop {
	background-image: url(aws_navi-left-00.gif);
}
.menuLeftBody .menuSeperator {
	background-image: url(aws_navi-left-01.gif); 
}
.menuLeftBody .menuBlock { 
	margin-top: 0px; 
	margin-left: 20px; 
	margin-right: 0px; 
	margin-bottom: 20px;
	padding: 0px;
}

.bullet {
	background-image: url(aws_arrow-small.gif); 
	background-repeat: no-repeat; 
	padding-left: 10px;
	line-height: 11pt;
}
.bullet2 {
	background-image: url(aws_arrow-small2.gif); 
	background-repeat: no-repeat; 
	padding-left: 20px;
	line-height: 11pt;
}

/*** Menu auf der linken Seite Ende ****************************************/

/*** Menu auf der rechten Seite Anfang *************************************/
#menuRight {
	background-image: url(aws_navi-right-00-hg.gif); 
	position: absolute;
	color: #274d74; 
	left: 660px;
	top: 140px; 
	width: 160px; 
	height: 610px; 
	margin: 0px;
	padding: 0px;
}
.menuRightTop { 
	background-image: url(aws_navi-right.gif);
	font-size: 8pt; 
	line-height: 6pt; 
	text-align: left; 
	padding-top: 10px; 
	padding-left: 10px; 
	padding-bottom: 7px; 
}
.menuRightBody { 
	background-image: url(aws_navi-right-00-hg.gif); 
	font-size: 8pt; 
	line-height: 14pt; 
	text-align: left; 
}
.menuRightBody .menuSeperator, .menuSeperatorTop  { 
	width: 160px; 
	height: 20px; 
}
.menuRightBody .menuSeperatorTop {
	background-image: url(aws_navi-right-00.gif); 
}
.menuRightBody .menuSeperator {
	background-image: url(aws_navi-right-01.gif); 
}
.menuRightBody .menuBlock { 
	margin-top: 0px; 
	margin-left: 10px; 
	margin-right: 0px; 
	margin-bottom: 20px;
}
/*** Menu auf der rechten Seite Ende **************************************** */

#karteikarte1 {
	width: 500px; 
	left: 160px; 
	top: 525px; 
	position: absolute;
	text-align: left;
}
#karteikarte2 {
	background-image: url(rand-right2.gif); 
	width: 660px; 
	left: 160px; 
	top: 140px; 
	position: absolute;
	text-align: left;
}
.reiterHead { 
	background-image: url(reiter_top_big.gif); 
	height: 40px; 
	width: 640px; 
}
.td1 {
	height: 46px; 
	width: 35px; 
	background-image:url(reiter_top01.gif);
}
.td2 {
	height: 46px; 
	background-image:url(reiter_top02.gif);
}
.td3 {
	height: 46px; 
	width: 16px; 
	background-image:url(reiter_top03.gif);
}
.reiterBody, .reiterLupe { 
	background-image: url(reiter_hg_big.gif); 
	width: 640px; 
	padding: 0px;
	xpadding-left: 15px;	
	xpadding-right: 15px;	
    font-family: Verdana;
    font-size: 9pt;
}
h1 {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
}

.reiterLupe { 
	background-image: url(reiter_hg_lupe.gif); 
}
.reiterBody div { width: 95%; }
.reiterLupe div { width: 95%; }

.reiterFoot { 
	background-image: url(reiter_foot_big.gif); 
	height: 25px; 
	width: 640px; 
}

/** die untere abschliessende Zeile *********************************/
#foot { 
	background-image: url(aws_foot.jpg); 
	height: 45px; 
	width: 820px;
	left: 0px; 
	top: 750px; 
	position: absolute;
}


#p5 {   /* ist in den Ballungsraum Karten referenziert */
                position: absolute;
                overflow: hidden;
                width: 360px; 
                height: 20px;                    
                font-family: Verdana; 
                font-size: 11pt; 
                line-height: 14pt; 
                color: #005189;
                margin-top: -20px;
}

/** Hilfetext in der Map *********************************/

#p6 {   /* ist als ID in Datenbank hinterlegt */
                font-family: Verdana; 
                font-size: 8pt; 
                line-height: 9pt; 
                color: #005189;
}

/** Suchformular *********************************/

.suchenPfeil {
                font-family: Verdana;
                font-size: 8pt; 
                text-align: right;
                padding-right: 40px;
}

.XXsuchformular {
                position: absolute;
                top: 100px;
                left: 170px;
                width: 419px;
                background-image: url(lupe.gif);
                background-repeat: repeat-y;
                font-family: Verdana; 
                font-weight: normal; 
                padding-top: 10px;
                padding-left: 22px;
                padding-right: 10px;
}
.XXSuchformular h1 { 
                font-size: 11pt; 
                line-height: 14pt; 
                color: #005189;
}
.Suchformular p { 
                font-size: 8pt; 
                line-height: 9pt; 
                color: #005189;
}

.Suchformular select {
                background-color: #CFE0EA; 
                width: 380px; 
                border: 1px solid #00508B;
}


/** Karteireiter Ort / Map *********************************/

.reiterHeadPlan { background-image: url(reiter_top-plan.gif); height: 40px; width: 500px; left: 0px; top: 0px; position: absolute; visibility: visible; }
.reiterBodyPlan { background-image: url(reiter_hg.gif); height: auto; width: 500px; left: 0px; top: 40px; position: absolute; visibility: visible; }
.reiterFootPlan { background-image: url(reiter_foot.gif); height: 25px; width: 500px; left: 0px; top: 0px; position: relativee; visibility: visible; }
.reiterHeadInfo { background-image: url(reiter_top-info.gif); height: 40px; width: 500px; left: 0px; top: 0px; position: absolute; visibility: visible; }
.reiterText { color: #005189; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; word-spacing: 65px; top: 0; right: 0; margin-top: 14px; margin-left: 40px; }
