/* ...........................................*/
/* Hintergundfarbe Body:              #514F4B */
/* Hintergundfarbe Navigation:        #363636 */
/* Hintergundfarbe Page:              #515151 */
/* Hintergundfarbe Gästebucheintrag:  #717171 */
/* Rahmne:                           #AAAAAA  */
/* Schriftfarbe:                     #FFFFFF  */
/* Schriftfarbe gedeckt:             #DDDDDD  */
/* Kontrastfarbe Orange:             #FFA500  */
/* ...........................................*/




/* .............................. */
/* Basic */
/* .............................. */

body {
	background-color: #514F4B;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	text-align: center;
	color: #FFFFFF;
}

hr {
	background-color: #FFA500;
	color: #FFA500;
	height: 1px;
}

html, body {
     min-height:100.1%;
	}

/* .............................. */
/* Links */
/* .............................. */

a img {
	color:#FFFFFF;
	border-color: #FFFFFF;
}

a:hover img {
	color:#FFFFFF;
	border-color: #FFA500;
}


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

a:hover {
	text-decoration:underline;
	color: #FFA500;;
	}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
   float:left;
	clear:left;
	font-weight:bold;
	font-size:12px;
	letter-spacing:2px;
	color:#FFFFFF;
	margin:0px;
	margin-left:5px;
	padding:0px;
	}
	
h1 a {
    text-decoration:none;
	color:#FFFFFF;
	}

h1 a:hover {
    text-decoration:none;
	}

#titel {
	padding:0px;
	height:13px;
	width:100%;
	font-weight: bold;
	}

.titel_name{
	font-size:13px;
	font-weight: bold;
	float:left;
}
.titel_option
{
	float: right;
	text-align: right;
	}	
	
h3 {
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
	color:#FFFFFF;
	text-align:center;
	}
.home{
	font-weight:bold;
	font-size:24px;
	letter-spacing:1px;
	color:#FFA500;
	text-align:center;
   text-decoration:none;
	}

h4 {
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
	color:#FFFFFF;
	text-align:center;
	}
/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
	background: #363636;
	border-bottom: 1px solid #AAAAAA;
	padding: 5px;
	height: 15px;
	margin-bottom: 20px;
}

.menu {
   float:right;
	clear:right;
	text-align:right;
	font-size:12px;
	}
.menu a {
	padding:7px;
	padding-left:10px;
	padding-right:10px;
	}
		
.menu a:hover {
	text-decoration:none;
	color:#CCC;
	color: #FFA500;
	}
	
/* .............................. */
/* Content                        */
/* .............................. */

.addcomment {
   float:right;
	clear:right;
	padding:0px;
	}
	
#photo {
   background:#FFFFFF;
   padding:5px;
	border:1px solid ##AAAAAA;
	}


/* .............................. */
/* Image-Page                     */
/* .............................. */	

#image-templates
	{
		
	}
#image-img
{

	
}

#image-navigate {
/*	background:#515151; */
	padding:20px;
	height:15px;
	width:70%;
	margin:0px auto;
	clear: both;
	}
	
#image-navigate a {
	padding:10px;
	}

.image-previous {
    float:left;
	}

.image-next {
	float:right;
	}
	
.image-exif {
  	float:center;
	color: Silver;
	}

#image-info {
/*	background:#515151; */
/*	border:1px solid #aaa; */
	padding:20px;
	text-align:center;
	width:70%;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	color:#FFFFFF;
	}
/*#image-info a{   */
/*	color: #515151; */

/*#image-info a:hover { */
/*	color: #FFA500;      */
/*}	                  */
	
#image-title {
	padding:0px;
	height:13px;
	width:100%;
	font-weight: bold;
	}
	
#image-notes {
	width:70%;
	vertical-align:top;
	text-align:center;
	font-size: 14px;
	}
#image-date {
	width:70%;
	color: #AAAAAA;
	vertical-align:bottom;
	text-align:right;
	float: right;
	}
	
/* .............................. */
/* Browse */
/* .............................. */

#page {
   background:#515151;
	border:1px solid #AAAAAA;
	padding:10px;
	text-align:left;
	width:85%;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
     min-height:400px;
	}
	
