/* Wanderpfa.de Main - www.wanderpfa.de*/

* {

	padding: 0;

	margin: 0;

}



body {

	text-align: center;

	font-size: 75%;

	font-family: Arial, sans-serif, Verdana, Helvetica;

	line-height: 1.3;
	
	color: #333333; 

}



h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {

	margin: 0.5em 0;

}



a img {

	border: 0px;

}



li, dd {

	margin-left: 1em;

}

li {

	list-style-type:circle;

}



fieldset {

	padding:5em;

}





td {

	padding:3px;

}







#wrap {

	min-width: 960px;

	max-width: 960px;

	width: auto !important;

	width: 960px;

	margin: 0 auto;

	text-align: left;

}





#header .logo {

	margin-top:55px;

}



#header h1 {

	font-variant: small-caps;

	padding-left: 20px;

	color:#fff;

	font-weight: bold;

	font-size: 50px;

}

#header input {

	background: url(../images/search.png) no-repeat;

	border:0;

	height: 22px;

	width: 168px;

	padding: 2px;

	font-size:1em;

	color:#fff;

	border:1px solid #fff;

}

#header .search {

	position:absolute;

	top: 30px;

	right:20px;

	color:#fff;

}



#header .banner {

	position:absolute;

	top: 68px;

	right:20px;

	color:#fff;

}



#leftcol {

	float:left;

	width:23%;

	overflow:hidden;

}

#content {

	float:left;

	width: 54%;

background-color: #F6F8F2;



}



#content1 {

	position:relative;

	float:left;

	width: 53%;

	overflow:hidden;

border: 1px solid #CCD5D5;

}



#content2 {

	position:relative;

	float:left;

	width: 76%;

	overflow:hidden;

border: 1px solid #CCD5D5;

}

#content3 {

	position:relative;

	float:left;

	width: 100%;

	overflow:hidden;

}





#rightcol {

	position:relative;

	float:left;

	width:23%;

	overflow:hidden;



}





#top {

	padding:10px 10px 5px 10px;

	margin:0px;

}

#top .box {

	padding:0;

	margin:0;

	color:#000;

	background:#fff;

}



#bottom {

	clear:both;

	padding:10px 10px;

	margin:5px 10px;

	background:#fff;

	border-top:1px dotted #708059;

	border-bottom:1px dotted #708059;

}



#user {

	clear:both;

	padding:10px;

}



.box {

	padding:10px;

}



/* --- */



#leftcolbg {

	background: url(../images/lbg.png) 23% 0 repeat-y;



}



#rightcolbg {

	background: url(../images/rbg.png) 77% 0 repeat-y;



}







img.rare {

       border: double 3px #CCD5D5;

       float: right;

       margin-left: 10px;       

}



img.rali {

       border: double 3px #CCD5D5;

       float: left;

       margin-right: 10px;       

}







a {color: #4A5170;}

a:link {color: #4A5170;}

a:hover {color: #4A5170;}


/* Linkformatierung im Content-Bereich */ a.basic:link, 


a.basic:visited  {

text-decoration: none;

padding: 0px 2px 1px 2px;

border-right: 1px solid #CCD5D5;

border-bottom: 1px solid #CCD5D5;

background-color: #F6F6F6;

color: #4A5170;

font-weight: bold;

}



a.basic:hover  {

text-decoration: none;

padding: 0px 2px 1px 2px;

border-right: 1px solid #708059;

border-bottom: 1px solid #708059;

background-color: #CCD0D9;

color: #000;

font-weight: bold;

}



h1, .contentheading, .componentheading, .contentpagetitle {

	color: #4A5170;

	font-weight:bold;

	font-size:1.2em;

}

h2{font-size: 1.5em;}

h3 {font-size: 1.3em;}

h4 {font-size: 1.2em;}

h5 {font-size: 1.1em;}

h6 {font-size: 1em;}



hr {

	border:1px solid #CCD5D5;

}

fieldset {

	padding: 0.3em;

	border: 0px;

}





.createdate, .modifydate {

	font-size:0.8em;

	color: #B9C4C4;

}





#footer, .small {

	font-size:0.8em;

	color: #000;

}



.module {

	margin-bottom: 1em;

	padding: 0 10px;

	padding-bottom: 5px;

	border: 1px solid #CCD5D5;

	text-align:left;

	background-color: #F6F6F6;

}



.module h3 {

	background: #CCD0D9;

	color: #4A5170;

	padding: 0.25em 0.5em;

	text-align: center;

	font-size: 1.1em;

	margin: 2px -8px 0.5em -8px;

	text-align: left;

	

}





.module_menu {

	padding:0;

	margin-bottom: 1em;

	color: #708059;
	
	font-weight:bold;

}



.module_menu h3 {

	background: #5D6483;

	color: #FFF;

	padding: 0.25em 0.5em;

	text-align: left;

	font-size: 1.1em;

	margin: 0;

	border-bottom: 1px solid #FFF;

	

}



.module_menu ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



.module_menu li {

	border-bottom: 1px solid #F6F8F2;

	margin: 0;

	list-style:none;

}



.module_menu li a {

	display: block;

	padding: 3px 5px 3px 2.5em;

	background-color: #CCD0D9;

	color: #fff;

	text-decoration:none;

	font-size:1.1em;

}



html>body .module_menu li a {

	width: auto;

}

.module_menu li a:hover, a#active_menu:link, a#active_menu:visited {

        background-color: #EAEAEC;

	

	color:#4A5170;

}



.module_menu #current a {

	background: url(../images/rl2.png) no-repeat;

	background-color: #FFF;

	color:#4A5170;
                     
}



