/*
___________________________________________________________________

Content:	Stylesheet für ski-schneider.de
creation:	19.10.2008 by bgarthe@netzpepper.de
changed:	
___________________________________________________________________
*/

html {
	overflow: auto;
	height: 100%;
	background-color: #dae3f2;
	background-image:url(/fileadmin/layout/bilder/browserbackground.gif);
	background-repeat:repeat-x;
}
 
body,p {
	margin: 0px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 14px;

}

body {
	color:#4f4f4f;
}

h1,h2,h3,h4,h5,h6 {
	margin-top:0px;
	color:#4f73ae;
	font-weight:bold;
	font-style: italic;
}

h1{
	font-size: 20px;	
}
h2{
	font-size: 17px;	
}
h3{
	font-size: 15px;	
}
h4{
	font-size: 14px;	
}

p {	
	margin-bottom: 6px;
}

a {
	color:#4f73ae;
	text-decoration: underline;
}	

	
	
/*
___________________________________________________________________in

aufbau der seite
___________________________________________________________________
*/
div#wrap {
	position: relative;
	/* +3px für den Rand*/
	width: 910px;

	margin: 0px auto 0px auto;
	padding: 0px;		
}

div#site {
	width: 910px;	
}

div#top {
	position: relative;
	height: 244px;
	overflow:hidden;
}

div#topleft {
	float: left;
	width: 270px;	
}

div#topleft a#logo{
	display: block;
	height: 98px;
	background-color: blue;
}

div#topleft ul {
	list-style-type: none;
}
div#topleft ul li {
	width: 270px;	
	height: 49px;

	background-color: e6e6e6;	
}
						
div#topleft ul li a {
	text-decoration: none;
	color: #444;
	font-size: 18px;

	display:block;
	width:170px;
	height:49px;
	padding-left:100px;
	
	line-height: 49px;
}

div#topleft ul li.menuitem1 a {
	background-image:url(/fileadmin/layout/bilder/verleih.gif);
}
div#topleft ul li.menuitem1 a.aktiv {
	background-image:url(/fileadmin/layout/bilder/verleih-on.gif);
}

div#topleft ul li.menuitem2 a {
	background-image:url(/fileadmin/layout/bilder/service.gif);
}
div#topleft ul li.menuitem2 a.aktiv {
	background-image:url(/fileadmin/layout/bilder/service-on.gif);
}

div#topleft ul li.menuitem3 a {
	background-image:url(/fileadmin/layout/bilder/shop.gif);
}
div#topleft ul li.menuitem3 a.aktiv {
	background-image:url(/fileadmin/layout/bilder/shop-on.gif);
}
						
div#topleft ul li a.aktiv {
	color: #d00;
}

div#topright {
	width: 640px;
	height: 244px;
	overflow: hidden;
	background-color: #ddd;
}

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

div#navileiste {
	position: relative;
	width: 910px;
	height: 32px;
	background-color: #395c99;
	background-image:url(/fileadmin/layout/bilder/navibackground.gif);
}

div#navileiste ul#navi2 {
	position: absolute;
	list-style-type: none;
	top: 7px;
	left: 30px;
}
div#navileiste ul#navi2 li {
	float: left;		
	height: 25px;
}

* html div#navileiste ul#navi2 li {
	width: 80px;
}
						
div#navileiste ul#navi2 li a {
	display:block;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	height: 25px;
	line-height: 18px;
}
						
div#navileiste ul#navi2 li a.aktiv {
	color: #2c4680;
	background-color: #fff;
	background-image:url(/fileadmin/layout/bilder/hoverbackground.gif);
}

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

ul#languagenavi {
	position: absolute;
	height: 22px;	
	top: 7px;
	padding-top:3px;
	list-style-type: none;	
	right: 30px;
	background-image:url(/fileadmin/layout/bilder/hoverbackground.gif);
	background-color: #fff;
}


ul#languagenavi li {
	float: left;
	margin-right: 6px;
	margin-left: 6px;
}
						
ul#languagenavi li a {
	text-decoration: none;
	color: #000;
	font-size: 14px;
}
						
ul#languagenavi li a.aktiv {
	color: #d00;
}
						
/*********************************/

