/**

 * Basic styles for www.fernwege.de, www.walk-in-europe.com, www.roxheim.de

 * (c) Mike Zaschka		17.08.2006

 * (c) Susanne Moog		26.04.2008

 */





/* basic styles */

body {

	font-family: Arial;

	font-size: 81%;

	/* that means: 81% = 10pt = 1em = 13px */

}



h1, h2, h3, h4, h5, p, div, span, img, form {

	margin: 0;

	padding: 0;

	border: 0;

	font-family: Arial;

	font-size: 1.0em;

}



h1 {

	font-size: 1.45em;

	font-weight: bold;

	color: black;

	vertical-align: top;

	margin: 0 0 0.35em 0;

}





h2 {

	padding: 0 0.2em 0 0.2em;

	text-align: left;

	vertical-align: top;

	margin: 0 0 0.35em 0;

	color: #000000;

	font-weight: bold;

	background: #CCE7E7;

	font-size: 1.0em;

}



h3 {

	padding: 0 0.2em 0 0.2em;

	text-align: left;

	vertical-align: top;

	margin: 0 0 0.35em 0;

	color: #000000;

	font-weight: bold;

	border-bottom: 0.15em solid #1A6161;

}



h4 {

	background: #339999;

	font-weight: bold;

	color: white;

	vertical-align: top;

	text-align: center;

	margin: 0 0 0.3em 0;

}



p {

	font-size: 1em;

}



a:link {

	color: #0000ff;

	text-decoration: none;

}



a:visited {

	color: #0000ff;

	text-decoration: none;

}



a:hover {

	color: #0000ff;

	text-decoration: underline}



a:active {

	color: #ff0000;

}



ul {

	list-style-type:none;

	list-style-image:url(../images/list.gif);

	list-style-position: outside;

	margin: 0 0 0 -1.375em;

}



ul li {

	font-size: 1em;

	line-height: 1.23em;

	padding: 0;

	margin: 0 0 0 -0.3em;

}



ul li p {

	margin: 0;

	padding: 0;

}



/* Formulare */



.form-left {

 	float: left;

	width: 12.31em;

	line-height: 1.92em;

	vertical-align: middle;

}





.form-right {

	line-height: 1.92em;

	vertical-align: middle;

	padding: 0;

}



.form-row {

  	margin: 0 0 0.46em 0;

	clear: both;

}



/* Gesamte Seite */

#page {

	position: relative;

	width: 80.91em;

	background-color: white;

}



/* Kopfbereich */



#logo {

/*	width: 18.15em; */

	height: 4.61em;

	float: left;

/*	margin-right: 4.23em; */

}



#banner-top {

        float: right;
        height:90px;
        width:728px;
}



/* Pfad-Navigation */



div#sub-header {

	width: 75.2em;

	border-bottom: 0.15em;

	border-bottom-style: solid;

	border-bottom-color: #1A6161;

	line-height: 1.3em;

	display: block;

	clear: both;

	vertical-align: bottom;

	margin: 0.61em 0 0.61em 0;

	position: relative;

}



div#google-top iframe {

	margin-top: 1.2em;

}



div#sub-header div#online {

float:right;

	vertical-align: bottom;

	font-size: 0.95em;

}



#pfadnavi {

	vertical-align: bottom;

	font-size: 0.95em;

	float: left;

	bottom: 0;

clear:both;

}



#pfadnavi a {

	font-size: 0.95em;

}



/* Content + Menýbereich */



div#main {

	width: 100%;

clear:both;

}



/* Navigation */



/* Main */



div#content-left {

	margin: 0 1.15em 0 0;

	float: left;

	width: 13.73em;

clear:both;

}



/* Content */

#content {

	display: block;

	margin: 0 1.15em 0 0;

	width: 36em;

	min-width: 36em;

	height: auto;

	float: left;

	text-align: left;

}



#content .cItem {

	/* margin-bottom: 1.15em; */

	clear: both;

	width: 100%;

}



#content_right {

	padding: 0;

	margin: 0 1.15em 0.61em 0;

	width: 12.70em;

	border: 0.07em solid #339999;

	background: #ffffff;

	text-align: left;

	font-family: Arial;

	font-size: 1em;

	font-weight: normal;

	color: black;

	float: left;

}



#content_right p {

	margin: 0 0.1em 0 0.1em;

}



#content_right ul {

	padding-bottom: 0.2em;

}



#content_right .cItem {

	clear: both;

	margin-bottom: 0.38em;

}



#content_right .cItem p {

	padding: 0 0.38em 0 0.38em;

}



#bannerRight {

	height: auto;

	float: left;

}



.banner-right-top {

	max-width: 118px;

	width: 118px;

	border: 0.07em solid #339999;

	text-align: left;

	padding-bottom: 0.3em;

}

.banner-left-top .banner-right-top {
	max-width: 158px;
	width: 158px;
}



.banner-right-top p {

	padding: 0 2px 0 2px;

}



#footer {

	clear: both;

	width: 69.30em;

	padding-top: 0.46em;

	text-align: center;

	border-top: 0.07em;

	border-top-style: solid;

	border-top-color: #1A6161;

}



#mainnavigation1, #mainnavigation2 {

background-color:#339999;

