@charset "utf-8";
/* CSS Document */

element.style  {
	min-height:100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, blockquote, th, td {
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-family:Arial, Geneva, sans-serif;
	font-size:13px;
}

p {
	font-family:Tahoma, Geneva, sans-serif;
	font-family:Arial, Geneva, sans-serif;
	font-size:13px;
}
a:active, a { 
	outline: none; 
}
 
:focus { 
	-moz-outline-style: none; 
}
 
:-moz-any-link:focus {
	outline: none;
}

#wrapI {
	background-color:#EEEEEE;
	background-image:none;
	float:left;
	width:100%;
}

#wrapII  {
	background:url("grfx/bg_mainpage.gif") repeat-y scroll center top transparent;
	float:left;
	width:100%;
}

#wrapIII  {
	background:url("grfx/bg_mainpage_top.jpg") no-repeat scroll center top transparent;
	float:left;
	padding-top:20px;
	width:100%;
}

#wrapIV {
	left:0;
	margin:0 auto;
	padding-top:10px;
	position:relative;
	top:0;
	width:950px;
}

div#wrapIV { 
	min-height:400px;
	height:expression(this.scrollHeight > 400 ? "auto":"400px");
}

#headcont  {
	background:url("grfx/header.jpg") no-repeat scroll 0 0 transparent;
	height:85px;
	left:0;
	position:relative;
	top:0;
}

	
#mainmenue {
	width:200px;
	margin-left:15px;
	margin-top:40px;
	float:left;
}

#maincont {
	left:220px;
	width:480px;
	float:left;
	padding:20px;
}

#mainright {
	width:200px;
	float:left;
	min-height:400px;
	height:expression(this.scrollHeight > 500 ? "auto":"400px");
	background-color:#fff;
}

#footer  {
	background:url("grfx/bg_footerpage.gif") repeat-y scroll center top transparent;
	float:left;
	width:100%;
}

#footerII  {
	background:url("grfx/bg_footer_topline.gif") no-repeat scroll center top transparent;
	float:left;
	width:100%;
}

#footerIII  {
	margin:0 auto;
	padding-top:40px;
	width:950px;
}

#bottom  {
	background:url("grfx/bg_bottom.gif") no-repeat scroll center top #EEEEEE;
	color:#666666;
	float:left;
	width:100%;
}

#bottomII {
	height:78px;
	margin:0 auto;
	padding-top:40px;
	width:950px;
}
#mainmenue ul {
	margin-top:20px;
	margin-bottom:20px;
	border-top:1px dotted #7DFF7D;
}

#mainmenue ul ul {
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:20px solid #fff;
}

#mainmenue li {
	list-style-type:none;
	padding-left:28px;
	border-bottom:1px dotted #7DFF7D;
	line-height:24px;
}

#mainmenue li a {
	text-decoration:none;
	width:160px;
	display:block;
	height:24px;
	padding-left:10px;
	color:#333;
	/* background-color:#F6F2EF; */
}

#mainmenue li a:hover {
	text-decoration:underline;
	color:#000;
}

.ico_00 {
	background-image:url(grfx/ico_kompass.jpg);
	background-repeat:no-repeat;
}
.ico_01 {
	background-image:url(grfx/ico_bekleidung.jpg);
	background-repeat:no-repeat;
}
.ico_02 {
	background-image:url(grfx/ico_schuhe.jpg);
	background-repeat:no-repeat;
}
.ico_03 {
	background-image:url(grfx/ico_rucksack.jpg);
	background-repeat:no-repeat;
}
.ico_04 {
	background-image:url(grfx/ico_schlafsack.jpg);
	background-repeat:no-repeat;
}
.ico_05 {
	background-image:url(grfx/ico_bergsport.jpg);
	background-repeat:no-repeat;
}
.ico_06 {
	background-image:url(grfx/ico_kueche.jpg);
	background-repeat:no-repeat;
}
.ico_07 {
	background-image:url(grfx/ico_zelt.jpg);
	background-repeat:no-repeat;
}
.ico_08 {
	background-image:url(grfx/ico_arbeitsschutz.jpg);
	background-repeat:no-repeat;
}

.secondlist a {
	background-color:#FFF;
	background-image:url(grfx/ico_second.jpg);
	background-repeat:no-repeat;
	margin-left:-15px;
	color:#0F0;
}

#contboxright {
	width:190px;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(grfx/bg_rightbox.jpg);
	background-position:bottom;
	min-height:100px;
	height:expression(this.scrollHeight > 100 ? "auto":"100px");
	margin-top:20px;
}

#mainmenue .active a {
	color:#005B00;
	font-weight:bold;
}