#image-page {
   background:#515151;
	border:1px solid #AAAAAA;
	padding:10px;
	text-align: center;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	margin-left:14%;
	width: 80%
	
	}	
#page_comment {
   background:#515151;
	border:1px solid #AAAAAA;
	padding:20px;
	text-align:left;
	width:85%;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	}	
	
#page a {
    font-weight:bold;
	}
	
#page img {
	background:#FFFFFF;
   padding:5px;
	border:1px solid #AAAAAA;
	}

.column{
	width:50%;
	text-align:left;
	vertical-align:top;
	}
	
.thumbnails {
	border:1px solid #FFFFFF;
	padding:3px;
	margin:3px;
	}
.current-thumbnail {
	border:2px solid #FFA500;
	padding: 3px;
	margin: 3px;
}	
/* .............................. */
/* About*/
/* .............................. */

#about ul
{
	list-style-type: none;
	text-indent: -20px;
	padding-bottom: 30px;
}

#about li{
		padding-bottom: 5px;	
}
/* .............................. */
/* Comments */
/* .............................. */

#comment-top {
   background:#363636;
	border-bottom:1px solid #AAAAAA;
	padding:5px;
	margin-bottom:25px;
	height:15px;
	}    

#comments {
   margin:0px auto;
	width:90%;
	text-align:left;
	line-height: 120%;
	}
	
#comments ul {
	list-style-type:none;
	margin:0px;
	padding:10px;
	}
	
#comments li {
	display:block;
	margin:0px;
	margin-bottom:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px;
/*	border:1px solid #AAAAAA;  */
	background-color: #717171; 
	}
	
#comments li a {
	color:#DDDDDD;
	text-decoration:none;
	}

#comments li a:hover {
	color: red;
	}
	
/*#comment-middle {                  */
/*   background:#666;                */
/*	border-top:1px solid #aaa;        */
/*	padding:5px;                      */
/*	margin-top:25px;                  */
/*	height:15px;                      */
/*	}                                 */

#addcomment {
   width:90%;
	text-align:left;
	padding:10px;
	margin:10px auto;
/*	border:1px solid #AAAAAA;  */
	background:#515151;
	}

#comment_headline	{
	padding: 3px;
	background-color: #FFA500;
	color: #514F4B;
	display: block;
	width: 102%;
	margin-left: -3%;
	padding-left: 4%;
}
.input {
   width:45%;
	font-size:11px;
	border:1px solid #AAAAAA;
	background-color:#717171;
	color:#FFFFFF;
	padding:5px;
    }
	
#addcomment textarea {
	width:90%;
	height:150px;
	font-size:11px;
	border:1px solid #AAAAAA;
	background-color:#717171;
	color:#FFFFFF;
	padding:5px;
	}

.comment-button {
   background:#717171;
	border:1px solid #AAAAAA;
	color:#FFFFFF;
	border-bottom:2px solid #AAAAAA;
	border-right:2px solid #AAAAAA;
	}

/* .............................. */
/* Footer */
/* .............................. */

#footer {
   text-align:center;
	margin-bottom: 20px;
	position: relative;
	color: #DDDDDD;
	clear: both;
   }
	
/* .............................. */
/* Impressum */
/* .............................. */	

#impressum ul{
	list-style-type:none;
	}

#impressum h1 {
	float:none;
	clear:none;
	margin-left:0px;
	}

/* .............................. */
/* Links */
/* .............................. */	
#links {
	width: 80%;
	text-align: left;
}

#links ul{
	list-style-type:none;
	}
	
#links hr {
	background-color:#DDDDDD;
	width: 100%;
}
	
#links h1 {
	float:none;
	clear:none;
	margin-left:0px;
	}

	
/* .............................. */
/* Wrapper                        */
/* .............................. */


#wrapper_tumbnails_images
	{
	margin:0px auto;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	position: absolute;
	left:0px; 
	top: 100px;
	width:13%; 
	text-align: left;
	}
	

#wrapper_home
	{
	margin:0px auto;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	text-align: center;
	width: 80%;
	}

#wrapper_categorielist_browse
	{
		left: 60px;
		width: 12%;
		text-align: left;
		float: left;
		min-height: 400px;
	}
#wrapper_pics_browse
	{
	text-align: center;
	margin-left: 13%;
	}