/*sub*/

.module_menu ul li ul li a{

	display: block;

	padding: 3px 5px 3px 2.5em;

	border-left: 20px solid #F6F6F7;

	background-color: #CCD0D9;

	color: #fff;

	text-decoration:none;

	border-top: 1px solid #FFF;


}



.module_menu ul #current ul li a{

	display: block;

	padding: 3px 5px 3px 2.5em;

	border-left: 20px solid #F6F6F7;

	border-top: 1px solid #F6F6F7;

	background-color: #FFF;

	margin:0 0 -1px 0;

	color:#4A5170;
	
	background: url(../images/rl5.png) no-repeat;

}



.module_menu ul li ul #current a{

	display: block;

	padding: 3px 5px 3px 2.5em;

	border-top: 1px solid #F6F6F7;

	border-left: 20px solid #F6F6F7;

	background-color: #FFF;

	margin:0 0 -1px 0;

	color:#4A5170;
	
	background: url(../images/rl2.png) no-repeat;

}





#header .module {

	margin-bottom: 0em;

	padding: 0; border: 0px;

}





#mainlevel-nav {

	list-style:none;

	float:right;

	margin:0;

	padding:0;

	width:100%;

	list-style-type:none;

	position:absolute;

	bottom:0px;

	right:10px;

}



#mainlevel-nav li {

	list-style:none;

	float:right;

	margin:0;

	padding:0px;

}



#mainlevel-nav a:link,#mainlevel-nav a:visited {

	float:left;

	display:block;

	color:#000;

	text-decoration:none;

	margin:0 2px;

	padding:7px 8px 5px 8px;

	border-left: 1px solid #485A59;

	border-top: 1px solid #485A59;

	border-right: 1px solid #485A59;

	border-bottom: 1px solid #485A59;

	background:#CCD0D9;

}



#header #active_menu-nav, #mainlevel-nav #current a {

	float:left;

	display:block;

	color:#000;

	text-decoration:none;

	margin:0 2px;

	padding:7px 8px 5px 8px;

	border-left: 1px solid #485A59;

	border-top: 1px solid #485A59;

	border-right: 1px solid #485A59;

	border-bottom: 1px solid #fff;

	background:#FFF;

}



#mainlevel-nav #current {

background:#FFF;

}



#mainlevel-nav li a:hover {

background:#F6F6F6;

}



.pagination span, .pagination a, .pagination strong{

	margin:0 3px;

}

#lightbox{

	background-color:#F8F8F8;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



#overlay{ background-image: url(http://www.wanderpfa.de/scripte/lightbox/overlay.png); }



* html #overlay{

	background-color: #333;

	back\ground-color: transparent;

	background-image: url(http://www.wanderpfa.de/scripte/lightbox/blank.gif); }

/*icons interne links*/ a.basicli:link, 

a.basicli:visited  {

text-decoration: none;

padding: 0px 2px 1px 2px;

border-right: 1px solid #CCD5D5;

border-bottom: 1px solid #CCD5D5;

background-color: #F6F6F6;

color: #4A5170;

font-weight: bold;

padding-right: 16px;

background: url(../images/icon-internal-link.gif) right no-repeat;
}



a.basicli:hover  {

text-decoration: none;

padding: 0px 2px 1px 2px;

border-right: 1px solid #708059;

border-bottom: 1px solid #708059;

background-color: #CCD0D9;

color: #000;

font-weight: bold;

padding-right: 16px;

background: url(../images/icon-internal-link.gif) right no-repeat;
}

/*icons interne links*/ a.basicle:link,  

a.basicle:visited  {

text-decoration: none;

padding: 0px 2px 1px 2px;

border-right: 1px solid #CCD5D5;

border-bottom: 1px solid #CCD5D5;

background-color: #F6F6F6;

color: #4A5170;

font-weight: bold;

padding-right: 16px;
  
background: url(../images/icon-external-link.gif) right no-repeat;
}



a.basicle:hover  {

text-decoration: none;

padding: 0px 2px 1px 2px;

border-right: 1px solid #708059;

border-bottom: 1px solid #708059;

background-color: #CCD0D9;

color: #000;

font-weight: bold;

padding-right: 16px;

background: url(../images/icon-external-link.gif) right no-repeat;
}

/*icons externe interne links*/ 

.li {
  padding-right: 16px;
  background: url(../images/icon-external-link.gif) right no-repeat;
}

.le {
  padding-right: 16px;
  background: url(../images/icon-external-link.gif) right no-repeat;
}