#subheadcont  {
	height:140px;
	position:relative;
	top:0;
	margin-left:15px;
	width:722px;
	background-color:#090;
	float:left;
}

#rootright {
	height:140px;
	/*
	background-image:url(grfx/bg_rightmenu.jpg);
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	*/
	background-color:#690;
	background-image:url(grfx/bg_rightmenu.jpg);
	float:left;
	border-left:1px solid #FFF;
}

#rootright ul {
	/* background: rgba(0, 100, 0, 0.7); */
}

#rootright li {
	list-style-type:none;
	padding-left:0px;
	border-bottom:1px dotted #7DFF7D;
	line-height:24px;
}

#rootright li a {
	text-decoration:none;
	width:180px;
	display:block;
	height:24px;
	padding-left:20px;
	color:#fff;
	/* background-color:#F6F2EF; */
}

#rootright li a:hover {
	text-decoration:none;
	color:#fff;
	border-left:5px solid #FFF;
	padding-left:15px;
	color:#FFF;
	background-image:url(grfx/bg_rightmenu.jpg);
	background: rgba(255, 255, 255, 0.3);
}

#portfolio li {
	list-style:none;
}

#breadcrumb {
	margin-top:0px;
	font-size:0.9em;
	color:#666;
	float:right;
}

#breadcrumb a {
	color:#666;
	text-decoration:none;
}
#breadcrumb a:hover {
	color:#666;
	text-decoration:underline;
}

/* ################################################################################################# */

.link_icon { padding-left:20px; background-repeat:no-repeat; background-position:0px 2px;}
.ico_pdf { background-image:url(grfx/icos/fico_pdf.gif); }
.ico_xls { background-image:url(grfx/icos/fico_xls.gif); }
.ico_doc { background-image:url(grfx/icos/fico_doc.gif); }
.ico_zip { background-image:url(grfx/icos/fico_zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(grfx/icos/fico_jpg.gif); }
.ico_gif, .tif { background-image:url(grfx/icos/fico_pic.gif); }
.ico_def { background-image:url(grfx/icos/fico_def.gif); }


/* ################################################################################################# */
#gap_klein {
	height:15px;
	clear:both;
}
#gap_mittel {
	height:30px;
	clear:both;
}
#gap_gross {
	height:50px;
	clear:both;
}

/* ################################################################################################# */
.floatRight {
	float:right;
	margin-left:10px;
	margin-top:2px;
	margin-bottom:2px;
}

.floatLeft {
	float:left;
	margin-right:10px;
	margin-top:2px;
	margin-bottom:2px;
}
.floatNone{
	float:none;
	margin-top:2px;
	margin-bottom:2px;
	clear:both;
}


/* ################################################################################################# */

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #DFEEDD;
}
/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #E9EBF3;
	border: 1px solid #003366;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #FFCC66;	
}
/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #003399;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}
/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #006699;
	border: 1px solid #FFCC33;
	float: right;
	color: #FFFFFF;
}

/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}
/* ################################################################################################# */



#artikel {
	margin-top:35px;
	color:#333;
	line-height:1.4em;
}
#artikel a {
	text-decoration:none;
	color:#060;
	border-bottom:1px dotted #060;
}
#artikel h1 {
	font-size:1.2em;
	margin-bottom:0.3em;
}

#artikel h2 {
	font-size:1.1em;
	margin-bottom:0.2em;
	margin-top:0.2em;
}

#artikel h3 {
	font-size:1.1em;
	margin-bottom:0.2em;
	margin-top:0.2em;
	color:#060;
}

.txt-img {
}
 
#contboxright h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	margin-bottom:0.2em;
	margin-top:0.2em;
	color:#060;
}
#contboxright h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	margin-bottom:0.2em;
	margin-top:0.2em;
	margin-left:15px;
	color:#060;
}
#contboxright h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	margin-bottom:0.2em;
	margin-top:0.2em;
	color:#060;
}

#contboxright p {
	margin:5px;
	font-size:0.85em;
	color:#444;
	line-height:1.4em;
}
#contboxright a {
	font-size:0.85em;
	text-decoration:none;
	color:#060;
	border-bottom:1px dotted #060;
}

.bildergalerie {
	text-decoration:none;
}

#claim p {
	position:absolute; 
	left:15px; 
	top:160px; 
	padding-left:30px;
	padding-right:15px;
	/*background: rgba(255, 255, 255, 0.5);  */
	background-image:url(grfx/bg_claim.jpg);
	color:#030; 
	z-index:20; 
	height:28px; 
	font-size:22px; 
	font-family:Georgia, 'Times New Roman', Times, serif;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
}

.picsgalpics {
	border:1px solid #ccc;
}