/*<group=General Styles>*/

body {	
	background-color:#fff;
	background-image:url(../images/backgrounds/body.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	color:#222;
	margin:0;
}

#top {
	width:715px;
	padding:12px 25px 15px 25px;
	background-image:url(../images/backgrounds/top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	color:#fff;
	margin:0 auto;
	text-align:right;
}

#top a {
	padding:0 10px 0 10px;
	
	color:#fff;
    border:none;
}

#top a:hover {
	text-decoration:underline;
}
#top b {
	float:left;
	font-weight:normal;
}
#top b a {
	border-left:1px dotted #ccc;
	border-right:none;
    border:none;
}

#container {
	width:765px;
	margin:0 auto;
	background-image:url(../images/backgrounds/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:236px 20px 0 0;
}

#menu {
	width:710px;
	margin:0 auto;
	text-align:left;
	background-image:url(../images/backgrounds/menu.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#menu #nav {
	margin:0;
	padding:0;
	float:left;
}

#nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#nav li a {
	display:block;
	width:78px;
	text-align:center;
	margin:0 1px 0 0;
	background-image:url(../images/backgrounds/menu_link.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color:#555;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	padding:55px 0 23px 0;
    border:none;
}
#nav li a em {
	font-style:normal;
	text-decoration:underline;
}

#nav li a.last {
	margin:0;
}

#nav li a:hover {
	background-image:url(../images/backgrounds/menu_link.jpg);
	background-position:right;
	color:#fff;
}

#nav li a.active {
	background-image:url(../images/backgrounds/menu_link.jpg);
	background-position:right;
	color:#fff;
}

.clear {
	clear:both;
}

#sidebar {
	width:196px;
	float:right;
	background-image:url(../images/backgrounds/sidebar.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0 15px 0 0 !important;
	margin:0 7px 0 0;
	padding:7px 20px 20px 20px;
	color:#777;
	line-height:18px;
	font-size:90%;
	word-spacing:-1px;
}

#sidebar h1 {
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#F2C21C;
	font-weight:normal;
	margin:10px 0 10px 0;
}
#sidebar h1.first {
	color:#fff;
	margin:10px 0 35px 0;
}

.imageStyle {
    border: none;
    padding: 0px;
    margin: 0px;
}

#content {
	margin:0 252px 0 20px;
	background-image:url(../images/backgrounds/content.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding:10px 20px 10px 20px;
}
#content {
	line-height:20px;
	word-spacing:2px;
}
#content h1 {
	font-family:Trebuchet MS, sans-serif;
	font-size:24px;
	color:#222;
	font-weight:normal;
	margin:30px 0 35px 0;
	letter-spacing:-1.5px;
	border-bottom:2px solid #ff0000;
	padding:0 0 2px 0;
}
#content h1 a {
	color:#222;
	text-decoration:none;
border:none;
}
#content h1 a:hover {
	color:#666;
}

#content p {
	text-indent:15px;
}

#sidebar .linkroll {
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #eee;
}
.linkroll li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.linkroll li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/backgrounds/linkroll.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}

.linkroll li a:hover {
	background-image:url(../images/backgrounds/linkroll_hover.gif);
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	
}

#sidebar .document {
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #eee;
}
.document li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.document li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/backgrounds/acrobat.png);
	background-position:left;
	background-repeat:no-repeat;
	
}

.document li a:hover {
	background-image:url(../images/backgrounds/acrobat.png);
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	
}



#sidebar .update {
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #eee;
}
.update li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.update li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/backgrounds/page_white_code.png);
	background-position:left;
	background-repeat:no-repeat;
	
}

.update li a:hover {
	background-image:url(../images/backgrounds/page_code.png);
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	
}

#sidebar .ch {
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #eee;
}
.ch li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.ch li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/backgrounds/ch.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}

.ch li a:hover {
	background-image:url(../images/backgrounds/ch_hoover.gif);
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	
}

#sidebar .fr {
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #eee;
}
.fr li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.fr li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/backgrounds/fr.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}

.fr li a:hover {
	background-image:url(../images/backgrounds/fr_hoover.gif);
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	
}

#sidebar .valid {
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #eee;
}
.valid li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.valid li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/backgrounds/ok.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}

.valid li a:hover {
	background-image:url(../images/backgrounds/ok_hoover.gif);
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	
}

#sidebar .link {
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #eee;
}
.link li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.link li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/backgrounds/right2.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}

.link li a:hover {
	background-image:url(../images/backgrounds/down2.gif);
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	
}

#sidebar .sense {
	margin:10px 0 10px 0;
	padding:0;
	border-top:1px solid #eee;
}
.sense li {
	margin:1px;
	padding:0 !important;
	padding:1px;
	list-style:none;
}

.sense li a {
	padding:2px 2px 2px 18px;
	display:block;
	margin:0;
	color:#777;
	text-decoration:none;
	border-bottom:1px solid #eee;
	background-image:url(../images/backgrounds/sense.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}

.sense li a:hover {
	background-image:url(../images/backgrounds/sense_hoover.gif);
	border-bottom:1px solid #ccc;
	background-color:#fbfbfb;
	color:#444;
	
}

h2 {
font:120% Verdana;
color:#3b8bc4;
border-bottom:1px dotted #ccc;
}

blockquote {
margin:0;
padding:5px 15px 5px 15px;
background:#fffcbd;
}

a {
color:#222;
border-bottom:1px solid #ff0000; /*farbe link*/
text-decoration:none;
}

a:hover {
color:#000;
border-bottom:1px solid #666; /*farbe hoverlink*/
}

.album-title {  
padding: 5px;   
font-size: 1.0em; 
font-weight: normal;  
text-align: center;   
color: #222; }   

.album-description {   
padding: 5px;  
font-size: 1em;   
font-weight: normal;  
color: #222;   
text-align: left;  
margin-bottom: 80px;  }   

.album-wrap {  
display: block;   
width: 99%;  
position: relative;  }   

.thumbnail-wrap {  
text-align: center;   
position: relative;  
float: left;   
margin-bottom: 65px;  
margin-right: 25px;   
display: block; }   

.thumbnail-frame {   
padding: 5px;  
background: #f3f3f3;   
margin: 0px 1px 1px 0px;  
position: absolute;  bottom: 0; left: 0;  }   

.thumbnail-frame img {  
margin: auto;  
border: none; }   

.thumbnail-caption {   
color: #222;  
font: normal 0.85em   'Lucida Grande', Geneva, Arial, Verdana, sans-serif;   margin: 1px;  
padding: 5px 0 0 0;   
height: 25px;  
display: block;  } 


#footer {
	padding:10px;
	border-top:2px solid #f6f6f6;
	text-align:center;
	margin:20px 0 0 0;
}