div#contentarea {
	background-color: #fff;
	width: 910px;
	padding: 15px 0px 15px 0px;
	overflow:hidden;
}


div#content {
	width: 624px;
	float: left;
	padding: 10px;
	border-right: 1px solid #666;
}




div#content p{	
	margin-top: 6px;
}

div#content ul{
	list-style-type: disc;
	
	margin-left: 14px;
}
div#content ul li{	
}


div#contentright {
	width: 245px;
	float: left;
	padding: 10px;
	
}

div#contentright p{	
	margin-top: 6px;
}

div#contentright ul{
	list-style-type: disc;
	padding-left: 10px;
}



div#footer {
	position: relative;
	width: 910px;
	padding-top: 15px;
	height: 38px;	
	background-image:url(/fileadmin/layout/bilder/footerbackground.gif);
	color: #fff;	
}

div#copyright {
	position: absolute;
	left: 30px;	
	margin-top: 2px;
}

div#contentright h1{
	font-size: 20px;	
}

ul#footerNavi {
	position: absolute;
	right: 30px;
	margin: 0px;
	padding: 0px;

	list-style-type:none;
	
}
ul#footerNavi li {
	padding: 0px 5px 0px 5px;
	float: left;
}
ul#footerNavi li a {
	line-height: 18px;
	color: #fff;
	text-decoration: none;
}



/* Kontaktformular */

td.beschriftung1 {
	width: 90px;
}

td.beschriftung2 {
	width: 90px;
	padding-left: 40px;
}

textarea {
	width: 400px;
	height: 70px;
	margin-bottom: 15px;
}


/* Template Teaser rechts */

div.teaser_wrap {
	position: relative;
	width:235px;
	margin-bottom: 10px;
}

div.teaser_wrap h1 {
	padding: 0px 10px 0px 10px;
}
div.teaser_wrap div.text {
	padding: 0px 10px 0px 10px;
}
div.teaser_wrap div.img {
}

/* Google Maps Anfahrt */
div.tx_lumogooglemaps_pi1_sidebar {
	display:none;
}


/** Der Ticker **/
div#ticker {
	position: absolute;
	left: 580px;
	top: 8px;
	width: 230px;
	height: 15px;
	overflow: hidden;
	
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	
}

div#tickersrc {
	display:none;
}

div#ticker p {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: inline;
	font-size: 12px !important;
}

div#ticker a {
	color: #ffea0d;
}



div#vorbestellung {

}

div#vorbestellung span.kategorie {
	padding-right: 140px;
}
div#vorbestellung span.kategorieinp {
	padding-right: 55px;
}
div#vorbestellung span.kategorieinp select{
	width: 150px;
}



div#vorbestellung span.laenge {
	padding-right: 30px;
}
div#vorbestellung span.laengeinp {
	padding-right: 61px;
}
div#vorbestellung span.laengeinp input {
	width: 50px;
}

div#vorbestellung span.schuhe {
	padding-right: 17px;
}
div#vorbestellung span.schuheinp {
	padding-right: 48px;
}
div#vorbestellung span.schuhgr {
	padding-right: 40px;
}
div#vorbestellung span.schuhgrinp {
	padding-right: 78px;
}
div#vorbestellung a {
	font-size: 0.8em;
}



/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}

/* Kontaktformular */
.kontakt_fehler {
	color: red;
}

/* Template für die Ski */
div.ski_drumherum {
}
div.ski_drumherum div.bild {
	width: 350px;
	overflow:hidden;
	float:left;
	margin-right: 12px;
}
div.ski_drumherum div.bild img {
	
}
div.ski_drumherum div.rechts {
	float:left;
	margin-bottom: 15px;
}
div.ski_drumherum div.rechts h1.ueberschrift{
	
}

div.ski_drumherum div.rechts div.beschreibung {
 	width: 180px;
 	height: auto;
 	float: left;
}

div.ski_drumherum div.rechts div.beschreibung p{
 	margin: 0 !important;
 	padding:0 !important;
}

div.ski_drumherum div.rechts div.preiskaufen {
 	float: left;
}
div.ski_drumherum div.rechts div.preis h1.preis {
 	font-size: 18px;
}

div.ski_drumherum div.rechts div.preis h2.kaufen{
 	float: left;
 	font-size: 18px;
}