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


body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../img/bg2.jpg) no-repeat center top;
}

img {
	border:none;
}
ul {
	list-style-type: none;
}
h1 {

}
h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
	color:#676767;
}
h3 {
	font-size: 18px;
	color: #a0a0a0;
	margin-bottom: 5px;
}

p {
	font-size: 12px;
	color: #5e5e5e;
	line-height:145%;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

a:focus { outline: none;}

.fltl {
	float:left;
	height:auto;
	width:100px;
}

.page-wrapper {
	width: 880px;
	position: relative;
	margin: 0 auto;
}

.header{
	border: 0px solid #000000;
}

a.logob {
	text-indent: -9999px;
	float: left;
	background-image: url(../img/logo_full.jpg);
	position: absolute;
	height: 129px;
	width: 151px;
	left: 0px;
	top: 0px;
	overflow:hidden;
}

#myspace a{
	text-indent: -9999px;
	background-image: url(../img/logo_myspace.jpg);
	float: right;
	display: block;
	width: 95px;
	height: 32px;
	position: absolute;
	right:70px;
	top:50px;
}

a.logo {
	text-indent: -9999px;
	float: left;
	background-image: url(../img/annayina_logo.jpg);
	position: absolute;
	height: 129px;
	width: 151px;
	left: 0px;
	top: 0px;
	overflow:hidden;
}

.player {
	position:absolute;
	top:32px;
	right:223px;
	text-indent: -9999px;
	display: block;
}

.player a {
display: block;
	height:24px;
	width: 175px;
	background-image: url(../img/player.jpg);
	background-position: 0 0;
}

.player a:hover {
	background-position: 0 24px;
}

/* =================== NAVUGATION ================ */

#navbar {
	position: absolute;
	top: 100px;
	left: 280px;
	margin: 0;
	padding: 0;}
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 8px;
	text-transform: uppercase;
	font-size:14px;
	text-decoration: none; 
	color: #231f20;
	border-right: 1px solid #999; }
#navbar li a:hover {
	color: #e6252c; }
#navbar li ul {
	display: none;  }
#navbar li:hover ul, #navbar li.hover ul {
	position: absolute;
	display: inline;
	left: 25px;
	width: 100%;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: left; }
#navbar li:hover li a, #navbar li.hover li a {
	font-size:12px;
	color: #231f20;
	border-right: 0px solid #999;  }
#navbar li li a:hover {
	color: #e6252c; }

/* =================== CONTENT ================ */

#inhalt-wrapper {
	position:absolute;
	top:150px;
	left:18px;
	width:844px;
	border: 0px solid #999;
}

#Scroller-1 {
	height: 340px;
	width: 330px;
	overflow: auto;
}

.jScrollPaneContainer {
	margin: 30px 0 0 20px;
}

.jScrollPaneContainer a.jScrollArrowUp,
.jScrollPaneContainer a.jScrollArrowDown {
	height: 20px;
	background-repeat: no-repeat;
}

.jScrollPaneContainer a.jScrollArrowUp {
	background-image: url(../img/scrollup.png);
}

.jScrollPaneContainer a.jScrollArrowDown {
	background-image: url(../img/scrolldown.png);
}

.jScrollPaneContainer .jScrollPaneTrack {
	background: none;
}

.jScrollPaneContainer .jScrollPaneDrag {
	background: transparent url(../img/scrolldingens.png) no-repeat;
}

/* ============= POST ==================== */

.content-links {
	float:left;
	margin: 0px 0px 0px 24px;
	width:367px;
	height:404px;
	background: url(../img/content_bg.jpg) top left no-repeat;
	border: 0px solid #999;
}

.post    { 
margin:20px 5px 0px 5px;
padding-bottom:10px;
border-bottom:0px dotted #412f2f;
min-height:100px;
}

body#gaestebuch .post {
 min-height:0px;
}


