/*--------------------------------------------------*/
/*     css www.mehrwort.ch                   */
/*--------------------------------------------------*/

/* Farben:                          	 */
/* Orange:          	 #FFCC66         */
/* Blau:            	 #99CCFF         */
/* Links Hauptnavi: 	 #000000         */
/* Rahmen, weiss: 		 #FFFFFF     	 */
/* Hintergrund (Orange): #FFCC66     	 */
/* Fenstergroesse:		 


/* ------ HTML-Elemente ----------- */
body { 
	margin: 0 0;
	background-color: #FFCC66;
	font-family: Arial, Sans-Serif;
    font-size: 62.5%; /* Resets 1em to 10px */
}

h3 {
    font-family: Arial, Sans-Serif;
    color: #222222;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

a {
    color: #0033CC;
    font-family: Arial, sans-serif;
    outline: 0;
}
a:link {
    color: #0033CC;
}
a:visited {
    color: #0033CC; 
}
a:hover {
    color: #0033CC; 
    text-decoration: none;
}
a:active {
    color: #0033CC; 
}

img {
    border: 0;
}

/* ------ Ebenen ------------------ */
#wrapper {
	position: absolute;
	z-index: 1;
	width: 820px;
	height: 680px;
	padding: 0;
	border: 0;
	margin: 30px 0 0 -410px;
	left:50%;
	display: block;
	background: #FFF; 
}

#header {
	position: absolute;
	top: 0;
    left: 10px;
	width: 800px;
	height: 80px;
	text-align: left;
	background-color: #99CCFF;
}
/* logo */
#header img {
    margin-top: 35px;
    margin-left: 228px;
}

 /* Bild Breite: 800, Hoehe: 125*/
#impression {
	position: absolute;
	top: 105px;
    left: 10px;
    width: 800px;
    height: 125px;
}

#content {
	position: absolute;
	top: 230px;
    left: 10px;
	width: 800px;
	height: 430px;
	background-color: #99CCFF; 
}

#content p {
	margin: 0;
	padding: 0;
}

#main_content  { 
	position: absolute;
	overflow: auto;
	left: 230px;
	top: 15px;
	width: 568px;
    height: 400px;
	font-size: 1.2em;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	text-align: left;
	line-height: 1.4em;
}

#footer {
	position: absolute;
	top: 660px;
    left: 10px;
	width: 800px;
	height: 20px;
	background-color: #FFF;
}

.adresse {
	margin-left: 230px;
	margin-top: 4px;
}

.impressum {
	float:right;
	margin-top: 4px;
	text-align:right;
	margin-right:2px;
	margin-left: 0;
}

#left_col { 
	position: absolute;
	top: 0;
	left: 70px;
	padding: 0;
	width: 137px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: none;
}

/*SubNavi Zellen*/ 
#left_col li  { 
	margin-left: 0;
    margin-top: 0;
    padding: 0;
	width: 137px;
    height: 24px;
	text-align: left;
	/*text-indent: 20px;*/
	font-size: 1.4em;/*1.2em; ---> Navigation*/
	font-family: Georgia, Trebuchet, Times;
	font-weight: normal;
	line-height: 1.7em;
	background-color: none;
	
	/*background-color: #fff;*/
}

/* SubNavi Text einzeln */
#left_col li, #left_col a { 
	color: #000;
	text-decoration: none;
	font-family: Georgia, Trebuchet, Times;
	font-weight: normal;	
	background-color: none;
}

#left_col a { 
	padding-left: 20px;
	display: block;
	height: 24px;
}

#left_col a:hover {
	background-image:url("/img/punkto.gif");
	background-repeat: no-repeat;
	background-position: 3px 5px; /* left top */
	font-family: Georgia, Trebuchet, Times;
	font-weight: normal;
	background-color: none;
}

#left_col p
{
	background-image:url("/img/punkto.gif");
	background-repeat: no-repeat;
	background-position: 3px 5px; /* left top */
	background-color: none;
	font-family: Georgia, Trebuchet, Times;
	font-weight: normal;	
	margin-left: 0;
    margin-top: 0;
    padding-left: 20px;
    height: 24px;
}
 .active {}


/* Textspalte links */
#m_col_left, #m_col_right {
	position: relative;
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 260px;
}

/* Textspalte rechts */
#m_col_right {
	margin-left: 20px;
}

#m_col_single {
	position: relative;
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 534px;
	visibility: visible;
}

#main_content li {
    color: #000;
    line-height: 1.4em;
    margin-top: 3px;
    margin-left: -26px;
}

#middle_col ul {
    color: #426BCE;
    list-style-image: url("/img/bullet.gif");
}

* html #middle_col ul {  /* nur fuer Internet Explorer */
    list-style-image: url("/img/bullet2.gif");
}

* html #middle_col li {  /* nur fuer Internet Explorer */
    margin-left: -22px;
}


/* Navigationsbalken */
#navigation {
	position: absolute;
	top: 80px;
	width: 730px;
	height: 25px;
	left: 80px;
	background-color: #fff;
}

#navigation ul, #navigation li {
	display: inline;
}

/*Navigation Zellen*/ 
#navigation li  {
	float: left;
    margin-top: 1px;
    margin-left: 0;
    padding: 0;
	width: 140px;
    height: 24px;
	text-align: left;
	text-indent: 20px;
	font-size: 1.8em;/*1.2em; ---> Navigation*/
	font-family: Georgia, Trebuchet, Times;
	font-weight: normal;
	line-height: 1.3em;
	color: black;
}

/* Navigation Text einzeln */
#navigation p, #navigation li .a1, #navigation li .a2, #navigation li .a3, #navigation li .a4, #navigation li .a5 /*, #navigation li .a6*/ { 
	color: #000;
	text-decoration: none;
	position: relative;
	margin: 0; /*active position*/
	float: left;
	font-family: Georgia, Trebuchet, Times;
	font-weight: normal;
}
#navigation .active, #navigation li .a1:hover, #navigation li .a2:hover, #navigation li .a3:hover, #navigation li .a4:hover, #navigation li .a5:hover /*, #navigation li .a6:hover */{
	background-image:url("/img/punkti.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
}
#navigation ul, #right_col ul, #left_col ul { 
    margin: 0;
    padding: 0;
	list-style: none;
}
