/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #000000 url(main_bg.jpg) no-repeat bottom fixed;
}

#wrapper { 
 margin: 0 auto;
 width: 760px;
}
#faux {
 margin-bottom: 10px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#headerspace {
	height: 10px;
}

#header {
 	color: #ffffff;
 	width: 760px;
 	padding: 0px;
 	height: 225px;
 	margin: 0px;
	background: #000000 url(header.jpg) no-repeat;
}

#headercontent {
	height: 100px;
	padding-top: 100px;
	padding-left: 10px;
}

#headercontent b {
	font-size: 24px;
	text-transform: uppercase;
}

#topnav {
	color: #ffffff;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	padding-top: 2px;
}

#topnavcontent {
	height: 24px;
}

#topnavcontent, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#topnavcontent ul {padding:0; margin:0; list-style-type: none;}
#topnavcontent {margin:0px; position:relative; z-index:1;}
#topnavcontent li {float:left; position:relative; padding-left:10px;}
#topnavcontent a, #pmenu a:visited {
display:block; 
width:100px; 
font-size:12px; 
color:#ffffff; 
height:23px; 
line-height:22px; 
text-decoration:none; 
text-indent:5px; 
background:#990000; 
}

#topnavcontent a:hover, #pmenu a:hover {
color:#000000; 
background:#ffffff; 
}

#rightcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 200px;
 float: right;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 550px;
 /*display: inline;*/
 position: relative;
}

#content {
	width: 480px;
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
}

#content a {
	color: #990000;
}

#content h1 {
	font-size: 18px;
	color: #990000;
	padding-bottom: 10px;
}

#content h6 {
	font-size: 12px;
	color: #FFFFFF;
	padding-bottom: 10px;
}

#content h3 {
	font-size: 12px;
	color: #990000;
	background: url(/templates/images/trenner.png);
	height:40px;
	padding-left: 60px;
	padding-top: 10px;
}

#content ul {
	padding-left: 25px;
	padding-bottom: 15px;
}

#content ol {
	padding-left: 25px;
	padding-bottom: 15px;
}

#content p {
	padding-bottom: 10px;
	line-height:18px; 
}

#content img {
	/*border: 1px solid #ffffff;*/
}

#content input, textarea {
	border: 1px solid #990000;
	background:#000000;
	color: #990000;
}

#content submit {
	border: 1px solid #990000;
	background:#000000;
	color: #990000;
}

#content blockquote {
width: 400px;
margin: 0px;
padding-left: 20px;
padding-right: 10px;
background: transparent;
quotes: "\201C" "\201D";
font-style:italic;
}

#content blockquote:before { content: open-quote; font-weight: bold; font-size: 36px;}
#content blockquote:after { content: close-quote; font-weight: bold; font-size: 36px;}

.listing{
list-style-type: none;
list-style-position:outside;
margin-left: -25px;
display: block;
}

#content  .listing a {
/*color: #5F9503;*/
/*color: #550707;*/
font-weight: bold;
}

#content  .listing li {
padding-top: 10px;
}

.listline br{
	margin-bottom: 10px;
}

.preview {
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	border: 0;
	margin-top: 5px;
}

#Bildergalerie {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#PictureCol1 {
	text-align: left;
	width: 125px;
	float: left;
}

#PictureCol2 {
	text-align: left;
	width: 125px;
	float: left;
}

#PictureCol3 {
	text-align: left;
	width: 125px;
	float: left;
}

#PictureCol4 {
	text-align: left;
	width: 100px;
	float: right;
}

#PictureCol1 a img, #PictureCol2 a img, #PictureCol3 a img, #PictureCol4 a img{
	border : none;
	}
	
#lionwrapper {
	padding-top: 10px;
}

#lion {
	background: transparent url(/templates/images/lion_trans.png) no-repeat left;
	width: 40px;
	height: 33px;
	float: left;
}

#liontext {
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 40px;
	padding-top: 10px;
	font-weight: bold;
}

#navigation {
	width: 200px;
}

#navigation #pmenu {padding:0; margin:25px 0 50px 15px; list-style-type: none; width:180px; position:relative; z-index:500;}
#navigation ul {padding:0; margin:0; list-style-type: none; width:180px;}
#navigation li {position:relative;}
/*#navigation a, #pmenu a:visited {*/
#navigation a {
	display:block; 
	width:180px; 
	font-size:12px; 
	color: #990000;
	height:23px; 
	line-height:22px; 
	text-decoration:none; 
	text-indent:5px; 
	background:#000000;
	border:1px solid #990000; 
	border-width:0px 0px 1px 0px;
	}
	
#navigation li:hover > a {background:#ffffff; color:#c00;}
#navigation li ul {display: none;} 
#navigation li:hover > ul {display:block; position:absolute; top:0; left:-180px; background:#ffffff;}

#navigation .inactiveli1 a {
	display:block; 
	width:180px; 
	font-size:12px; 
	color: #ffffff;
	height:23px; 
	line-height:22px; 
	text-decoration:none; 
	text-indent:5px; 
	background:#990000;
	border:1px solid #fff; 
	border-width:0px 0px 1px 0px;
	}

.clear { clear: both; background: none; }