/*////////////////////////////////////////////////////// 
ALLGEMEINE FORMATIERUNG FÜR BUDOGATE® TEMPLATE 04 
//////////////////////////////////////////////////////*/
* { 
	margin: 0px; 
	padding: 0px;
}
html, body { 
	height: 100%;
}
body {	
	border:0px;
	background:#AB5216;
	background:#DACEB3;
	background:#373639;
	background:#EEC46E url(../images/allgemein/bgmuster.gif) fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center; /* mittig f�r IE */
}
table { 
	height:100%;
	width:836px;
	border:0px;
	margin-left:auto;
	margin-right:auto;
}
td, th { 
	vertical-align:top;
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
}
hr {
	border:0;
	border-top: 1px solid #CCCCCC;
	margin:5px 0 10px 0;
	height:0;
}
p, div, ul, ol {
	font-family:Arial, Helvetica, Verdana, sans_serif;
	font-size:12px;
	line-height:130%;
	color:#555555;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
}
h1 {
	font-size: 16px;
	color: #969696;
	margin-bottom:10px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	line-height:130%;
	font-size: 14px;
	color: #555555;
}
img {
	border: 0;
	/* png-behaviour for ie5.5 to ie6. NON STANDARD RULE. pfad von css-seite aus. Wichtig: in der Datei iepngfix.htc den Pfad zu dem dort eingebauten blank.gif richtig angeben. Die Datei blank.gif im image-Ordner nicht vergessen! */
	behaviour: url(../js/iepngfix.htc); 
}
ul, ol {
	margin-left:20px;
	margin-bottom:10px;
}

/*//////////////////////////LINKS//////////////////////////*/

a:link {
	color: #555555;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #555555;
}
a:hover {
	text-decoration: none;
	color: #555555;
}
a:active {
	text-decoration: underline;
	color: #555555;
}

/*//////////////////////////FORMULAR//////////////////////////*/

input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	border:none;
	background-color:#EFEFEF;
	padding:2px 5px;
	margin-bottom:10px;
	width:90%;
}
textarea[name="nachricht"] {
    margin-bottom:10px;
}
input[name="spamblocker"] {
	width:96px;
}
input[type="submit"] {
	font-size:12px;
	border:none;
	color:#FFF;
	background-color:#888;
	padding:2px;
	width:auto;
}

/*////////////////////////////////////////////////////// 
KONTAKT 
//////////////////////////////////////////////////////*/

.kontakt td {
	font-size:11px;
}
.kontakt .tdleft {
	width:100px;
	padding:0px;
}

/*////////////////////////////////////////////////////// 
TOP 
//////////////////////////////////////////////////////*/

.logo {
	background:white url(../images/allgemein/logo.jpg) no-repeat;
	border:1px solid #CCCCCC;
	border-top:0;
	border-left:0;
	width:220px;
	height:215px;
	text-align:center;
	vertical-align:middle;
}
.top {
	background:white url(../images/allgemein/RS_nimmt_ab.jpg) no-repeat;
	border-bottom: 1px solid #CCCCCC;
}
.top .swfs {
	padding:0px;
	height:220px;
}

/*////////////////////////////////////////////////////// 
NAVI
//////////////////////////////////////////////////////*/

.navi {
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
}
.navi .ueberschrift {
	background-color: #FFF;
}
.menu {
	border-bottom: 1px solid #CCCCCC;
	padding: 7px;
}
.submenu {
	border-bottom: 1px solid #CCCCCC;
	padding: 7px;
	padding-left:14px;
	background:#F2F2F2;
}
.navi .on {
	background:#F2F2F2;
}
.submenu .on a {
	color:#994112;
}
.navi .ueberschrift {
	background:#FAEDD3;
}
.messagebox, .bilderbox {
	border-bottom: 1px solid #CCCCCC;
	height:110px;
}

/*////////////////////////////////////////////////////// 
EVENTS
//////////////////////////////////////////////////////*/

