* {
margin:0;
padding:0;
border:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
background-color: #272727; /* #25292A;	
 behavior:url("csshover.htc"); 
  background: url(images/raute_bg.png) 0% 50% #25292A;*/
}
/*
#mainbody {
background-color: red;	
}
*/

#full_box2 {
 /*  background: url(images/raute_bg.png) 0% 50% #25292A;*/
 
    max-width: 1024px;
   margin: 0 auto;
 /*padding: 18px;*/
 
    /* border: 1px solid #999; */

}

a {text-decoration: none; color: #333;}

h1 {
  font-size: 200%;
}

#uploader {padding: 10px 14px; float: left}


#wrapper {
	width: 1000px; 
	margin: 0 auto;
	background-color: #fff; 
}

#wrapper2 {
	margin:0 12px 0 12px;
	background-color: #272727;
}


#background-image {

	  position: relative;
	  width: 500px;
	  height: 300px;
	  top: 490px;
	  left: 200px;
	  z-index: 1;
					   background-repeat: no-repeat; 
					   background-position: 0 0; /*right 490px; */
					   background-image:url(images/LA_01.gif);  
}

#container {
  width: 100%; 
  float: left;				/* sonst right_sidebar nicht daneben */
  margin-right: -130px;   /* -150px */
/* background-color: #fff;*/
 /*   border: 1px solid #333*/
}

#container2 {
  width: 100%;
/*  float: left;	 			
 background-color: #777;*/
}

#container2_detail {
  width: 100%;	
 background-color: #d7d7d7;
 border-radius: 4px;
}


#content {
  margin-right: 120px;  /* 120px */
  margin-left: 190px;  /* 150px */
  padding: 7px 0 0 5px;
  /*background-color: #AAA;  */
}



/* ---------------------------------------------------- */

.lazy {
  /*display: none;*/
	display: block; margin-left: auto; margin-right: auto; border: 1px solid #000
}

.sub_header { margin:0 }

