/*
 * Oog Photo-Gallery v3.1.1
 * 2009 von Torben Rottbrand
 */

html, body {
 margin:0;
 margin-top:10px;
 padding:0;
 background-color:#F4F4;
 background-image:url(../../../images/hg1.png);
 color: red;
} 

body img {
 border:0;
}

h1, h3, h4, h5, h6, p, form { margin:0; padding:0; color: black; }
h2 
{
font-family:sans-serif;
font-size: 20px;
color: yellow;
}

h5 {
 font-family: sans-serif;
 font-size: 15px;
 font-weight: normal;
 color: black;
}

#wrapper {
 width:100%;
 margin:0 auto;
 background-color:#A7;
 border:1px solid #C1C1C1;
 border-top:1px solid #C1C1C1;
}

#content {
 width:99%;
 height:auto;
 margin:0 auto;
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:0.8em;
 color:green;
}

#spalten {
 margin-top:15px;
 width:100%;
 line-height:1.6em;
 background-image:url(imgdata/spalten.png);
 background-repeat:repeat-y;
}

#inhalt { width:70%; float:left; padding:17px; padding-top:0; text-align:center; margin-left:7px; }
.spacer { clear:both; height:100px; }
#header { height:116px; }

a:active { text-decoration:none; color:#0025ff; }
a:link { text-decoration:none; color:#0025FF; }
a:visited { text-decoration:none; color:#0025FF; }
a:hover { text-decoration:underline; color:#0025FF; }
.mid_head a { color:red; }
.mid_head a:hover { color:#6E6E78; text-decoration:underline; }
.big_head a { color:#448EF4; }
.big_head a:hover { color:#448EF4; text-decoration:underline; }
#content_navi { text-align:center; margin-bottom:20px; }
#content_navi a { color:#667; } 
#content_navi a:hover { color:#556; }

#slogan {
	margin:0px; 
	float:right;
	list-style-type:none;
	padding:6px;
	padding-left:15px;
	width:60%;
	margin-top:40px;
	background-color: #FAFAFA;
	font-family: Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight: bold;
	color:#BBB;
	border:1px dotted #D7D7DD;
	letter-spacing:1px;
	position:relative;
}

#logo {
 width:258px;
 height:120px;
 float:left;
 position:relative;
 margin-top: 13px;
}

#inhalt h2 {
 font-family:Arial,Helvetica,sans-serif;
 font-size:20px;
 font-weight:bold;
 color: black;
}

#language {
 margin-right:4px;
 margin-top:20px;
 float:right;
 font-family:Arial,Helvetica,sans-serif;
 letter-spacing:1px;
}

#menu {
  float: left;
  width: 15%;
background-color: #;
color: black;
}
#mainimg { background:url(imgdata/header.png) no-repeat; height:140px; margin-left:220px;
}
 
#contentarea {
 clear:both;
 padding:25px 0;
}

#bottom {
 clear:both;
 height:5px;
 padding-top:10px;
}

#footer {
 width:99%;
 height:50px;
 margin:0 auto;
 background-color:transparent;
 margin-top:6px;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:.8em;
 color: #969BA0;
}

#footer_left { width:300px; float:left; text-align:left; height:50px; }
#footer_center { width:333px; float:left; text-align:center; height:50px; }
#footer_right { width:300px; float:left; text-align:right; height:50px; }
#footer a:active { text-decoration:none; color:#969BA0; }
#footer a:link { text-decoration:none; color:#969BA0; }
#footer a:visited { text-decoration:none; color:#969BA0; }
#footer a:hover { text-decoration:none; color:#000000; }

/***most/newest***/

.most_viewed_albums {
  float: left;
  height: 196px;
  width: 200px;
  padding: 5px;
  padding-top: 8px;
  margin: 10px;
  margin-top: 6px;
  border: 1px dotted #D7D7DD;
}
.most_viewed_albums:hover {
  background: url(imgdata/menu_background_over.png);
}
.most_viewed_albums a {
  color: green;
}
.most_viewed_albums a:hover {
  color: red;
}
.most_viewed_albums_thumb {
  border: 1px solid #fff;
}
.newest_albums {
  float: left;
  height: 196px;
  width: 200px;
  padding: 5px;
  padding-top: 8px;
  margin: 10px;
  margin-top: 6px;
  border: 1px dotted #D7D7DD;
}
.newest_albums:hover {
  background: url(imgdata/menu_background_over.png);
}
.newest_albums a {
  color: green;
}
.newest_albums a:hover {
  color: red;
}
.newest_albums_thumb {
  border: 0px solid #fff;
}

/**** CSS for thumbnail_mode = 0 ****/

.thumb {
  border-style: solid;
  border-color: transparent;
}
.thumb:hover {
  border-color: #F0F0EB;
}

/**** CSS for thumbnail = 1 ****/

.thbox { 
  float: left;
  margin: 7px;
}
.thshad {
  padding-bottom: 7px;
  background: url(imgdata/shad_312.gif) no-repeat bottom right;
}
.thborder {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #F2F2F4;
  border: 1px solid #C4C4CA;
  cursor: pointer;
}
.thborder:hover {
  border: 1px solid #999;
}