.events {
	border-bottom: 0px solid #CCCCCC;
	overflow:hidden;
}
.wmec_table td{padding:7px;}
.wmec_rowcolor0, .wmec_rowcolor1, .wmec_rowcolor2 { border-bottom:1px solid #CCC;}
.wmec_table a { text-decoration:underline;}

/*////////////////////////////////////////////////////// 
MAIN
//////////////////////////////////////////////////////*/

.main {
	background-color: #FFF;
	padding: 10px 20px;
}
.main p {
	margin-bottom:10px;
}
.main table {
	border:0;
	padding:0px;
	width:100%;
	height:1px;
}
.main table td{
	border:0;
	padding:0;
}

/*////////////////////////////////////////////////////// 
POSTIT / STÖRER
//////////////////////////////////////////////////////*/

.postitholder {
	position:relative;
}
.postit {
	width:223px;
	height:230px;
	position:absolute;
	top:-240px;
	left:-420px;
}
.postit div {
	width:150px;
	height:165px;
	position:absolute;
	top:50px;
	left:40px;
	font-size:12px;
	color:111;
	/*font-style:italic;
	font-family:Georgia, 'Times New Roman', Times, serif;*/
	font-family:"Courier New", Courier, mono;
}
.postit .ueberschrift {
	margin-bottom:2px;
}

/*////////////////////////////////////////////////////// 
BILDANREISSER
//////////////////////////////////////////////////////*/

.anreisser_kl p {
	padding:0px;
	width:148px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.anreisser_kl .tdLeft{
}
.anreisser_kl .tdCenter{
	padding:0px 5px;
}
.anreisser_kl .tdRight{
}
.anreisser_gr {
	/*background:#DDEE11;*/
}
.anreisser_gr p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.kurztext {
	margin-top:-60px;
}

/*////////////////////////////////////////////////////// 
NEWSSYSTEM
//////////////////////////////////////////////////////*/

.newsAdCover {
    position:relative;
	height:0px;
}
.newsAdHide {
    height:20px;
	width:460px;
	position:absolute;
	top:0px;
	border:0px solid #CCC;
	background-color:white;
}
.wmnews_box table {
    width:445px;
	padding-top:2px;
	margin-bottom:5px;
}

/*////////////////////////////////////////////////////// 
SKYSCRAPER
//////////////////////////////////////////////////////*/

.skyscraper {
	width:120px;
	height:598px;
	background:#FFFFFF url(../images/allgemein/abnehmen-Remscheid.jpg) no-repeat;
	border-left:1px solid #CCCCCC;
	line-height:0px;
	font-size:0px;
}
.skyscraper a {
	border:0px;
}

/*////////////////////////////////////////////////////// 
DOWNLOADS
//////////////////////////////////////////////////////*/

.downloadholder {
	margin-bottom:15px;
	background:#EFEFEF;
}
.downloadpic {
	float:left;
	line-height:0;
}
.downloadlink {
	float:left;
	padding:5px;
}

/*////////////////////////////////////////////////////// 
COPYRIGHT 
//////////////////////////////////////////////////////*/

.copyright {
	font-size: 9px;
	color: #555555;
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	padding:5px;
	height:50px;
}

/*////////////////////////////////////////////////////// 
ZUSATZFORMATIERUNGEN 
//////////////////////////////////////////////////////*/

.award {
    font-size:9px;
	font-family:Arial, Helvetica, Verdana, sans_serif;
	text-align:center;
	padding:10px;
}
.ueberschrift {
	font-family: Georgia, Times New Roman, Times, serif;
    font-weight:bold; 
	font-size: 20px;
	color: #969696;
	color: #B59E67;
	color: #EEC46E;
	color: #994112;
	font-style: italic;
}
.bu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #994112;
	color: #555555;
}
.fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #555555;
}
.clearer {
	clear:both;
	height:0;
	line-height:0;
	padding:0;
	margin:0;
}
.farbe {
	color: #994112;
}

/*////////////////////////////////////////////////////// 
CSS von GANBARU v.1 (wegen news2.php von Joe)
//////////////////////////////////////////////////////*/

/*.Content { background:blue;}
.Content>p {margin:40px;}
.Content>p+p {text-indent:30px;} texteinrückung von 30px; .Content>p+p = bestimmt das für 2 hintereinander folgende p's die sich im content befinden, diese texteinrückung stattfindet */

div.thumb { border-bottom:1px solid #CCC; padding-bottom:15px;}

div.thumb img {}

/*////////////////////////////////////////////////////// 
LIGHTBOX 
//////////////////////////////////////////////////////*/


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	margin:0px;
	padding:0px;
	}
#imageContainer>#hoverNav{ left: 0; margin:0px; padding:0px;}
#hoverNav a{ outline: none; margin:0px; padding:0px;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block; margin:0px; padding:0px;
	}
#prevLink { left: 0; float: left;  margin:0px; padding:0px;}
#nextLink { right: 0; float: right;  margin:0px; padding:0px;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat;  margin:0px; padding:0px;}
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat;  margin:0px; padding:0px;}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; padding-left:0px;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}