* {
	font-size:100%;
}

body {
	margin: 0; 
	padding: 0; 
	font-family: verdana, sans-serif;
	font-size: 80%; 
	text-align: center; 
	line-height: 150%; 
	background-color: #fff; 
}

a img {
	border: none;
}

a {
	color: #3E3625;
}

#header {
	width: 100%;
	border-bottom: 4px #DCDDE1 solid;	
}

#logo { 
	width: 100%;
	height: 50px;
	background-color: #FFBA00;
	color: #fff;
}

#yellow #logo { 
	width: 100%;
	height: 50px;
	background-color: #FFBA00;
	color: #fff;
}

#purple #logo { 
	width: 100%;
	height: 50px;
	background-color: #36052D;
	color: #fff;
}

#orange #logo { 
	width: 100%;
	height: 50px;
	background-color: #D15400;
	color: #fff;
}

#green #logo { 
	width: 100%;
	height: 50px;
	background-color: #917700;
	color: #fff;
}

#pink #logo { 
	width: 100%;
	height: 50px;
	background-color: #B80261;
	color: #fff;
}

#gray #logo { 
	width: 100%;
	height: 50px;
	background-color: #3E3625;
	color: #fff;
}

#dark_green #logo { 
	width: 100%;
	height: 50px;
	background-color: #826701;
	color: #fff;
}

#map { 
	width: 100%;
	height: 350px;
}

#read-more { 

}

#container {
	width: 755px;
	margin: 0 auto;
	clear: both;
	min-height: 100%;
 	height: auto !important;
 	height: 100%;
	
}

#container-navbar {
	width: 250px;
	float: left;
	min-height: 100%;
 	height: auto !important;
 	height: 100%;
	text-align: left;
}

#container-navbar #navbar {

}

#container-navbar #navbar a {
    padding: 3px 10px 3px 30px;
    width: 175px; 
    height: 17px;
    color: #000; 
    /*background-color: #fff;*/
    text-decoration: none;
    float: left; 
    display: block;
    margin: 1px 0px 0 0;
}

#yellow #container-navbar #navbar a.yellow {
    background-color: #FFBA00;
}

#yellow {
	background-image:url(../img/ydrefgymreig_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


#orange #container-navbar #navbar a.orange {
    background-color: #D15400;
    color: #fff;
}

#orange  {
	background-image:url(../img/ydrefgymreig_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#purple #container-navbar #navbar a.purple {
    background-color: #36052D;
    color: #fff;
}

#purple {
	background-image:url(../img/ydrefgymreig_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#pink #container-navbar #navbar a.pink {
    background-color: #B80261;
    color: #fff;
}

#pink {
	background-image:url(../img/ydrefgymreig_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#green #container-navbar #navbar a.green {
    background-color: #917700;
    color: #fff;
}

#green {
	background-image:url(../img/ydrefgymreig_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}

#gray #container-navbar #navbar a.gray {
    background-color: #3E3625;
    color: #fff;
}

#gray {
	background-image:url(../img/ydrefgymreig_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


#dark_green #container-navbar #navbar a.dark_green {
	background-color: #826701;
	color: #fff;
}

#dark_green {
	background-image:url(../img/ydrefgymreig_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}



#yellow #container-navbar #navbar a:hover {
    background-color: #FFBA00;
}

#purple #container-navbar #navbar a:hover {
    background-color: #36052D;
    color: #fff;
}

#orange #container-navbar #navbar a:hover {
    background-color: #D15400;
    color: #fff;
}

#green #container-navbar #navbar a:hover {
    background-color: #917700;
    color: #fff;
}

#pink #container-navbar #navbar a:hover {
    background-color: #B80261;
    color: #fff;    
}

#gray #container-navbar #navbar a:hover {
    background-color: #3E3625;
    color: #fff;    
}





#container-navbar #togglemap {
    padding: 0px 10px 0px 30px;
    width: 175px; 
    height: 27px;
    background-color: #DCDDE1;
    float: left; 
    display: block;
}

#container-navbar #togglemap img {
	padding: 0 10px 0 0;
	float: left;
}

#container-navbar #togglemap a {
    text-decoration: none;
    color: #000; 
}

#container-content {
    padding: 10px 0px 0px 0px;
	width: 500px;
	float: left;	
	min-height: 100%;
 	height: auto !important;
 	height: 100%;
	text-align: left;
}

#container-content-left {
    padding: 10px 0px 0px 0px;
	width: 240px;
	float: left;	
	min-height: 100%;
 	height: auto !important;
 	height: 100%;
	text-align: left;
	margin: 0 20px 0 0;
}

#container-content-right {
    padding: 10px 0px 0px 0px;
	width: 240px;
	float: left;	
	min-height: 100%;
 	height: auto !important;
 	height: 100%;
	text-align: left;
}

h2 {
	font-size: 140%;
	font-weight: normal;
	line-height:1.3em;
	width: 480px;
	;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h3 {
	font-size: 120%; 
	margin: 10px 0 10px 0; 
	padding: 0px; 
	font-weight: normal;
	line-height:1.3em;
}

hr {
	color: #DCDDE1;
	background-color: #DCDDE1;
	height: 2px;
	border: 0;
	width: 100%;
}

hr.fat {
	color: #DCDDE1;
	background-color: #DCDDE1;
	height: 1px;
	border: 0;
	width: 100%;
}

.img-border-yellow {
	border-bottom: 4px #FFBA00 solid;
}

.img-border-purple {
	border-bottom: 4px #36052D solid;
}

.img-border-orange {
	border-bottom: 4px #D15400 solid;
}

.img-border-pink {
	border-bottom: 4px #B80261 solid;
}

.img-border-gray {
	border-bottom: 4px #3E3625 solid;
}
.img-border-dark_green {
	border-bottom: 4px #826701 solid;
}

#slideshow {
    height: 250px;
    width: 500px;
    max-height: 250px;
    overflow: hidden;
	position: relative;
}

.img-nav {
	float: left;
}

.img-nav a {
	text-decoration: none;
	color: #000;
}

.img-nav-right {
	float: right;
	text-decoration: none;
}

#img-nav-title {
	font-size: 80%;
	text-decoration: none;
	color: #000; 
}

.eichtref {
	clear: both;
	padding: 0 0 5px 0px;
	margin: 0 0 5px 0px;
}

.eichtref p {
	margin: 0 0 0 250px;
}

.eichtref img {
	float: left;
	margin: 0 0 20px 0;
}

.pics { 
	height: 250px; 
	width: 500px; 
	padding: 0; 
	margin: 0; 
	overflow: hidden; 
}

.galeri img {
	margin: 0 3px 0 0;
}

.divline-blank { clear:both; padding: 0px 0px 10px 0px;}