/* @override 
	http://relgeiz.net/css/style.css
	http://www.relgeiz.net/css/style.css
*/

<!-- STYLE SHEET -->

/* Author: damndirty; style: relgeiz.net */


* {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

body {
	font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	color:#CCCCCC;
	line-height:16px;
	background:#363636;
	font-size:12px;
	margin:0;
	padding:0;
}

td, p {
	font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color: #CCCCCC;
	line-height:18px;
}
 
h1 {
	color:#99ff00;
	font-weight:bold;
	font-size:20px;
	margin-bottom:7px;
	margin-top:5px;
}

h3 {
	color:#99ff00;
	font-weight:bold;
	font-size:16px;
	margin-bottom:7px;
	margin-top:5px;
}

.date {
	color:#888888;
	font-weight:bold;
	font-size:12px;
}

.comment {
	float:right;
	margin:20px 5px 0 0;
	background:url(../images/comment.gif) left top no-repeat;
	padding:0 0 0 22px;
}

div.comment a {
	border:none;
	text-decoration:underline;
}

#small {
	font-size:9px;
}

#smalldark {
	color:#454545;
	font-size:9px;
}

a:link {
	color: #99FF00;
	text-decoration:none;
	border-bottom:1px dotted #99FF00;
}

a:visited {
	color: #79ca00;
	text-decoration:none;
	border-bottom:1px dotted #79ca00;
}

a:hover {
	color:#c6fe73;
	text-decoration:none;
	border-bottom:1px dotted ##c6fe73;
}

a:active {
	color: #99FF00;
	text-decoration:none;
	border-bottom:1px dotted #99FF00;
}


#header {
	background:url(../images/index_03.jpg) top left repeat-x;
	height:25px;
}


#content { 
/*	background-color:#333333; */
	text-align:center;
	margin:0 auto; 
	border:0px solid #FF00FF;
	background:#363636;
}

#wrapper {
	width:900px;
	margin:0 auto;
	padding:15px 0 0 0;
	border-left:0px solid #1f1f1f;
	border-right:0px solid #1f1f1f;
}

.box {
	clear:both;
	width: 900px;
	border-bottom:0px solid #555;
	margin:0 0 15px 0;
	padding:0 0 25px 0;
	background:url(../images/box_bottom_back.gif) bottom left no-repeat;
	float:left;
}

.bigbox {
	clear:both;
	margin:0 0 0 0;
	padding:0 0 25px 0;
	background:url(../images/bigbox_bottom_back.gif) bottom left no-repeat;
	float:left;
}

.bigblog {
	border:0px solid #305277;
	padding:20px 30px 0 30px;
	width:840px;
	float:left;
	text-align:justify;
	background:#111 url(../images/bigblog_top_back.gif) left top no-repeat;
	border:0px solid #F00;
}


#welcome {
	margin:5px 0 10px 0;
	background:url(../images/willkommen.gif) left top no-repeat;
	height:44px;
	border-bottom:4px solid #555;
}


.blog {
	clear: both;
	border:0px solid #305277;
	padding:20px 20px 20px 20px;
	width:585px;
	float:left;
	text-align:justify;
	background:#111 url(../images/blog_top_back.gif) left top no-repeat;
	border:0px solid #F00;
}


.gallery {
	border:0px solid #305277;
	float:left;
	margin:40px 0 0 0;
	padding:2px 5px 2px 20px;
	color:#555555;
	background:#252525 url(../images/gallery_left_back.gif) left top repeat-y;
	text-align:left;
	width:250px;
	float:left;
	
}
.gallery img {
	margin: 0;
	width: 244px;
	border: none;
}

.gallery h3 {
	color:#99FF00;
	font-weight:bold;
	font-size:11px;
	margin:0 0 5px 0;
	text-align:center;	
}

.gallery p {
	font-size:10px;
	line-height:10px;
	padding:0 0 0 5px;	
}

#navi_wrap {
	text-align:center;
	background:url(../images/navi_back.jpg);
}

