/* Main CSS file for welterbe-mittelrheintal.de */

/* General Styles */

body {
	margin: 0;
	padding: 0;
	/*background: url(../images/contentsection_general_bg.gif) repeat-y 200px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 100.01%;
}

div#naviIcon {
	position: relative;
}

div#karte_ende {
    background: url(../img_static/karte_unten.jpg) no-repeat;
    width: 197px;
    height: 312px;
}

img {
	margin: 0;
	border: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
}

form {
    margin: 0;
    padding: 0;
}


/* Container positioning and dimensions */

div#container {
	width: 1008px;
}

div#content_left {
	width: 199px;
	background: url(../images/border.gif);
	background-repeat: repeat-y;
	background-position: right;
}

div#content_main {
	position: absolute;
	left: 200px;
	top: 0px;
	width: 804px;
}



/* ---------------------------------------------------------------------- */
/* ------- MENUS -------------------------------------------------------- */

/* Top navigation & Language Selector */

div#naviTop {
	height: 19px;
	background: #FFFFFF;
}

div#naviTop ul {
	margin: 0;
	padding: 3px 0 0 0;
	background: #FFFFFF;
	list-style: none;
}

div#naviTop ul li {
	display: inline;
	margin: 0 11px 0 0;
	color: #999999;
	font-size: 0.6em;
}

div#naviTop ul li a {
	color: #999999;
	text-decoration: none;
}

div#naviTop ul li.first {
	margin: 0 11px 0 25px;
}

/* This is our sitemap navi item that needs some more margin to the right */
div#naviTop ul li a#uid226 {
	margin: 0 135px 0 0;
}

div#naviTop ul li.text {
	margin: 0 0 0 140px;
}

div#langSel {
	position: absolute;
	top: 1px;
	right: 15px;
	width: 85px;
}

div#langSel select#language {
	font-size: 0.55em;
}


/* Main navigation (level1 + level2) */

div#naviMain {
	height: 116px;
    border-top: 1px solid black;
	padding: 0;
    background: url(../images/naviMain_bg.gif) repeat-x;
	font-size: 0.7em;
}

div#naviMain ul.level1 {
	list-style-type: none;
	margin: 0;
	padding: 1px 0 0 0;
}

div#naviMain ul.level1 li {
	display: inline;
	margin: 0 0 0 0px;

}

div#naviMain ul.level1 li a {
    /*float: left;*/
    display: inline;
}

/* We add a border for every graphic in order not to make them jump by the active state */
div#naviMain ul.level1 li.no a img {
    border-right: 1px solid #949F71;
    border-left: 1px solid #949F71;
}
div#naviMain ul.level1 li.act a img,
div#naviMain ul.level1 li.cur a img {
	border-right: 1px solid black;
	border-left: 1px solid black;
}

div#naviMain ul.level1 li.no a img {
/*    border-left: 1px solid red;*/
}
div#naviMain ul.level1 li.first a {
	margin: 0px 89px 0 24px;	
}	
div#naviMain ul.level1 li.first a img {
    border: 0;
}

div#naviMain ul.level1 li.second {
}

div#naviMain ul.level1 li.last{
}
div#naviMain ul.level1 ul.level2 li a {
    float: none;
}

/* *********************************************************************************** */
/* Icon navigation for map *********************************************************** */

div#naviIcon ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#naviIcon li {
	width: 32px;
	height: 34px;
	float: left;
	/*display: inline;*/
	margin-bottom: 1px;
	border-right: 1px solid white;
	padding: 0;
}

div#naviIcon li a {
    display: block;
    width: 32px;
    height: 34px;
}

/* We hide away the linktext */
#naviIcon li a span.linktext {
    position: absolute;
    overflow: hidden;
    z-index: 0;
    width: 1px;
    height: 1px;
    margin: -2px 0 0 -2px;
    background: transparent;
}

/* Here we add the bg images for each icon */
#naviIcon li.no a#uid274 {
    background: url(../images/icon_orte.png);
}
#naviIcon li.act a#uid274, 
#naviIcon li.cur a#uid274 {
    background: url(../images/icon_orte_act.png);
}

#naviIcon li.no a#uid288 {
    background: url(../images/icon_burgen.png);
}
#naviIcon li.act a#uid288,
#naviIcon li.cur a#uid288 {
    background: url(../images/icon_burgen_act.png);
}

#naviIcon li.no a#uid252 {
    background: url(../images/icon_kirchen.png);
}
#naviIcon li.act a#uid252, 
#naviIcon li.cur a#uid252 {
    background: url(../images/icon_kirchen_act.png);
}

#naviIcon li.no a#uid230 {
    background: url(../images/icon_ausblicke.png);
}
#naviIcon li.act a#uid230,
#naviIcon li.cur a#uid230 {
    background: url(../images/icon_ausblicke_act.png);
}

#naviIcon li.no a#uid319 {
    background: url(../images/icon_natur.png);
}
#naviIcon li.act a#uid319,
#naviIcon li.cur a#uid319 {
    background: url(../images/icon_natur_act.png);
}

#naviIcon li.no a#uid242 {
    background: url(../images/icon_panorama.png);
}
#naviIcon li.act a#uid242,
#naviIcon li.cur a#uid242 {
    background: url(../images/icon_panorama_act.png);
}


/* Searchbox in upper left corner */
		
div#searchbox {
    width: 197px;
	height: 19px;
	margin: 0 0 1px 0;
	border-bottom: 1px solid black;
	background: #dbdbdb;
}

div#searchbox fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

div#searchbox legend {
    display: none;
}

div#searchbox input {
    margin: 2px 0 0 1px;
	width: 191px;
    height: 12px;
	border: 1px solid #5b5b5b;
    font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
}


/* Container for preview images in the upper left */

div#vorschau {
	width: 197px;
	height: 73px;
	margin: 0 0 1px 0;
}


/* Dimensions of imagemap on the left side */

div#karte {
	clear: both;
	width: 197px;
	height: 800px;
}


/* general styles for the print / back link menu */

ul#navBackPrint li {
    float: left;
    margin-left: 5px;
}

ul#navBackPrint li a {
    display: block;
    width: 20px;
    height: 18px;
}

/* We hide away the linktext */
ul#navBackPrint li a span.linktext {
    position: absolute;
    overflow: hidden;
    z-index: 0;
    width: 1px;
    height: 1px;
    margin: -2px 0 0 -2px;
    background: transparent;
}

/* Here we add the bg images for each icon */
ul#navBackPrint li#bt_back a {
    background: url(../images/bt_back.gif);
}
ul#navBackPrint li#bt_print a {
    background: url(../images/bt_print.gif);
}


/* We need this to expand the content_section in order to have the background to the bottom */
	
div.clear_fix {
	clear: both;
}


/* We need this to prevent the Main GMENU from jumping around */
div#naviMain ul.level1 li.no a img {
    border-right: 1px solid #949F71;
    border-left: 1px solid #949F71;
}


/******* IE HACKS ********/

div#naviTop ul {
	*top: 5px;
}


div#langSel {
	*right: 0;
}

div#naviMain {
	*margin: 1px 0 0 0;
     
}

div#karte {
	*margin: -4px 0 0 0;
}

ul .gmenu level1 img {
    *margin-top: 5px;
}

div#bigPic {
    *margin-top: -3px;
    *margin-bottom: -3px;
 
}