.post h3 { font:bold 14px; color:#412f2f; margin-bottom:10px;}	
.post h3 a {color:#412f2f;}
.post h3 a:hover{ color:#676767;}

.post-content	{ 
margin-left:5px;
padding:0;
border:0px solid #00FF33;
}
.post-content p {font-family: Verdana, Arial, Helvetica, sans-serif; padding:0}
.post-content p img {margin:0px 10px 5px 0px; border: solid 1px #bfbfbf;}
.post-content p img a{color:#ec1d23; border-bottom:0px dotted #fc0001;}
.post-content p a{color:#ec1d23; border-bottom:1px dotted #fc0001;}
.post-content p a:hover{ font-weight: bold;}



.datum { font: 11px Arial, Helvetica, sans-serif; color:#999999; font-weight:bold;}
.rot { color:#ec1d23; font-weight:bold;}


ul.thumbnails {
	clear: both;
	width: 260px;
	border: none;
	margin-left: 20px;
	margin-bottom:10px;
	border: 0px solid #999999;

}		

	ul.thumbnails li {
		width: 104px; height: 104px;
		float: left;
		margin-right: 25px;
		margin-bottom: 20px;
	} 
	
	ul.thumbnails li.last {
		margin-right: 0px;
	} 

	ul.thumbnails li a img {
		width: 100px; height: 100px;
		padding: 3px;
		display: block;
		background-color: #eadbc9;
		border: 1px solid #999999;
	}
	
	ul.thumbnails li a:hover img {
		background-color: #999999;
		border: 1px solid #20525d;
	}
	
.moremore {
	margin:10px;
	color:#412f2f;
	font:13px Verdana, Arial, Helvetica, sans-serif;
}

.moremore p a{color:#ec1d23; border-bottom:1px dotted #fc0001;}
.moremore p a:hover{font-weight:bold;}
	

/* ============ RECHTS ================== */


.sidebar{
	float:right;
	width:434px;
	height:404px;
	margin-right:10px;
}

body#neues .sidebar {
background:url(../img/rechts_neues.jpg) top left no-repeat;
}
body#termine .sidebar {
background:url(../img/rechts_termine.jpg) top left no-repeat;
}
body#bilder .sidebar {
background:url(../img/rechts_bilder.jpg) top left no-repeat;
}
body#videos .sidebar {
background:url(../img/rechts_videos.jpg) top left no-repeat;
}
body#texte .sidebar {
background:url(../img/rechts_texte.jpg) top left no-repeat;
}
body#extras .sidebar {
background:url(../img/rechts_extras.jpg) top left no-repeat;
}
body#bio .sidebar {
background:url(../img/rechts_bio.jpg) top left no-repeat;
}
body#tagebuch .sidebar {
background:url(../img/rechts_tagebuch.jpg) top left no-repeat;
}
body#gaestebuch .sidebar {
background:url(../img/rechts_gaestebuch.jpg) top left no-repeat;
}
body#gaestebuch2 .sidebar {
background:url(../img/rechts_gaestebuch2.jpg) top left no-repeat;
}
body#kontakt .sidebar {
background:url(../img/rechts_kontakt.jpg) top left no-repeat;
}
body#impressum .sidebar {
background:url(../img/rechts_impressum.jpg) top left no-repeat;
}


.selectmenu {
	width:434px;
	height:404px;
	margin:11px 10px;
}

#write a{
	width:60px;
	height:60px;
	position:absolute;
	top: 15px;
	left:410px;
}

.videolied {
	width: 420px;
	height: 255px;
	background:#412f2f;
	margin-top: 50px;
	border: 5px solid #412f2f;
}

.getme{
	position:absolute;
	top: 360px;
	left:410px;}

.kontakt { float: left; margin:25px 15px 0 5px; padding:0px 0 0 0;}