#navi {
	margin:0 auto;
	padding:0;
	height:60px;
	width:900px;
	/*background:url(../images/navi_back.jpg);*/
	position:relative;
}

#logo {
	width:236px;
	height:60px;
	float:right;
	background:url(../images/relgeiz_logo.gif);
	text-indent:-9999px;
}

.quote {
	padding:0;
	margin:25px;
	background:#333333 url(../images/quote.gif) top right no-repeat;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
	font-style:italic;
}
* html .quote {
	width: 520px;
}

.quote h2 {
	padding:0 15px 0 15px;
	color:#999;
	font-size:16px;
}

.quote p {
	padding:0 35px 0 15px;
	color:#999;
	font-family: Georgia, Times, serif;
	line-height: 22px;
}

.quote p.quelle {
	padding:0 35px 0 15px;
	text-align:right;
}

/* Main Navigation */

#navi ul {
	margin: 0;
	padding: 0;
	width: 307px;
/*	width: 422px;*/
	height: 60px;
	float:left;
	/*background:url(../images/navi.jpg);*/
	border:0px solid #FFF;
	}
	
#navi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	background:transparent;
	}
	
#navi li, #navi a {
	display: block;
	height: 60px;
	border:none;
	}
	
#navi li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 60px;
}
	
#navi #home { left: 0; width: 52px; background: transparent url(../images/navi.jpg) 0 0px no-repeat; }
#navi #galerie { left: 52px; width: 61px; background: transparent url(../images/navi.jpg) -52px 0px no-repeat; }
#navi #links { left: 113px; width: 49px; background: transparent url(../images/navi.jpg) -188px 0px no-repeat; }
#navi #kontakt { left: 162px; width: 70px; background: transparent url(../images/navi.jpg) -237px 0px no-repeat; }
#navi #canongang { left:  232px; width: 115px; background: transparent url(../images/navi.jpg) -307px 0px no-repeat;}

#home a:hover { background: transparent url(../images/navi.jpg) 0 -60px no-repeat; }
#galerie a:hover { background: transparent url(../images/navi.jpg) -52px -60px no-repeat; }
#links a:hover { background: transparent url(../images/navi.jpg) -188px -60px no-repeat; }
#kontakt a:hover { background: transparent url(../images/navi.jpg) -237px -60px no-repeat; }
#canongang a:hover { background: transparent url(../images/navi.jpg) -307px -60px no-repeat; }

#x #home { background: transparent url(../images/navi.jpg) 0 -60px no-repeat; }
#xhome #home { background: transparent url(../images/navi.jpg) 0 -60px no-repeat; }
#xarchiv #home { background: transparent url(../images/navi.jpg) 0 -60px no-repeat; }
#xfotogalerie #galerie { background: transparent url(../images/navi.jpg) -52px -60px no-repeat; }
#xfotoclub #fotoclub { background: transparent url(../images/navi.jpg) -113px -60px no-repeat; }
#xlinks #links { background: transparent url(../images/navi.jpg) -188px -60px no-repeat; }
#xkontakt #kontakt { background: transparent url(../images/navi.jpg) -237px -60px no-repeat; }
#xcanongang #canongang { background: transparent url(../images/navi.jpg) -307px -60px no-repeat; }

#footwrapper {
	text-align:center;
	background:url(../images/footer_back.gif) top left repeat-x;
	height:60px;
	clear:both;
}

#footer {
	margin:0 auto;
	width:900px;
	height:45px;
	color:#333;
	padding:15px 0 0 20px;
	text-transform:uppercase;
	font-size:10px;
	text-align:left;
}

#footer a {
	color:#666;
	border:none;
}

#footer strong {
	font-size:10px;
}


.back {
	padding:10px;
	text-align:left;
}


.small {
	font-size:10px;
	color:#444;
}

.datum {
	font-size:10px;
	color:#666;
}


form {
  padding:0 0 0 20px;
}

#com_name, #com_email, #com_website {
  width:50%;
}

textarea {
	width:95%;
	height:150px;
}

label {
  display: block;
  font-weight:bold;
}