.new_header { margin: 0 10px 0 10px; font-family: "DejaVuSans"; font-size: 1.2em; border-bottom: 1px solid #666; }
.new_header a { display : inline; color: #ccc; text-decoration: none; padding: 3px 20px 4px 20px; line-height: 27px; border-radius: 4px 8px 0 0; }
/*.new_header a:hover { border:1px solid #aaa; border-bottom:0; border-left:0; color: #ccc}*/
.new_header span { display : inline; margin:0 2px; padding:0px}

a.select   { background-color: #AAA; color: #111; border:1px solid #aaa; border-bottom:0; border-left:0}
a.unselect {  background-color: none; color: #ccc; border:1px solid #444; border-bottom:0; border-left:0}
a.unselect:hover { border:1px solid #aaa; border-bottom:0; border-left:0}


@font-face { 
	font-family: 'OpenSansCondensed';
	src: url('../fonts/OpenSans-CondLight.ttf') format('truetype'); 
}

@font-face { 
	font-family: 'pencil';
	src: url('../fonts/KGTenThousandReasons.ttf') format('truetype'); 
}
/*
@font-face { 
	font-family: 'journal';
	src: url('../fonts/journal.ttf') format('truetype'); 
}
*/
@font-face { 
	font-family: 'PtSans';
	src: url('../fonts/PTC55F.ttf') format('truetype'); 
}

@font-face { 
	font-family: 'DejaVuSans';
	src: url('../fonts/DejaVuSans.ttf') format('truetype'); 
}

.blogdate { margin: 10px 20px 20px 10px; width: 80px; float:left; color:#345; font-family: "OpenSansCondensed", sans-serif; font-weight: bold; text-shadow: 3px 3px 5px #111;}
.blogday { font-size: 2.5em; text-align: right;  line-height: 1.1em}
.blogmonthyear { font-size:1.2em; text-align: right; font-family: "Georgia", sans-serif; font-style: italic; font-weight:bold; }

/* blog header */
div.blog_header  { margin: 10px 0 15px 0 }
div.blog_header p	 {
	color: #345; /*#3B61A9;*/
	font-family: "OpenSansCondensed", sans-serif;
	text-shadow: 2px 2px 2px #777; 
	font-size: 2.5em;
	line-height: 1.1em;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold; /*500;*/
	text-decoration: none;
}
div.blog_header i {font-family: "Georgia", serif; font-size: 14px; line-height: 1.5em; display:block; text-align: right; margin-right:20px; color: #eee}
p.blog_content {font-family: "PtSans"; font-size: 16px; margin: 5px 15px 15px 15px }
p.blog_content i {font-family: "Georgia"; font-size: 14px; margin: 0; padding-top: 10px; display:block; text-align: right;}
/*p.blog_photodesc {font-family: "DejaVuSans"; font-size: 1.2em; margin: 10px 0 20px 0 } */
img.center_img { display: block; margin-left: auto; margin-right: auto; border: 1px solid #000}
p.blog_exif {margin: 2px auto; text-align: right; color: #333; font-size: 11px; font-family: "pencil", sans-serif; padding-right:150px}

.blog_prev_img { float:left; margin-left:6px; margin-bottom:3px; /*width:250px; height: 160px*/}

/* editor - blog */
    .blog_edi_top {width: 100%; height: auto; float: left; margin: 2px 5px 5px 25px;}
    .blog_edi_top label { margin: 4px 0 2px 0; color: #aaa; display: block;}	
    textarea.blog_edi {padding:5px; border:1px solid #000; width: 90%; height: 130px; overflow: hidden; margin-bottom: 10px }  /* width: 700px; */
    textarea.blog_edi:focus {padding:5px; border:1px solid #acf; overflow: scroll;}
    input.blog_edi {height:18px; padding:2px; border:1px solid #000; width: 90%; font-family: Verdana, Arial; font-size: 12px;}
    input.blog_edi:focus { border:1px solid #777777; background-color: #cde;}
    input.blog_edi-button {height: 19px; border: 1px solid black; margin: 10px 0 3px 0;  background-color: white; width: 140px;}
    input.blog_edi-button:hover {background-color: #99aacc;}
    .comment_note {width: 100%; height: 40px; float: left;  margin: 6px 5px 5px 0px; color: #888888; }

a.buttonlink  { float: left; width:150px; padding: 4px 6px; margin: 6px; background-color: #999; border: 1px solid #000 }		
		
input.login_pass2 {
   height: 22px; 
   width:170px;
   margin: 20px 0 0 350px; padding-top:4px;
   border: 1px solid #666;
   padding-left:5px;
   font-size: 18px;
}		
a.login_form_sender2 {
   /*height: 19px;*/
   display: inline;
   border: 1px solid #666;

	 padding: 4px;
	 margin-bottom:1px;
	 
   color: #222;

   background-color: #bbb;
}
a.login_form_sender2:hover {
   background-color: #ddd;
}
		
a.login_form_logout2 {
   /*display: inline;*/

   border: 1px solid #666;
   margin: 20px 0 0 390px; padding-top:4px;
	 width:150px;
   color: #222;
   
   background-color: #bbb; 
}
a.login_form_logout2:hover {
   background-color: #ddd;
}		
		
/* ---------------------------------------------------- */










#left_sidebar {
    width: 190px;  /* 150px */
    float: left;
    border-right: 1px solid #f5f5f5; /*eee;*/
	border-left: 1px solid #f5f5f5;
    margin-top: 7px;
}
#right_sidebar {
	margin-left: 880px;    /* 880px !!!!!!!!!*/
	margin-top: 7px;
	border-left: 1px solid #f5f5f5; /*eee;*/
    border-right: 1px solid #f5f5f5;
}
* html #right_sidebar {
	/*margin-left: 877px;  /* IE liegt 3 Pixel daneben */
	width: 115px;
}

#WarningBox {
	padding: 5px;
	color: red;	
}

#header {
   height: 105px;
   padding: 3px 0 4px 0;
   background-color: #000;
   background-position: 0 3px;
   background-repeat: no-repeat;
   border: 1px solid #555;
}
#header a.header_link   {
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  border: 0;  
  color: #222;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
  line-height: 21px;
  background: url(images/semitrans.gif) repeat;
}

#header a.header_link_now{
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  border: 0;
  color: #FF4500;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
  line-height: 21px;
  background: #ddd;
}
#header a:hover {color: red;}
   /*
#header a span { style="text-align: right; margin: 0 auto;}
     */



#header a.header_link:hover{
  border: 1px solid #228B22;

  color: #FF4500;
  background: #ddd;  
  z-index: 99;
}

#header a.header_link_hide   {
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  border: 0;  
}

#header div.header_link   {
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  border: 0;  
}



/* === ADMIN PAGE MODIFICATORS ============================ */
/*
#right_sidebar_admin { margin-left: 780px; margin-top: 7px; border-left: 1px solid #eee; }
#container_admin { width: 100%; float: left; margin-right: -250px; }
#content_admin { margin-right: 220px; margin-left: 150px; padding: 7px 0 0 5px; }
*/

#left_sidebar_admin {
    width: 150px;  /* 150px */
    float: left;
    border-right: 1px solid #f5f5f5; /*eee;*/
	border-left: 1px solid #f5f5f5;
    margin-top: 7px;
}

.admin_left_nav a {
	margin: 7px 2px;
	border: 1px solid #555;
	padding: 6px;
	font-weight: bold;
}
#admin_left_nav a:hover {
	color: red;
	background-color: #9999ee;
}

#right_sidebar_admin_full { margin-left: 780px; margin-top: 7px; border-left: 1px solid #eee; }
#container_admin_full { width: 100%; float: left; margin-right: 0px; }
#content_admin_full { margin-right: 0px; margin-left: 150px; padding: 7px 0 0 5px; }

/* === Article PAGE MODIFICATORS ============================ */
#container_article_full { width: 100%; float: left; margin-right: 0px; }
#content_article_full { margin-right: 15px; margin-left: 190px; padding: 7px 0 0 5px; }
#right_sidebar_article_full { margin-left: 780px; margin-top: 7px; border-left: 1px solid #eee; }
/* ========================================================== */



#footer {
/*	background-color: yellow;*/

clear: both;
}


ul,li,a, span {
display:block;
margin:0;
padding:0;
border:0;
}

ul.Foto {
	width:680px;    /* 670 <- 710px */
	/*border:1px solid gold; 
	background:blue;*/
	list-style:none;
	margin: 0 0 0 2px;  /* margin: 0 0 0 10px; */
	z-index: 10;
	/*overflow:hidden;    Zwingt UL auf MAX Gr�sse, schneid aber bei weniger PLatz den Inhalt ab */
}
ul.Foto:after { content:""; display:block; clear:left; }
ul.Foto li {
	width:220px;
	height: 220px;	
	padding:0px;
	margin: 0px 5px 5px 0;  /* 0px 13px 13px 0; */
	float: left;
/*border: 1px solid red; */
	background: url(images/DiaBorder.png) no-repeat 0 0;
	z-index: 10;						
}

ul.Foto li div {
background-repeat: no-repeat;
	background-position: center center; 
	text-align: right; 
		}
/*			ul.Foto li div:hover {
	background-position: 5px 5px; 
}	 DAS geht nur mit HACK*/ 

ul.Foto li div a {
	width:220px;
	height:220px;
	width:100%; /* IE */
	text-decoration:none;
	color: #aaa;
}
ul.Foto li div a:hover {
	border-color:gray;
	color: #3B61A9;
}
ul.Foto li div a b {
	padding-top: 165px; 
	padding-right: 8px; 
	font-size: 22px; 
	font-weight: bold;
display: block;
}
ul.Foto li div a span {
	padding-top: 2px; 
	padding-right: 8px; 
	font-size: 13px;
	font-weight: bold;
display: block;
}

/*  SMALL LISTS  */
	/* 670 <- 710px */
	ul.Foto_sm { width:660px; list-style:none; margin: 0 0 0 18px; z-index: 10;}
	ul.Foto_sm:after { content:""; display:block; }


	ul.Foto_sm li.mod { width:16px; height: 110px;	padding:0px; margin: 0px 0px 7px 0px; float: left; background: url(images/DiaMode_sm.png) no-repeat 0 0; z-index: 10; }
    ul.Foto_sm li.mod div {	background-repeat: no-repeat; background-position: center center; text-align: center; }
	ul.Foto_sm li.mod div a { width:110px; height:110px; width:100%; /* IE */ text-decoration:none;	color: #aaa; }
	ul.Foto_sm li.mod div a:hover {	color:#c00; }

	ul.Foto_sm li.mov { width:16px; height: 110px;	padding:0px; margin: 0px 0px 7px 0px; float: left; background: none no-repeat 0 0 red; z-index: 10; }
    ul.Foto_sm li.mov div {	background-repeat: no-repeat; background-position: center center; text-align: center; }
	ul.Foto_sm li.mov div p { width:110px; height:110px; width:100%; /* IE */ text-decoration:none;	color: #aaa; }


	ul.Foto_sm li.edi { width:16px; height: 26px; padding:0px; margin: 4px 0px 0px 0px; float: left; background: none no-repeat 0 0 ; z-index: 10; }
    ul.Foto_sm li.edi div {	background-repeat: no-repeat; background-position: center center; text-align: center; }
	ul.Foto_sm li.edi div a { width:9px; height:12px; width:100%; /* IE */ text-decoration:none; color: #aaa; }
	ul.Foto_sm li.edi div a:hover {	color:#c00; }

	ul.Foto_sm li { width:110px; height: 110px;	padding:0px; margin: 0px 6px 7px 0px; float: left; background: url(images/DiaBorder_sm.png) no-repeat 0 0; z-index: 10; }
    ul.Foto_sm li div {	background-repeat: no-repeat; background-position: center center; text-align: right; }
	ul.Foto_sm li div a { width:110px; height:110px; width:100%; /* IE */ text-decoration:none;	color: #aaa; }
	ul.Foto_sm li div a:hover {	border-color:gray; color: #3B61A9; }





	div.ModListText { width: 430px; height: 217px; margin-left: 233px; padding: 0px; text-align: left; padding-left: 10px;}
	div.ModListText h3 { font-size: 15px; font-weight: bold; padding-bottom: 6px;} 
	div.ModListText p { font-size: 12px; margin: 5px 0px; line-height: 16px;}
	div.ModListText a { text-align: right; color: #3B61A9; font-size: 14px; text-decoration: underline;}






/*  Filmstreifen  */

    div.random  { width: 82px; text-align: center; margin: 2px auto 1px auto; padding: 2px; }
	/*div.random  { width: 82px; text-align: center; margin: 2px auto 6px auto; border: 1px solid #eee; padding: 2px; }*/
	ul.Stripe {
						width:108px;
						list-style:none;
						padding: 0;
						margin: 0 auto 0 auto;
						overflow:hidden; /*   Zwingt UL auf MAX Gr�sse, schneid aber bei weniger PLatz den Inhalt ab */
	}
	/*ul.Stripe:after { content:""; display:block; clear:left; }*/
	ul.Stripe li {
						width:104px;
						height: 104px;	
						padding:0px;
						margin: 1px 1px 6px 1px;
						float: left;
			     		border: 1px solid #fff; 
						border-bottom: 1px solid #eee; 
						/*background: url(DiaBorder.png) no-repeat 0 0;*/
	}
 	ul.Stripe li#center_li {
						width:102px;
						height: 102px;	
			     		border: 2px solid #eee;
						border-left: 2px solid #ff7f50;
	}

/** html ul.Stripe li#center { }*/

	ul.Stripe li.Divider {
						height: 15px;
						border: 0px;
						background: url(images/Orna_50_03b.gif) center center no-repeat;
	}
    ul.Stripe li div {
    					background-repeat: no-repeat;
						background-position: center center; 
						text-align: right;
						background-color:white; 
	}
			ul.Stripe li div#center_div {
						 background-color:#eee;/*background-color:#FF7F50;*/
						
			}
	ul.Stripe li div.nopic {
						background-color:transparent;
	}
	ul.Stripe li div a {
						/*width:104px;*/
						height: 104px;
						width:100%;  /* IE */
						text-decoration:none;
						color: #999;
                        /*background: url(images/semitrans.gif) repeat;*/
	}

			ul.Stripe li div a#center_a {
						height: 102px;
                        background: transparent;
			}
			ul.Stripe li div a:hover {
						border-color:gray;
						color: #FF7F50; /*#3B61A9;*/
                        background: transparent;
			}
	ul.Stripe li div a b {
				  		padding-top: 81px; 
				   		padding-right: 6px; 
				   		font-size: 14px; 
				   		font-weight: bold;
				    	display: block;
	}
 	ul.Stripe li div b.nopic {
				  		padding-top: 78px;
                        padding-bottom: 9px;
				   		padding-right: 6px;
				   		font-size: 14px;
				   		font-weight: bold;
				    	display: block;
                        color: #ccc;
	}
    ul.Stripe li div a span {
						padding-top: 2px; 
				   		padding-right: 8px; 
				   		font-size: 14px;
				    	display: block;
	}


/*  TOP und BOTTOM LINK  */
	ul.Stripe li.top { height: 14px; margin: 1px 1px 2px 1px; border: 1px solid #ddd; }
    ul.Stripe li.top div { }
	ul.Stripe li.top div a { height: 14px; background: url(images/film_top.gif) center center no-repeat; }
	ul.Stripe li.top div a:hover { background: url(images/film_top_sel.gif) center center no-repeat #f6f6f6; }
	ul.Stripe li.top div a b { padding-top: 0px; }

	ul.Stripe li.bottom { height: 14px; margin: -3px 1px 2px 1px; border: 1px solid #ddd; }
    ul.Stripe li.bottom div { }
	ul.Stripe li.bottom div a { height: 14px; background: url(images/film_bottom.gif) center center no-repeat;}
	ul.Stripe li.bottom div a:hover { background: url(images/film_bottom_sel.gif) center center no-repeat #f6f6f6; }
	ul.Stripe li.bottom div a b { padding-top: 0px; }



#content-head, #content-head_mini {
	height: 80px;
	width: 100%;  /* 100%!!!!!!! */
	float: left;
	margin-top: 2px;
    /*background-color: white;*/
}
#content-head_mini { height: 50px; }

#cat-name {
	height: 35px;
	width: 535px;  /* 500px */
	float: left;

	font-family: Verdana, Arial;
	font-size: 16pt;
	font-weight: bold;
    line-height: 38px;
    padding-left: 3px;
	color: #334
}
#cat-imagecount {
	height: 35px;

	font-size: 12px;
	text-align: right;
    line-height: 26px;
    padding-right: 5px;
}
#cat-description, #cat-description_mini {
	height: 30px;
	width: 100%;

    line-height: 18px;

	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
 
	/*background-color: red;*/
}
#cat-description_mini {	height: 1px; line-height: 1px; font-size: 0pt; }

#content-divider {
	height: 10px;
	width: 100%;
	
	font-size: 0; /* IE */

	margin: 0 auto;
	border-bottom: 1px solid #444;

}

/*  XXXXX  */


/*  */	
	.image-field { width: 664px; float: left; }
* html .image-field { margin-top:  3px; }  /*  IE Hack */
	.image-field a.link1, a.link1o, a.link2, a.link2o, a.link3, a.link3o { display: block; float: left; position: relative; text-decoration: none; border: 0; }
	.image-field a.link1, a.link1o { width: 330px; top: 0px; left: 0px; } /* "zuruck", oben links */
	.image-field a.link2, a.link2o { width: 330px; top: 0px; left: 0px; } /* "vor", oben links */
	.image-field a.link3, a.link3o { width: 660px; top: 0px; left: 0px; } /* "vor", oben links */
	.image-field a.link1:hover, .image-field a.link2:hover, .image-field a.link3:hover { border: 1px dotted #777; text-decoration: none; color: #777; margin: -1px; }
	.image-field a.link1o:hover, .image-field a.link2o:hover, .image-field a.link3o:hover {text-decoration: none; color: #777; margin: -1px; }	
	.image-field a.link1:hover { content: ""; }
	.image-field a.link2:hover { content: ""; }
	.image-field a.link3:hover { content: ""; }
	.image-field span.link1 { display: block; float: left; position: relative; text-decoration: none; border: 0; } /* linker Anschlag -> Buffer-span */
	.image-field span.link1 { width: 330px; top: 0px; left: 0px; } /* "zur�ck", oben links, als Non-Link */


/* IMAGE - INFO underneath Image (Exif und Ctrl-Links) */
 div.image-info { height: 50px; width: 100%; padding: 10px 0px 0px 0px; float: left; }
	.image-info-exif { height: 30px; width: 520px; float: left; font-size: 12px; font-family: Verdana, Arial; }
	.image-info-exif p {color: #449; font-size: 11px; padding: 2px 0px 0px 10px}
	.image-info-exif p.owner {color: #aaa; font-size: 12px; padding: 8px 0px 0px 10px}
	.image-info-exif p.owner a {color: #c43; font-size: 12px; display: inline}
	.image-info-options { width: 110px; float: left; }
	.image-info-options a { width: 54px; text-align: right; float:left; }

	

/*  -----  KLEINKRAM  --------------  */

.Headline {
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #3B61A9;/*#3B61A9;*/
	padding-top: 4px;
}
.Headline span {font-size: 30px; display: inline; margin-right: 1px;}

.ImageHeadline {
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	margin-bottom: 5px;
	color: #3B61A9;
}

.ImageAddFav {
	text-decoration: underline;
}

.error_msg {
	color: #900;
	font-size: 16px;
	font-style: italic;
	padding: 20px;
	font-weight: bold;
}

/*
#SingleImage-box {
height: 80px; width: 700px; background-color: green;
display: block;
}

#SingleImage-name {
	width: 500px;
   background-color: yellow;
   float: left; 
   height: 30px;
   line-height: 38px;
   float: left;
   
}
#SingleImage-navi {
   width: 100px;
                      background-color: red;
	height: 35px;

	font-size: 12px;
	text-align: right;
    line-height: 26px;
    padding-right: 5px;    background-color: blue; z-index: 90;
}
*/


/* tag - list (div)*/
	.tags {background-color: #fff; margin: 8px 5px 5px 5px; padding: 0; font-family: Arial; font-size: 8pt;}  /* font-family: Verdana, Arial; font-size: 12px; */
	.tags h3 { font-weight: bold; font-size: 12px; color: #686; padding: 0 0 9px 0; display: inline;}
	.tags a#clear { font-family: Verdana; font-size: 10px; color: #669; margin-left: 60px; display: inline; text-decoration: underline;}  /*border-bottom: 1px solid #669; padding-bottom: 1px;*/
	
	.tags ul { width:180px; list-style:none; margin: 0; z-index: 10; }
		.tags li { margin-bottom: 2px; padding: 0; line-height: 12px; }
		.tags li.empty {font-size: 9pt; color: #3B61A9; font-style: italic; line-height: 15px; margin: 2px 4px;}
		.tags li.first { margin-top: 7px; font-size: 0px;}
		.tags li.last { margin: 10px auto 10px; border-bottom: 1px solid #f3f3f3; width: 90px; font-size: 0px; line-height: 0px;}

		.tags li a b {
			margin: 0px; 
			margin-right: 4px;
			background: url(images/add_none.gif) center 2px no-repeat;
			width: 20px; 
			height: 20px; 
			display: block; 
			float: left; 
			line-height: 12px;
		}
	.tags li i a {   /* mark image-tags in unselected sector */
		display: inline; font-weight: bold; font-style: normal; color: #213; }  /* #181  #ff6347 */	
	.tags li i a:hover {   /* mark image-tags in unselected sector */
		color: #b11;}

	.tags li a { 
				 border-bottom: 1px solid #fff; line-height: 19px; display: inline; color: #224; }
	.tags li a:hover { border-color: #333; color: #000;	}
	.tags li p { display: inline; color: #aaa; font-size: 10px; }
	.tags li b { margin: 0px; margin-right: 4px; background: url(images/add_none.gif) center center no-repeat #f9f9f9;
    			 width: 20px; height: 20px; display: block; float: left; line-height: 12px; }

	.tags li.class_header { color: #bbb; font-size: 11px; margin: 10px 0px 6px 0px; 
	                        padding: 1px 0px 0px 6px; border-bottom: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; height: 18px; 
							background-color: #f9f9f9;}
    .tags li.class_header span {color: #444; display: inline;}
	.tags li.class_header a { color: #bbb; margin-left: 3px; border: 0px;}
	.tags li.class_header a:hover { color: #900; }

/*  */
	.top {background-color: #fff; margin: 8px 5px 5px 5px; padding: 0; font-family: Arial; font-size: 8pt;}
	.top p {color: #444; margin-bottom: 8px;}
	.top p b {display: inline; font-size: 13px; font-weight: bold; margin-right: 1px; color: #777;}
	.top span { border-top: 1px solid #ccc; margin: 0px 10px 2px 70px; width: 90px; height: 4px; font-size: 0px;}

/* Listen-Umschalter */
#switcher {
   height: 22px;
   padding: 0;
/*   background-position: 0 3px;
   background-repeat: no-repeat; */
   border-bottom: 3px solid #bbb; 
}
#switcher a.switcher_link   {
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  border: 0;  
  color: #444;
  font-weight: bold;
  border: 1px solid #aaa;
  border-bottom: 0px;
  text-align: center;
  line-height: 21px;
  top: 2px;   
  background-color: #fff; 
}
#switcher a.switcher_link_set   {
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  border: 0;  
  color: #222; /*ff6347;*/
  font-weight: bold;
  border: 1px solid #888;
  border-bottom: 1px solid #ccf;
  border-right: 1px solid #888;
/*  border-bottom: 0px;  */
  text-align: center;
  line-height: 21px;
  background-color: #C6E2FF; /*C6E2FF #ccf; */
  top: 0px;   
}

#switcher a:hover {color: #222; background-color: #FFEC8B}

.list-preview-container {
    float: left;
    height: 230px;
    width: 680px;  /* 490 <- 530px; */
    text-align: center;
    margin: 5px auto;
    padding: 5px 0 5px 0;
	/*background-color: #ff6347;*/
	border-bottom: 3px solid #bbb;
}





/* TAG CLOUD BOX */

/********************************/
/*       TAGS CLOUDS            */
/********************************/

#TagCloud span {color: #aaa; font-size: 12px; margin: 6px 0px 6px 0px; padding: 3px 5px; display: block; width: 98%; 
				border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #ffe;}
#TagCloud span.infotext {color: #666; background-color: #f5f5f5; border: 0; padding: 6px 2px 2px 2px; text-align: center; font-size: 10px; border-top: 1px solid #ddd; margin-top: 18px; }
#TagCloud span.infotext i {color: #666; font-style: normal;}				
#TagCloud { padding: 15px; border: solid 1px #eee; background: #f5f5f5; 
    float: left;
    width: 670px;
	border-top: 2px solid #800;
	border-bottom: 2px solid #800;
	margin-bottom: 12px;
	padding: 5px 5px 0px 5px;
}
#TagCloud a { text-decoration: none; display: inline; color: #00a;}
#TagCloud a:hover { color: #900;}

#TagCloud a.cancel, .DeleteLink { text-align: right; color: #3B61A9; font-size: 14px; text-decoration: underline; display: block;}


/* DEFAULT */
    input.default {height: 19px; border: 1px solid black; margin: 10px 0 3px 0;  background-color: white; width: 140px; line-height: 17px;}
    input.default:hover {background-color: #9ac;}

/* image description */
    .image-description-box {width: 658px; height: auto; float: left; margin: 2px 5px 5px 0px; }   /* width: 718px; */
    .image-description-field { border: 1px solid #d9d9d9; padding: 7px 10px 10px 10px; color: #AAA; line-height: 16px; }
    /* text converting */
    .image-description-field p { margin-top: 4px; color: #222; }
    .image-description-field a { font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #3B61A9; display: inline; text-decoration: none; line-height: 15px;}
    .image-description-field a:hover {text-decoration: underline;}  
    .image-description-field a:visited {font-weight: normal;}
    .image-description-field b {font-size: 12px;} 
		 
/* admin functions */
    .image-admin-box {width: 658px; height: auto; float: left;   margin: 2px 5px 5px 0px; }
    .image-admin-field { border: 1px solid #262; padding: 0 5px 5px 5px; color: #888; line-height: 16px; }
    .image-admin-field a { margin-top: 4px; color: #222; display: inline; text-decoration: none;}
    .image-admin-field a:hover { margin-top: 4px; color: #222; display: inline; text-decoration: underline;}
    textarea.admin-image-edit {padding:5px; border:1px solid #aaa; width: 634px; height: 130px; margin-top: 5px; color: #888;}
    textarea.admin-image-edit:focus {border:1px solid #333; color: #000;}
    input.admin-image-edit {height:20px; padding-left:5px; margin: 6px 0px 0px 0px; border:1px solid #ccc; width: 314px; color: #888;}
    input.admin-image-edit:focus { border:1px solid #777; color: #000;}
	input.admin-inhead-edit {height:16px; border:1px solid #ccc; width: 100px; color: #888;}
    input.admin-button {height: 19px; border: 1px solid #aaa; margin: 5px 0 3px 0;  background-color: white; width: 646px; color: #888;} 
    input.admin-button:hover {background-color: #dde; color: #000;}		

/* image comments */
    .image-comment-warning-box {width: 670px; height: auto; float: left; margin: 2px 0 5px 0; border: 1px solid #D00000; padding: 5px;}  /* width: 712px; */
    .image-comment-warning-box p {color: #D00000;}
    .image-comment-box {width: 100%; height: auto; float: left; margin: 2px 5px 5px 0px;}
    .image-comment-box label { margin: 4px 0 2px 0; color: #666; display: block;}	
    textarea.comment {padding:5px; border:1px solid #aaaaaa; width: 660px; height: 130px; overflow: hidden;}  /* width: 700px; */
    textarea.comment:focus {padding:5px; border:1px solid #333333; overflow: scroll;}
    input.comment {height:18px; padding:2px; border:1px solid #aaaaaa; width: 300px; font-family: Verdana, Arial; font-size: 12px;}
    input.comment:focus { border:1px solid #777777; background-color: #FFFFFF;}
    input.comment-button {height: 19px; border: 1px solid black; margin: 10px 0 3px 0;  background-color: white; width: 140px;}
    input.comment-button:hover {background-color: #99aacc;}
    .comment_note {width: 100%; height: 40px; float: left;  margin: 6px 5px 5px 0px; color: #888888; }

/* show comments */
    .image-show-comment-box {width: 660px; height: auto; float: left;   margin: 2px 5px 5px 8px;}
	.image-show-comment-box table {width: 100%; padding: 0px; margin: 5px 8px 15px -5px;}
    .image-show-comment-box table td {padding: 2px;}
	.image-show-comment-box table h1 {font-size: 13px; color: #3B61A9; font-weight: bold;} 
    .image-show-comment-box table b {font-size: 12px;} 
	.image-show-comment-box table p {font-size: 12px; color: #333333; margin: 4px 0px 0px 10px; line-height: 17px;}
	.image-show-comment-box table a {font-size: 12px; color: #3B61A9; margin: 0; text-decoration: none;}	
	.image-show-comment-box table a:hover {font-size: 12px; color: #ff6347; margin: 0; text-decoration: underline;}	
	.image-show-comment-box table h6 {font-size: 10px; color: #AAAAAA; font-weight: normal; margin-left: 10px; margin-top: 4px;}	  
	.image-show-comment-box table td.CommentCtrl {width: 10px;}
	.image-show-comment-box table td.CommentCtrl p {padding:0px 0px 2px 0px;}	
	
/* ARTIKEL PAGE */

	.article-overview-box { padding: 3px 7px 7px 7px; }
	.article-overview-box a {color: black;}
	.article-overview-box div { border-bottom: 1px solid #DDDDDD; padding: 0px 4px 3px 0px; margin-bottom: 12px; margin-top: 15px;}
	.article-overview-box div b { font-size: 13px; color: #ff6347;}
	.article-overview-box span.text { font-size: 12px; line-height: 17px;}
	.article-overview-box span {display: inline;}
	.article-overview-box i { font-size: 8px; color: #BBBBBB; padding: 3px 0px 0px 0px; text-align: right; display: block; font-style: normal;}

	.article-box { padding: 3px 7px 7px 7px; margin-bottom: 15px; }
	.article-box div { border-bottom: 1px solid #DDDDDD; padding: 0px 4px 3px 0px; margin-bottom: 12px; }
	.article-box h1 { margin-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #3B61A9; font-weight: normal;}
	.article-box i { font-size: 9px; color: #BBBBBB; padding: 3px 0px 0px 0px; text-align: right; display: block; font-style: normal;}
	.article-box a { font-family: Verdana, Arial; font-size: 12px; font-weight: normal; color: #3B61A9; display: inline; text-decoration: none; line-height: 15px;}
	.article-box a:hover {text-decoration: underline;}
	.article-box p { font-size: 12px; line-height: 17px; }

	.article-box h3.backlink { margin: 15px auto; width: 100%; text-align: center; height: 20px; }
	.article-box h3.backlink a { line-height: 20px; border: 1px solid #999999; font-family: Verdana, Arial; font-size: 12px; color: #333; display: inline; padding: 2px 9px 2px 9px;}
	.article-box h3.backlink a:hover {background-color: #99aacc; text-decoration: none; border-color: #000;}


/*  WHY  */
	.why-box { }
	.why-box h2 { margin-top: 23px; margin-bottom: 5px; font-family: Verdana, Arial; font-size: 12pt; color: #3B61A9; font-weight: normal; }
	.why-box p { margin-bottom: 3px;	font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; line-height: 19px;}

	.about-box { }
	.about-box h2 { margin-top: 23px; margin-bottom: 5px; font-family: Verdana, Arial; font-size: 12pt; color: #3B61A9; font-weight: normal; }
	.about-box p { margin-bottom: 3px;	font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; line-height: 19px;}
	.about-box a { font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #3B61A9; display: inline; text-decoration: none; line-height: 15px;}
	.about-box a:hover {text-decoration: underline;}  
	.about-box a:visited {font-weight: normal;}

/*  LINK - page  */
	.link-box { margin-left: 6px; }
	.link-box h6, a.IndexVersion { background:#fff url(images/box.gif) top left no-repeat; height: 56px; width: 368px; margin: 15px auto 20px auto;	text-align: center; font-family: Verdana, Arial; font-size: 11pt; font-weight: bold; color: #ff6347; line-height: 55px;}
	.link-box a { color: #333;}

	.link-box a.IndexVersion { color: #ff6347;}
	.link-box a:hover.IndexVersion { color: #3B61A9;}

	.link-box a.admin { display: inline;}
	.link-box i {display: block; margin-top: 5px; font-size: 11pt; color: #3B61A9; background-color: #fefef3; font-weight: bold; font-style: normal;}
	.link-box a b { color: #aaa; display:block; font-size: 11px; font-weight: normal; margin-top: 3px;}
	.link-box a span.desc { font-weight: normal; font-style: italic; margin-top: 4px; font-size: 11px; margin-bottom: 15px; display: block; line-height: 15px;}
    /* text converting */
    .link-box a span.desc p { margin-top: 4px;  }
    .link-box a span.desc b {font-size: 11px; display: inline; color: #333; font-weight: bold;}

/* multipurpose container */
	.left_multi_container { 
		float: left;
	    height: 20px; 
	    width: 180px;
	    margin: 0;
	    padding: 0;
		text-align: right;
	}
	.left_multi_container a	{ color: #aaa; }
	.left_multi_container a:hover	{ color: #c00; }


/* EXIF TABLE */
	div.exif-tab { width: 100%; height: auto; float: left; margin: 2px 5px 5px 0px; font-size: 11px; color: #222;}
	div.exif-tab table { }
	div.exif-tab table tr td.a { border-bottom: 1px solid #ddd; width: 120px; padding: 3px 0px 3px 5px; vertical-align: text-top;}
	div.exif-tab table tr td.b { border-bottom: 1px solid #ddd; width: 490px; padding: 3px 0px 3px 5px; }
	div.exif-tab a { display: inline; color: #00b; font-weight: normal;}
	div.exif-tab a:hover { display: inline; color: #00b; text-decoration: underline;}
	div.exif-tab i { font-style: normal; color: #222; padding: 0px 2px 0px 1px;}






/* Overview List Image/Link TABLE */
	div.list-tab { width: 660px; height: auto; float: left; margin: 2px 5px 25px 10px; }
	div.list-tab table { }
	div.list-tab table tr { height: 70px; margin: 10px;}	
	div.list-tab table tr td { border-bottom: 1px solid #aaa; padding: 6px 2px 0px 2px; width: 50px; text-align: center; font-size: 20px;}
	div.list-tab table tr td a { color: #333; }
	div.list-tab table tr td a:hover { color: #f33; }

/* ADMIN-STUFF */
    .admin-add-images a {display: inline; color: black; margin: 3px; }
    input.addimage {height:14px; padding:2px; border:1px solid #aaaaaa; width: 160px;}
    input.useredit {height:14px; padding:2px; border:1px solid #aaaaaa;}

	.tagedi_text { height:20px; padding-left:5px; margin: 6px 0px 0px 0px; border:1px solid #ccc; width: 140px; color: #888; }
	.tagedi_num  { height:20px; padding-left:5px; margin: 6px 0px 0px 0px; border:1px solid #ccc; width: 30px; color: #888; }
	.tagedi-inhead {height:16px; border:1px solid #ccc; width: 300px; color: #888;}


/*    */
	ul.TAGSET {
						width:650px;    /* 670 <- 710px */
						/*border:1px solid gold; 
						background:blue;*/
						list-style:none;
						margin: 0 0 0 2px;  /* margin: 0 0 0 10px; */
						z-index: 10;
						overflow:hidden; /*  Zwingt UL auf MAX Gr�sse, schneid aber bei weniger PLatz den Inhalt ab */
	}
	/*ul.Foto:after { content:""; display:block; clear:left; }*/
	ul.TAGSET li {
						width:155px;
						/*height: 22px;	*/
						padding:2px;
						margin: 0px 0px 0px 0;  /* 0px 13px 13px 0; */
						float: left;
			     		border-left: 1px solid #eee; 
						border-bottom: 1px solid #eee; 
						z-index: 10;
						font-size: 12px;
												
	}
/*	ul.TAGSET li#last { content:""; display:block; clear:left; }*/


/*	
	ul.Foto li div a {
						width:220px;
						height:220px;
						width:100%; 
						text-decoration:none;
						color: #aaa;
	}
			ul.Foto li div a:hover {
						border-color:gray;
						color: #3B61A9;
			}
	ul.Foto li div a b {
				  		padding-top: 165px; 
				   		padding-right: 8px; 
				   		font-size: 22px; 
				   		font-weight: bold;
				    	display: block;
	}
	ul.Foto li div a span {
						padding-top: 2px; 
				   		padding-right: 8px; 
				   		font-size: 13px;
						font-weight: bold;
				    	display: block;
	}
*/


























#IndexLink {  /* noch beim index_artikel button */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #3B61A9;
}

.admin_msgbox {
    margin: 20px 100px 20px 100px;
	padding: 5px;
	border: 1px solid #777777;
	background-color: #FFFFDD;

}


.SubTreeBox {background-color: #E0E0FF; border: 1px solid #555577; padding: 4px; margin: 6px 0px 10px 0px; float: left; width: 100%;}
.SubTreeBox a {display: inline; color: #000; padding: 0 4px; font-style: normal; line-height: 22px; font-size: 14px;}
.SubTreeBox a.main {display: inline; color: #444; font-size: 16px; padding-right: 9px; font-weight: bold}
.SubTreeBox a:hover { text-decoration:underline}
.SubTreeBox p {margin: 2px 0 6px 0;}


.captcha { vertical-align: bottom; margin:0px; padding: 0px; }
* html .captcha {margin:1px;}



.center-link {
    text-align: center;
	text-decoration: none;
	color: #444;
	display: block; 
	width: 600px;
	margin: 20px 0px;	
}

.headline-image {
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	margin-bottom: 5px;
    margin-top: 5px;
	color: #3B61A9;
}

.smilie_replace {
	font-weight: bold;
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
	color: #CC0000;
	vertical-align: baseline;
	font-style: italic;
	display: inline;
}

.Trennlinie {
  border-top:1px solid #999;
  margin: 8px 40px 0 40px;
}
.Trennlinie_thick {
  border-top:4px solid #3B61A9;
  margin: 10px 0px 0px 0px;
}

/*  -----------------  ^^ Large Page ^^ ----------------------------*/

#ImgBorder {
	border: 1px solid #888;
    padding: 0px;
    margin: 0px;
}

#ImgBorder_frame {
	border: 1px solid #888;/*#BBBBBB;*/
    padding: 15px 15px 2px 15px;
    background-color: #fff;/*#F0F0E8;*/
}

#ImageNameLarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	margin: 8px 0 7px 0;
	color: #666;
    text-align: left;
}

      div.Foot {height:10px; color:#333333; text-align:center; font-size:7pt; padding:5px}
      div.Foot2 {height:10px; color:#888; text-align: left; font-size:7pt; padding:15px 15px 5px 5px;}


/* LOGIN */

a.login_form_sender {
   /*height: 19px;*/
   display: inline;

   margin-left: -2px;
   border: 1px solid #666;
   padding: 0px 2px 1px 2px;

   color: #222;
   text-decoration: none;
   background-color: #bbb;
}
a.login_form_sender:hover {
   background-color: #ddd;
}
a.login_form_logout {
   display: inline;

   border: 1px solid #666;
   padding: 0px 5px 1px 5px;

   color: #222;
   text-decoration: none;
   background-color: #bbb; 
}
a.login_form_logout:hover {
   background-color: #ddd;
}
input.login_pass {
   height: 14px; 
   width:70px;
   /*float: left;*/

   margin: 0; padding-top:4px;
   border: 1px solid #666;
   /*padding-left:1px; */
   font-size: 10px;
}
/*
label, input, select { display: block; float: left; width: 100px;}
input#submit { float: none; width: auto; }
*/







/* PAGING */

.paging-container_sm {
    float: left;
    height: 35px; 
    width: 170px;
    margin: 0 auto;
    padding: 2px 0 10px 20px;
}

.paging-container {
    float: left;
    height: 35px;
    width: 495px;  /* 490 <- 530px; */
    text-align: center;
    margin: 0 auto;
    padding: 2px 0 14px 0;

}
/* IE Hack */
* html .paging-container {
    padding: 2px 0 2px 0;
}

.paging-container_orig {
    float: left;
    height: 15px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0 17px 0;
}

.paging { font-size: 12px; margin-left: auto; margin-right: auto; height: 35px; padding-top: 10px;}
.image-size { font-size: 12px; margin-left: auto; margin-right: auto; height: 35px;}
.paging a, .pageList .this-page {color: #3B61A9; padding: 2px 6px; border: solid 1px #eee; background: #fff; text-decoration: none; display: inline;}
.paging a.bigsmall {color: #3B61A9; padding: 2px 6px; border: solid 1px #eee; background: #fff; text-decoration: none; display: inline; margin-right: 0;}

.paging i {font-style: normal;}

.paging a:visited { color: #3B61A9; padding: 2px 6px; border: solid 1px #eee; background: #fff; text-decoration: none; }
.paging .AtStart { margin-right: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.paging .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #eee; background: #fff; }
.paging .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paging .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.paging .AtEnd { margin-left: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.paging .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #ff6347; display: inline;  line-height: 13px;}
.paging a:hover {color: #fff; background: #3B61A9; border-color: #036; text-decoration: none; }



/***********
M�LL TONNE


#hor_menu {
   border-top:1px solid #222222; 

background-color: #fffffb;

border-color: #000;

border-top-width: 1px;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 1px;

border-style: solid;

   height: 25px;
}   


.check {background-color: #f3fff3;}



***/