display:block;

margin-left:0;

margin-right:0;

padding-left:0em;

height:1.5em;

position:relative;

clear:both;

top:1em;

font-weight:bold;

}



#mainnavigation2 {

height:1.45em;

margin-bottom:1.5em;

}



#mainnavigation1 {

/*border-bottom:1px solid white;*/
	margin-bottom: 1px;



}



#mainnavigation1 li, #mainnavigation2 li {

display:inline;

}



#mainnavigation1 li a {

display:block;

float:left;

padding:0.15em 1.4em 0.1em;

border-right:1px dashed white;

text-decoration:none;

color:white;

}



 #mainnavigation2 li a {

display:block;

float:left;

padding:0.1em 1.31em 0.1em;

border-right:1px dashed white;

color:white;

text-decoration:none;

}





#mainnavigation1 li.current a, #mainnavigation2 li.current a,  #mainnavigation1 li a:hover, #mainnavigation2 li a:hover   {

background-color:#1a6161;

}



/******************************************************************************/



ul#navMain {

	padding: 0;

	margin: 0 0 1.15em 0;

	list-style-position: outside;

	z-index: 20;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	list-style-type: none;

	width: 12.73em;

	background-color: #ffffff;

	border-bottom-style: none;

	list-style-image: none;

}

ul#navMain li {

	display: block;

	padding: 0 0 0 1.15em;

	margin: 0;

	width: 12.73em;

	color: #ffffff;

	background-image: url(../images/menu-normal.gif);

	background-repeat: no-repeat;

 	background-position: 0 0;

	list-style-image: none;

}



ul#navMain li a {

	display: block;

	margin: 0.15em 0 0 0;

	padding: 0 0 0.07em 0.23em;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

	font-size: 1em;

	background-color: #339999;

}



ul#navMain li a:hover {

	background-color: #1a6161;

}

ul#navMain li.active {

	background-image: url(../images/menu-normal-act.gif);

	background-repeat: no-repeat;

 	background-position: 0 0;

}



ul#navMain li.active ul li.sub a {

	background-image: url(../images/menu-normal.gif);

	background-repeat: no-repeat;

 	background-position: right 2px;

}



ul#navMain li.active ul li.sub a:hover {

	background-image: url(../images/menu-normal-subhov.gif);

	background-repeat: no-repeat;

 	background-position: right 2px;

}



ul#navMain li.active ul li.active a {

	background-color: #339999;

color:white;

}



ul#navMain li.active ul li.sub.active a {

	background-image: url(../images/menu-normal-subact.gif);

	background-repeat: no-repeat;

 	background-position: right 2px;

	background-color: #339999;

color:white;
font-weight:bold;
}

ul#navMain li.active ul li.sub.active ul li {
width:11em;
padding-left:1.7em;
}


ul#navMain li.active ul li.sub.active ul li a {
	color: #1a6161;
background-color:#e1f2f2;
background-image:none;
border:none;
font-weight:normal;
}



ul#navMain li.active ul li.sub.active ul li a:hover, ul#navMain li.active ul li.sub.active ul li.active a {

background-color:#cce7e7;

}



ul #navMain li.home {

background-image:none;

}



ul#navMain li.active a {

	background-color: #1a6161;

}

ul#navMain li.active a:hover {

}



ul#navMain LI.active UL {

	display: block;

	padding: 0;

	margin: 0;

	list-style-position: outside;

	border-bottom-width: 0;

	list-style-type: none;

	list-style-image: none;

}

ul#navMain li.active ul li {

	display: block;

	margin: 0.15em 0 0 0;

	width: 12.73em;

	background-image: none;

	padding: 0;

}



ul#navMain li.active ul li a {

	background: #cce7e7;

	font-family: Arial;

	font-size: 1em;

	font-weight: normal;

	padding: 0.23em 0 0.15em 0.31em;

	color: #3333ff;

}

ul#navMain li.active ul li a:hover {

	/* text-decoration: underline; */

	background-color: #339999;

	color: #FFFFFF;

}





#subsubheader {

height:1.4em;

}

#google-top iframe{
float:right;
border-top:1px solid #339999;
border-bottom:1px solid #339999;
padding:5px 0;
}

.totoplink a, .totoplink a:hover, .totoplink a:focus{
width:100px;
float:right;
padding-top:13px;
background:url(../images/to-top.gif) no-repeat bottom left;
text-indent:-800px;
border:none;
}

#bannerLeft {
width:160px;
margin-left:20px;
margin-top:15px;
}

div#google-top {
	border-bottom:1px solid #339999;
	border-top:1px solid #339999;
	float:right;
	padding:4px 0;
	width: 728px;
	margin-top:16px;
}

div#google-top ul {
	font-size:12px;
	font-weight:bold;
	margin:0;
	text-align:right;
}

div#google-top ul li.warenkorb {
	background:transparent url(/fileadmin/redesign/images/w_korb_head.gif) no-repeat scroll left center;
	padding-left:25px;
}

div#google-top ul li {
	display: inline;
	margin-left:10px;
}

div#google-top ul li a {
	font-weight:normal;
	text-decoration:none;
}

div#google-top ul li a:hover {
	font-weight:normal;
	text-decoration:underline;
}