@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family:"Myriad Pro", Arial, sansSerif;
	font-size:14px;
	background-image:url(../bilder/urlaub-01.jpg);
		}
		
h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	font-weight:normal;	
	text-align:left;
	margin-bottom:10px;
	color:#38501F;
}



p {
	margin-bottom:10px;
	font-size:14px;
	color:#38501F;
	}
	
a {
	color:#96C;
	font-weight:bold;
	}

p span {
	font-weight: bold;
	color:#96C;
	}
	
.lila {
	font-weight: bold;
	color:#96C;
	}
		
.bold {
	font-weight: bold;
	}
	

.right {
	float:right;	
	margin-right:10px;
}

.left {
		float:left;
}

.clear {
	clear:both;
}
	
div#container1 {
	position:relative;
	width:500px;
	height:560px;
	margin:20px auto;
/*	background-image: url(../bilder/verlauf.jpg);
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
/*	border:4px solid #38501F ;*/
		-moz-border-radius:25px;   /*Firefox*/
	-webkit-border-radius:25px;   /*Safari und Chrome*/
	border-radius:25px;

}

/*Header bzw. Logo*/
/*Header bzw. Logo*/
/*Header bzw. Logo*/

div#logo {
/*	width:964px;*/
	height:56px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#91A521;
	-moz-border-radius:15px;   /*Firefox*/
	-webkit-border-radius:15px;   /*Safari und Chrome*/
	border-radius:15px;

}

.name {
	position:absolute;
	top:78px;
	right:1px;
	width:22%;
/*	background-color:#bfd3d1;*/
/*	background:rgba(65, 177, 163, 0.2); /*Transparenz geben*/
	-moz-transform:rotate(18deg);
	-webkit-transform:rotate(18deg);
	-o-transform:rotate(18deg);
	-ms-transform:rotate(18deg);
	transform:rotate(18deg);
} 

h2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	font-weight:normal;	
	text-align:center;
	line-height:56px;
	color:#38501F;
}


/*Navigation*/
/*Navigation*/
/*Navigation*/
#navi {
	width:165px;
	float:left;
	margin-left:10px;
	margin-top:6px;
	margin-bottom:30px;
/*	background-color:#FFF;*/
}

#navi ul li {
	height:30px;
	margin-bottom:5px;
	-moz-border-radius:10px;   /*Firefox*/
	-webkit-border-radius:10px;   /*Safari und Chrome*/
	border-radius:10px;
	list-style:none;

}

#navi ul li  a {
	display:block;   			/*Verweis ueber seine gesamte Breite erstrecken*/
	padding-left:10px;
	padding-top:8px;
	text-decoration:none;
	color:#FFF;   /*weiss*/
	background-color:#91A521;
	-moz-border-radius:10px;   /*Firefox*/
	-webkit-border-radius:10px;   /*Safari und Chrome*/
	border-radius:10px;
}

#navi ul li  a:hover {
	color:#38501F;
	background-color:#91A521;
}

#navi ul  li  a.aktivlink {
	cursor:default;
	color:#38501F;
	background-color:#91A521;
}


.visitenkarte {
	position:absolute;
	top:255px;
	left:-25px;
	width:32%;
/*	background-color:#bfd3d1;*/
/*	background:rgba(65, 177, 163, 0.2); /*Transparenz geben*/
	-moz-transform:rotate(25deg);
	-webkit-transform:rotate(25deg);
	-o-transform:rotate(25deg);
	-ms-transform:rotate(25deg);
	transform:rotate(25deg);
} 

div#annagerg {
	position:absolute;
	top:232px;
	left:660px;
	width:80%;
/*	background-color:#bfd3d1;*/
/*	background:rgba(65, 177, 163, 0.2); /*Transparenz geben*/
/*	-moz-transform:rotate(18deg);
	-webkit-transform:rotate(18deg);
	-o-transform:rotate(18deg);
	-ms-transform:rotate(18deg);
	transform:rotate(18deg);*/
} 

/*Content*/
/*Content*/
/*Content*/

div#content {
	width:300px;
	height: 360px;
	text-align:left;
	margin-left:190px;
	}
	
div#contentscrollbalken{
	width:280px;
	height: 360px;
	text-align:left;
	margin-left:190px;
	overflow:auto;
	}
	

/*Alternierende Bilder*/
/*Alternierende Bilder*/
/*Alternierende Bilder*/


div#bilder {
	float:left;
	padding-left:2px;
	width: 50%;
	-moz-opacity:0.7;     /*Firefox <3.5*/
	filter:alpha(opacity=70);     /*Internet Explorer <9*/
	opacity:0.7;  /*Firefox 3.5+, Safari und Chrome (webkit), Opera, IE9+*/
}

/*Lila Textblock*/
/*Lila Textblock*/
/*Lila Textblock*/


div#lila {
	width:300px;
	height: 90px;
	text-align:left;
	margin-left:190px;
	}



/*Footer-Impressum*/
/*Footer-Impressum*/
/*Footer-Impressum*/

div#impressum {
	clear:both;
	margin-left:10px;
	margin-right:10px;
	font-weight:normal;
	font-size:10px;
	}

.linie {
	margin-bottom:5px;
	}
	
div#impressum p {
	font-size:10px;
	font-weight:normal;
	}

div#impressum p span {
	color:#38501F;
	font-weight:normal;
	}