/* CSS Document */

/* CSS Document */

/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
body
	{
	margin-left: 100px;
	color: #333333;
	background-image: url(bg_hellbraun.gif);
	font: 11px Verdana, arial, sans-serif;
	text-align: justify;	
	line-height: 140%;
	}
	
TD {
	color: #333333;
	font: 11px Verdana, arial, sans-serif;
	text-align: left;	
	line-height: 120%;}
	
div { margin: 0px; padding: 0px; }
p {padding: 0px; margin: 0px;}


/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
.box-wrap
	{
	width: 850px;
	background-color:  	#FFFAFA;
	color: #333333;
	border: 10px solid #FFFFFF;
	}
.box-inner-wrap
	{
	width: 850px;
	background-color: #FFFAFA;
	}
.box-header
	{
	color: #333333;
	width: 850px;
	heigth: 150px;
	margin: 0px;
	background-color:black;
	}
h1 { margin: 0px; }
h2
	{
	font-size: 1.3em;
	margin-top:15px; 
	color: #333333;
	} 
.box-footer
	{
	color: #333333;
	width: 850px;
	background-color:  black;
	margin-left: 0px; 
	float:left;
	}
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
.columns-float
	{
	float: left;
	background-color:  #FFFAFA;
	width: 850px;
	}
.column-one
	{
	float: left;
	left: 0px;
	margin-top: 18px; 
	width: 190px;
	padding: 9px;
	height: 100%; 
	background-color:  #FFFAFA;
	 
	}

/*/*/
.column-two { 
	float: left;
	margin-top:11px;  
	margin-left: 30px; 
	background-color:  	#FFFAFA;
	color: #333333;
	width: 570px;
	padding: 9px;
}

.druckhead
{display:none;
width: 700px; 
page-break-after: avoid;
font-size: 1.4em; 
font-weight: bold;
border-bottom:1px solid #000000; 
}

.druckimpressum
{display:none; width: 700px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align: left;}
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
/* ====================================================================
LINKDEFINITIONEN
-------------------------------------------------------------------- */
/*Hauptpunkte Menue/*/
.nav
	{
	color: #6B8E23;
	font: 10px Verdana, arial, sans-serif;
	width: 190px;
	font-weight: bold; 
	text-decoration: none;
	cursor:pointer;
	cursor:hand; 
	} 
	
.nav:active 	{
	color: #6B8E23;
	font: 10px Verdana, arial, sans-serif;
	width: 190px;
	text-decoration: none;
	font-weight: bold; 
	} 

.nav:visited 	{
	color:#6B8E23;
	font: 10px Verdana, arial, sans-serif;
	width: 190px;
	text-decoration:none;
	font-weight: bold; 
	} 

.nav:hover	{
	color: #333333;
	font: 10px Verdana, arial, sans-serif;
	width: 190px;
	text-decoration:none;
	font-weight: bold; 
	} 
/*Unterpunkte Menue/*/
.subnav
	{
	color: #6B8E23;
	font: 10px Verdana, arial, sans-serif;
	width: 190px;
	text-decoration:none;
	} 
.subnav:active 	{
	color: #6B8E23;
	font: 10px Verdana, arial, sans-serif;
	width: 190px;
	text-decoration:none;
	} 

.subnav:visited 	{
	color: #6B8E23;
	font: 10px Verdana, arial, sans-serif;
	width: 190px;
	text-decoration:none;
	} 

.subnav:hover	{
	color: #333333;
	font: 10px Verdana, arial, sans-serif;
	width: 190px;
	text-decoration:none;
	} 
	
/*Navigation im Header/*/
.headnavigation
	{
	color: #FFFFFF;
	margin-top: 1px;
	font-size: 10px;
	text-decoration:none;
	} 
.headnavigation:active 		{
	color: #FFFFFF;
	margin-top: 1px;
	font-size: 10px;
	text-decoration:none;
	}  

.headnavigation:visited 		{
	color: #FFFFFF;
	margin-top: 1px;
	font-size: 10px;
	text-decoration:none;
	} 

