html, body{
background: black url(images/bg.jpg);
 margin:0; 
 padding:0; 
 color: white;
 text-align:center; 
 	font: 12pt Georgia;
} 
#wrapper {
	background: black;
	
}
 
#pagewidth { 
 width:750px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 border-left: 3px solid #DC143C;
 border-right: 3px solid #DC143C;
} 
 
#header{
	position: relative;
	background-color: #000000;
	width: 100%;
	height: 320px;
} 
 
#content {background-color: #000000;  
 float: left; 
 display:inline; 
 position: relative; 
 width:58%; 
 padding: 10px;

 }
 
 
 #sidebar {
 	width: 30%;
	padding: 20px;
	float: right;
	
 }
 
 .titel {
	color: white;
	font: small-caps bold 12pt Georgia;
	background: url(images/h2.gif);
	width: 100%;
	height: 20px;
	padding: 15px;

	border-bottom: black double 3px;
}
 
#footer{
 height:30px; 
  background-color:#000000; 
 clear:both;
 text-align: right;
 } 
 

 #post {
 	padding: 5px;
 	margin-top: 40px;
 }
 

/*-----------sonstiges--------------------------- */

.image {
	border: 1px solid #e80f0c;
	padding: 5px;
	background: white;
}

a
{
	text-decoration: none;
	color: #DC143C;
	font: Georgia 12pt;
}

a:hover
{
	text-decoration: none;
	color: white;
}


.bild {
	border: 1px solid #e80f0c;
	padding: 5px;
	background: white;
}

li ul {
	list-style: square;
	font: Georgia 12pt;
}

h1 {
	font: small-caps bold 15pt Georgia;
	padding: 3px;
	color: #DC143C;
	text-align: left;
	border-bottom: 2px solid #DC143C;
	width: 100%;
}

h2, h3 {
	color: white;
	background: url(images/h2.gif);
	font: small-caps bold 14pt Georgia;
	height: 20px;
	padding: 8px;
	border-bottom: 2px solid #DC143C;
}

p {
	padding: 5px 10px;
	margin: 0px;
	font: 12pt Georgia;
	color: white;
}


blockquote {
	background: #EAEAEA;
	border: 2px double #DC143C;
	padding: 15px;
	width: 70%;
	font: 12pt Georgia;
	color: #DC143C;
}



table {
		font: 12pt Georgia;
	color: white;
}

form {width:80%;}
label {display:block;}
input, textarea {font-size:11px;}
textarea {width:500px;height:240px;}
input.button {
	border: 1px solid #000;
	background: #20B2AA;
	margin-top: 12px;
}
.fehler {border:1px solid red;}
p.error {color:red;}


/* ----------galerie-------------- */

form {
	display: inline;
}

img {
	border: 0;
	display: inline;
}

input.submit
{
	border: 3px double #DC143C;
	border-top-color: #DC143C;
	border-left-color: #DC143C;
	background-color: black;
	color: #DC143C;
	font: 12pt Georgia;
}

.photos-large {
	border: 1px solid #e80f0c;
	padding: 5px;
	background: white;

}

#picture-holder a:hover img{
	border: 1px solid #e80f0c;
	padding: 5px;
	background: white;
}

#gallery-name {
	padding: 0;
	margin: 0;
}

#picture_caption {
	font-size: 12pt;
}

#main_container {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

#inner_wrapper {
	/* padding: 10px;*/
	width: 100%;
}

#wrapper {
	font: Georgia 12pt;
}

#picture-holder {
	text-align: center;
}

#exif_toggle {
	padding: 0;
	margin: 0;
}

.thumbnail img {
	text-align: center;
	border: 1px solid #e80f0c;
	padding: 5px;
	background: white;
}


.photos {
	border: 1px solid #e80f0c;
	padding: 5px;
	background: white;
}


#jump_menu {
	float: right;
}

#download_selected {
	float: right;
	text-align: right;
}

#pagination {

	padding: 2px;
	margin: 0;
	clear: both;
	border-top: 		1px solid #DC143C;
	border-bottom: 		1px solid #DC143C;
}

#breadcrumbs {
	margin: 0;
	padding: 2px;
	border-top: 		1px solid #DC143C;
	border-bottom: 		1px solid #DC143C;
	
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #FFC; */
}

#breadcrumb_links {
	margin: 2px; 
}

a.print {
	background-image: url(../graphics/printer.gif); 
	background-repeat: no-repeat; 
	background-position: left middle;  
	padding-left: 20px; 
}

.page_link {
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}

#search_box {
	margin-left: 5px;
	float: right;
}

table {border: 0px; cell-padding: 0px; width: 100%;}

.date, #picture_caption
    {
    font-size:         0.9em;
    font-weight:       bold;
    line-height:       1.4;
    background-repeat: no-repeat;
    text-transform:    uppercase;
    letter-spacing:    2px;
    margin-left:       4px;
    padding-bottom:    2px;
    }
		
#picture_caption 
		{
		font-size:		 		 0.8em;
		font-weight:			 normal;
		text-transform: 	 none;
		letter-spacing:		 1px;
		
		}
		
a.nav-link-img-next {
		background-image:    url(../graphics/fforward.gif);
    	background-repeat:   no-repeat;
    	background-position: right 1px;
		padding-right: 20px;
		width: 40px;
	  }

a.nav-link-img-prev {
		background-image:    url(../graphics/rewind.gif);
   	 	background-repeat:   no-repeat;
    	background-position: left 1px;
		padding-left: 20px;
		width: 40px;
	  }
		

.meta-header { 
		font-size: 85%;
		padding: 0;
		margin: 0;
		color: #8b0000;
		text-align: center;
}


#exif_data {
		padding: 20px;
		text-align: left;
		width: 50%;
		color: white;
}

ul.slides {
  	margin:0;
  	margin-top: 15px;
  	padding:0;
  	list-style:none;
  	line-height:1.4em;
}
  
.slides li {
  	display:block;
	float:left;
  	margin:0 10px 10px 0;
  	padding:0;
	width: auto;
	height: auto;
}

#link-back {

	font-size: 65%;
	text-align: right;
	padding: 0;
	margin: 0;
	
}

.tag {
		 text-align: center;
}

.large-thumb-toolbar {

	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}		

.errors
{
    width:            500px;
    background-image: url('../graphics/x.gif');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    margin-bottom:    15px;
    border-bottom:    1px solid maroon;
    border-top:       1px solid maroon;
    border-left:      1px solid maroon;
    border-right:     1px solid maroon;
    padding:          8px;
    background-color: #FFCCCC;
    padding-left:     28px;
}
		 

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#sidebar{display:none;} 
#spalten, #content{width:100%; float:none;}
}