.kontakt p {padding:0px;}
.kontakt p a{color:#676767; background:none; border-bottom:1px dotted #fc0001;}
.kontakt p a:hover{ color:#676767; border-bottom:1px solid #fc0001;}	

.letter {postion:relative; float:left; width:220px; background: url(../img/bg_newsletter.jpg) top left no-repeat;border: 0px solid #993300;}
.newsletter {  width: 210px; height: 57px; margin-left: 5px;}



/*----------- Gästebuch -----------------------*/

#txpCommentInputForm label { display: block; }

#txpCommentInputForm input { display:block; width: 50%; float: left; margin-bottom: 10px; }

#txpCommentInputForm textarea { display: block; width: 80%; height:100px; margin-bottom: 5px; }

#txpCommentInputForm input.button { width:80px; }

#txpCommentInputForm br { clear: left; }

.small { font-size:11px;}

.remember { width:95px; margin:0; padding:0; float:left; display:block; } 

.remember input {width:24px !important;}

.eintragname	{ font-size: 14px; color:#333333;border-bottom:1px dotted #fc0001; margin-bottom:5px}
.eintragname a	{ font-size: 14px; color: #333333; border-bottom:1px dotted #fc0001; margin-bottom: 5px;}
.eintragname a:hover	{ font-size: 14px; border-bottom:1px solid #fc0001; color: #20525d; background:none;}
.gastname { font: 12px Arial, Helvetica, sans-serif; color:#ec1d23; font-weight:bold;}
.gastdatum { color:#999999; font: Arial, Helvetica, sans-serif 11px; font-style:italic;}

ul.eintragliste { width: 250px;}
ul.eintragliste li {padding:5px 0px; }
ul.eintragliste li p { margin: 5px 0 5px 20px;}
ul.eintragliste li.alt	{ border-width: 0px 0px 1px 0px; border-style: dotted; border-color:#333333; }

.derbe	{ color:#333333; font-size:11px; font-style:italic; padding:5px;}

ul.pg {
	margin: 20px 0;
}

ul.pg li {
	padding:5px;
	float: left;
	font: 10px;
	color:#999999;
	line-height: 13px;
	border: 0px solid #20525d;
}

ul.pg li a {
	color:#20525d;
	text-decoration:underline;
}
ul.pg li a:hover {
	color:#20525d; text-decoration:none;
}

/* ============  
#txpCommentInputForm {display: none;}================== */
	
.zemContactForm fieldset {
   border: none; margin:0px 0 0 0;
   }
.zemContactForm legend {display: none;}

.zemSubmit { margin:5px 0 0 0; border:none;
   }
 ul.zemError {display: none;}

.zemDanke {	margin:30px 0 0 10px;
}
.zemDanke p { margin:0;
font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 0; color:#412f2f;
}

/* ============ FOOTER ================== */

.footer {
	clear:both;
	width:100%; 
	padding-top: 20px;
}



#lacrima a{
	text-indent: -9999px;
	background-image: url(../img/logo_lacrima.jpg);
	float: right;
	display: block;
	width: 95px;
	height: 33px;
	margin-right: 50px;
	margin-top:10px;
}

#emi a{
	text-indent: -9999px;
	background-image: url(../img/logo_emi.jpg);
	float: right;
	display: block;
	width: 57px;
	height: 33px;
	margin-right: 14px;
	margin-top:10px;
}

#amazon a{
	text-indent: -9999px;
	background-image: url(../img/logo_amazon2.jpg);
	float: right;
	display: block;
	width: 94px;
	height: 26px;
	margin-left: 14px;
	margin-right:0px;
	margin-top:32px;
}

#musicload a{
	text-indent: -9999px;
	background-image: url(../img/logo_musicload2.jpg);
	float: right;
	display: block;
	width: 81px;
	height: 26px;
	margin-left: 14px;
	margin-right:440px;
	margin-top:30px;
}

#itunes a{
	text-indent: -9999px;
	background-image: url(../img/logo_itunes2.jpg);
	float: right;
	display: block;
	width: 64px;
	height: 26px;
	margin-left: 14px;
	margin-right:0px;
	margin-top:30px;
}