.headnavigation:hover		{
	color: #CCCCCC;
	margin-top: 1px;
	font-size: 10px;
	text-decoration:none;
	} 
	
/*Links im Text/*/	
.textlink {font: 11px Verdana, arial, sans-serif; color:#6B8E23; font-weight: bold; text-decoration:none;}
.textlink:active {font: 11px Verdana, arial, sans-serif; color:#6B8E23; font-weight: bold; text-decoration:none;}
.textlink:visited {font: 11px Verdana, arial, sans-serif;  color:#6B8E23; font-weight: bold; text-decoration:none;}
.textlink:hover {font: 11px Verdana, arial, sans-serif;  color: #D5C37E; font-weight: bold; text-decoration:none;}

.textlinkindex {font: 11px Verdana, arial, sans-serif; color:#333333; font-weight: bold; text-decoration:none;}
.textlinkindex:active {font: 11px Verdana, arial, sans-serif; color:#333333;  font-weight: bold;text-decoration:none;}
.textlinkindex:visited {font: 11px Verdana, arial, sans-serif;  color:#333333; font-weight: bold; text-decoration:none;}
.textlinkindex:hover {font: 11px Verdana, arial, sans-serif;  color: #6B8E23;  font-weight: bold;text-decoration:none;}

/*Definition für Trennungslinien der Überschriften/*/
.hrgreen {color: #9ACD32; height: 1px; margin-top:3px;}
.hrgray{color: #666666; height: 1px; margin-top:1px;}
.Trennlinie_Index{color: #666666; height: 1px;  margin-top: 10px; margin-bottom: 5px;  noshade: noshade;}
.hrgraynav{margin-top: 1px; color: #9ACD32; height: 1px;}

/*einzelne Textdefinitionen/*/
/*Überschriften/*/
.h1_black {font: 1.4em Verdana, arial, sans-serif; font-weight: bold; color:#333333;  }
.h1_braun {font-family:verdana, sans-serif;font-SIZE: 14px; font-weight: bold; color:#333333;}
.h2_black {font-family:verdana, sans-serif;font-weight: bold;font-SIZE:12px; color:#333333;}
.h3_black {font-family:verdana, sans-serif;font-weight: bold;font-SIZE:11px; color:#333333;}

.h1_green {font-family:verdana, sans-serif;font-SIZE: 14px; font-weight: bold;ont-weight:lighter; color: #999900;}
.h2_green {font-family:verdana, sans-serif;font-weight: bold;font-SIZE:12px; color: #999900;}
.h2_braun {font-family:verdana, sans-serif; font-weight: bold; color: #6B8E23; font: 13px; line-height: 250%; }
.h3_green {font-family:verdana, sans-serif;font-weight: bold;font-SIZE:11px; color: #999900;}

/* ====================================================================
BILDPOSITIONEN
-------------------------------------------------------------------- */

/* Definitionen für Boxenbreite der Bildunterschriften je nach Breite des kleinen Bildes (Thumb)*/ 
.bildtext1 { font: 9px arial, sans-serif; color: #333333; text-align: left; width:200px;  margin-bottom:10px; }
.bildtext2 { font: 9px arial, sans-serif; color: #333333; text-align: left; width:100px;  margin-bottom:10px;}
.bildtext3 { font: 9px arial, sans-serif; color: #333333; text-align: left; width:150px; margin-bottom:10px;}
.bildtext4 { font: 9px arial, sans-serif; color: #333333; text-align: left; width:405px; margin-bottom:10px;}
.bildtext5 { font: 9px arial, sans-serif; color: #333333; text-align: left; width:170px; margin-bottom:10px;}
.bildtext6 { font: 9px arial, sans-serif; color: #333333; text-align: left; width:125px; margin-bottom:10px;}

/* Besondere Definitionen für Homepage (Indexseite)*/ 
img.home_a {
float:left;
margin:0 5px 0 0;
border: solid 3px #000;
width:220px;
height:220px
}
/* Abstände der Trennungslinien nach oben und unten*/
.content_seperator_headline{
margin-bottom: 10px; 
margin-top: 10px; 
}
.content_seperator{
margin-bottom: 10px; 
margin-top: 20px; 
}
/* ====================================================================
BILDBOXEN ZUR VERGRÖSSERUNG: ACHTUNG verschiedene Größen!!!
-------------------------------------------------------------------- */

/* für Bilder mit Breite 200px als Thumb und in der Vergrößerung einer Breite von 350px (Querformat)*/ 
#box a {
display:block;
width:200px;
}

#box a:hover {
color:black;
background:#ffffff;}

#box a span {display:none;}

#box a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:350px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* für Bilder mit Breite 200px als Thumb und in der Vergrößerung einer Breite von 250px (Hochkant)*/ 
#boxl a{
display:block;
width:200px;
}

#boxl a:hover {
color:black;
background:#ffffff;}

#boxl a span {display:none;}

#boxl a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:5;
display:block;
width:250px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* für Bilder mit Breite 100px als Thumb und in der Vergrößerung einer Breite von 250px (Hochkant)*/ 
#boxh a {
display:block;
width:100px;
}

#boxh a:hover {
color:black;
background:#ffffff;}

#boxh a span {display:none;}

#boxh a:hover span {
position:absolute;
left: 340px;
right: 0px;   
z-index:5;
display:block;
width:250px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* für Bilder mit Breite 125px als Thumb und in der Vergrößerung einer Breite von 350px (Querformat)*/
#boxb a {
display:block;
width:125px;
}

#boxb a:hover {
color:black;
background:#ffffff;}

#boxb a span {display:none;}

#boxb a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:350px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* für Bilder mit Breite 100px als Thumb und in der Vergrößerung einer Breite von 250px (Hochkant)*/
#boxc a {
display:block;
width:100px;
}

#boxc a:hover {
color:black;
background:#ffffff;}

#boxc a span {display:none;}

#boxc a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:250px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* für Bilder mit Breite 100px als Thumb und in der Vergrößerung einer Breite von 350px (Querformat)*/
#boxd a {
display:block;
width:100px;
}

#boxd a:hover {
color:black;
background:#ffffff;}

#boxd a span {display:none;}

#boxd a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:350px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* für Bilder mit Breite 150px als Thumb ohne Vergrößerung*/

#boxe {
display:block;
width:150px;
}
/* für Bilder mit Breite 170px als Thumb ohne Vergrößerung*/
#boxk {
display:block;
width:170px;
}

/* für Bilder mit Breite 150px als Thumb und in der Vergrößerung einer Breite von 350px (Querformat)*/
#boxf a {
display:block;
width:150px;
}

#boxf a:hover {
color:black;
background:#ffffff;}

#boxf a span {display:none;}

#boxf a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:350px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* Box auf Home mit Karte von Spanien*/
#boxg a {
display:block;
width:130px;
}

#boxg a:hover {
color:black;
background:#ffffff;}

#boxg a span {display:none;}

#boxg a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:300px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* Boxen auf Home mit Breite 170px und Breite 250px in Vergrößerung*/
#boxi a {
display:block;
width:170px;
}

#boxi a:hover {
color:black;
background:#ffffff;}

#boxi a span {display:none;}

#boxi a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:250px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* Boxen auf Home mit Breite 170px und Breite 350px in Vergrößerung*/
#boxj a {
display:block;
width:170px;
}

#boxj a:hover {
color:black;
background:#ffffff;}

#boxj a span {display:none;}

#boxj a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:350px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}

/* Boxen auf Home Asturien mit Breite 229px und Breite 500px in Vergrößerung*/
#boxs a {
display:block;
width:229px;
}

#boxs a:hover {
color:black;
background:#ffffff;}

#boxs a span {display:none;}

#boxs a:hover span {
position:absolute; 
left: 340px;
right: 0px;   
z-index:3;
display:block;
width:500px;
color:black;
background:#ffffff;
border:1px solid black;
padding:25px;}


img.border {
border: 1px solid black; 
color: black;
}

.navlinie{
margin-top:8px; 
margin-bottom:8px
}

.asturienbild{
border:1px solid black
}