body {
	padding:0;
	margin:0;
	background: #000000 url(../files/back.jpg) repeat-x;
	color:#707070;
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size:9pt;
	text-align: center;
}

#wrap {
	margin:0;
	padding:0;
	
}

 
#header-wrap {
	margin:0;
	padding:0;
	height:163px;
	margin-left: auto;
	margin-right: auto;
	
}


#header {
	width:778px;
	height:105px;
	background: #000000 url(../files/icepeak-header.gif) ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;	
}

#navigation {
	width:771px;
	height:29px;
	background: #000000 url(../files/navi-oben-icepeak.gif) ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	text-align:left;
}

#header-content {
	padding-top:40px;
	text-align:left;
	width:780px;
	margin-left: auto;
	margin-right: auto;
}



#container {
	margin:0;
	padding:0;
	text-align:left;
	width:820px;
	background: #FFFFFF url(../files/bg.jpg) repeat-y  ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}



#content-wrap {
	width: 780px;
	margin: 0px auto;
	padding: 0;
}


#footer-wrap {
	padding:0;
	margin:0 auto ;
	background: url(../files/footer-bg.jpg) repeat-x  ;


}

#footer {
	width:820px;
	height:80px;
	text-align:center;
	margin:0 auto;
	padding:0;

	background: #C9A664 url(../files/footer.jpg) no-repeat 50% 0  ;
}



 #nav1 {
	clear: both;	
	margin: 0 auto; 
	padding: 0;
	background: #C9A664 url(../files/menu.jpg) repeat-x;
	font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 780px;
	border-top :2px solid #FFFFFF ;
	border-bottom : 2px solid #FFFFFF ;
	margin-bottom:50px;	
}

#nav1 ul {
	float: left;
	list-style: none;
	margin-bottom:50px; 
	padding: 0 ;
}

#nav1 ul li {
	display: inline;
}

#navXX1 ul li a {
	display: block;
	float: left;
	padding: 0 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	border-right: 1px solid #e7c482 ;
}

#nav1 ul li a:hover {
	background: #EFB351 url(../files/selectedMenu.jpg) repeat-x;
	color: #000000;	
}


li.current {
	background-color:#C9A664;
	color: #FFFFFF;
} 


 


#main {
	float: left;
	width: 480px;
	padding: 3px 0 0 0;
	margin: 0px 0px 0px 35px ; 
	display: inline;
	background: url(../files/box.jpg) no-repeat;
}


#mainzweiteseite {
	width: 750px;
	padding: 3px 0 0 0;
	margin: 0px 0px 0px 35px ; 
	background: url(../files/box.jpg) no-repeat;
}

#main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin:0px 0pt 0pt 0pt ;
	color:#FF0000;
}

#main p, #sidebar p {
	text-align:justify;
	color:#2661A7;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:1.7em;
	
}


h1 {
	font-family:Trebuchet MS;
	font-size:12pt;	
	color:#9BBFBF;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:12pt;	
	color:#9BBFBF;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:12pt;	
	color:#9BBFBF;
}

#main img {
	border:0px solid #CCC;
	padding:5px ;
}

a, a:visited {
	color:#2661A7;
	text-decoration:none;
}

a:hover {
	color:#E60000;
	text-decoration:underline;
}


#sidebar {
	float: right;
	width: 260px;
	padding: 0px;
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #707070;
}


#sidebar h3 {
	font-family:Trebuchet MS, sans-serif;
    font-size:14pt;
	color: #9BBFBF;
}


#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #d6d6d6;	
}

#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #d6d6d6 ;
}


* html body #sidebar ul.sidemenu li {
	height: 1%;
}


#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #08A2F7;				
}


#sidebar ul.sidemenu li a:hover {	
	color: #303030 ;
}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }






#footer-content {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF ;
	margin: 0 auto;
	width:780px;
	text-align:center;
}

#footer-content a:link, #footer-content a:visited  {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF ;
	text-decoration:none;
}

#footer p {
	text-align:center;
}

p, div, td {
	color:$fontColor;
	font:Trebuchet MS 9 ;
} 

.clear {
	clear:both;
}

/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/



.menu {
  font-family: verdana, sans-serif; 
  width:780px;                    /*  (1)  */
  height: 40px;
  position:relative; 
  font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
  text-align:center;
  z-index:100;
}
.menu ul {                        /* UL Ebene 1 */
  padding:0; 
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block; 
  text-decoration:none; 
  color:#fff; 
  width:80px;                 /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
  height:40px;                    /*  (2)  */
  border:1px solid #FFFFFF;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-width:0px 1px 0 0; 
  background: #C9A664 url(../files/menu.jpg) repeat-x; 
               /*  --> (2)  */
}
* html .menu ul li a, .menu ul li a:visited {
  width:80px;                    /* für 'normale' Browser */
  w\idth:120px;                   /* für IE */
}
.menu ul li ul {
  display: none;
}

table {
  border-collapse:collapse;
  font-size:0.8em;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE  nav1 over effekt*/
  .menu ul li:hover a,
  .menu ul li a:hover {
  color:#000000; 
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:25px;                          /*  --> (2)  */
  margin-top:15px;
  left:0; 
  width:150px;
}


* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
/*ebene 2 navi geht auf */
  background: #C9A664 url(../files/menu.jpg) repeat-x;
  color:#000000; 
  padding-top:10px;
  line-height:1.2em; 
  padding-left:3px;
  width:129px;
  

 
}
* html .menu ul li a:hover ul li a {
  width:150px;
  w\idth:129px;
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {
  background:#aaa url(file:///C|/webserver/waterrower-onlinede/graphics/drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  background: #C9A664 url(../files/menu.jpg) repeat-x; 
  color:#fff;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:150px; 
  top:0;
  width:150px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-150px;
}

#form-module *{padding:0px;margin:0px}
#form-module{margin:0px;padding:0px;background-color:#FFFFFF;color:#666}
#form-module fieldset{margin:20px 0px 10px 0px;padding:5px 10px;border:1px solid #dddddd}
#form-module legend{
background-color:FFFFFF;
color:#000;
padding:2px 10px;
border:1px solid #dddddd
;margin:0px 0px 10px 0px;
font-weight:bold
}

#form-module p{margin:0;padding-bottom:1em;font-size:1em;font-weight:bold}
#form-module h2{padding:1em 0 1em 0}
#form-module .element{display:block;clear:both;background-color:#FFFFFF;border-top:2px solid #FFFFFF}
#form-module label{display:block;float:left;padding:0px;width:120px;border-right:2px solid #FFFFFF}
#form-module label.checkbox{width:252px;border-left:2px solid #FFFFFF;border-right:none}
#form-module label.checkboxinner{width:250px;border-left:2px solid #FFFFFF;border-right:none}
#form-module input,#form-module select,#form-module textarea{float:left;margin:2px;font-size:1em;width:200px;border:1px solid #999}#form-module input:focus,#form-module input:hover,#form-module select:focus,#form-module select:hover,#form-module textarea:focus,#form-module textarea:focus{background-color:#dddddd;border:1px solid #000}#form-module input.text{height:1.4em}#form-module input.textshort{width:30px}#form-module input.textshortdisabled{display:none;float:none;width:50px;border:none}#form-module input.checkbox{width:120px;padding:0;border:none}#form-module input.checkboxinner{width:30px;padding:0;margin:0 0 0 123px;border:none}#form-module input.submit{margin:5px 5px 5px 123px;padding:2px 5px;width:120px;background-color:#f7f7f7;color:#000;font-size:1em;text-align:center;cursor:pointer}#form-module input.submit:hover{background-color:#DE2100;color:#fff}#form-module label.textarea,#form-module textarea.textarea{height:96px}
#form-module-thanks{display:block;color:#666;font-size:1.2em}

.bild {
	clear: both;	
	position:relative;
	margin: 0 auto; 
	padding: 0;
	background: #C9A664 url(../files/icepeak-renner.jpg) repeat-x;
	font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 205px;
	width: 785px;
	margin-bottom:20px;
}

.bild-content {
	position:absolute; 
  	left:50px; 
  	top:17px;
	width:300px;

}

.bild-content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-style:italic;
	color:#E60000;
	margin-bottom: -7px;
	margin-top: 3px;
}

#bild-liste  { 
	margin-left:12px; 
	padding-left:12px;

}

#bild-liste li { 
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-left:5px; 
	padding-left:5px;
	font-size:12px;
	color:#FFFFFF;

}

#main #breadcrumb {
	border-bottom:1px solid #FFD3A8;
	padding-bottom: 3px;
	padding-left: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-bottom: 10px;

}

#crumb {
	height:12px;
}

#breadcrumb p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#breadcrumb a{
	background: transparent url(http://www.zelte-vango.de/files/breadcrumb.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 18px; /*adjust bullet image padding*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#EF7A00;
}

#breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

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

#breadcrumb ul.rex-breadcrumb li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;

	}

#breadcrumb ul.rex-breadcrumb a {
	color:#FF0000;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-decoration:none;

}

#breadcrumb li.rex-lvl2 {
display:block;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#2661A7;
}

#eineperson {
	background: url(../files/zelte-vango-eine-person.gif);
	width:228px;
	height:231px;
	margin-left: 5px;
	position: relative;
}
#zweiperson {
	background: url(../files/zelte-vango-zwei-personen.gif);
	width:228px;
	height:231px;
	margin-left: 5px;
	margin-top: 10px;
	position: relative;
}

#ueberschrift h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;;
	color: #FFFFFF;
	position:absolute;
  	top:30px;
	left: 20px;
}

#inhalt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;;
	color: #FFFFFF;
	position:absolute;
  	top:85px;
	left: 30px;
}

#inhalt a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;;
	font-weight:bold;
	color: #E60000;
}


#text {
	float:right;
	position:relative;
	width: 490px;
	padding: 3px 0 0 0;
	margin: 0px 0px 0px 35px; 
}

#navi {
	float:left;
	width: 195px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;;
	color: #707070;
	background: url(../files/navi-mitte.gif);
	background-repeat:repeat-y;
	margin:10px 0px 0px 0px;
}


#nav {
	width: 180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;;
	color: #707070;
	margin:10px 0px 0px 0px;
}

#nav ul.rex-navi1 {
	list-style:none;
	margin:10px 0 10px 10px;
	padding:0;
}
#nav ul.rex-navi1  li {
	list-style:none;
	margin-bottom:1px;
	border: 1px solid #2661A7;
}
#nav ul.rex-navi1  a {
	list-style:none;
	display:block;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding:2px 5px 2px 10px;
	background: #2661A7;
	border-left:4px solid #E60000;
	min-height:18px;
}

/* Hauptnavi Mouse Over */
#nav ul.rex-navi1 a:hover {
	list-style:none;
	padding:2px 5px 2px 10px;
	background: #E60000;
	/* Schrift */
	color: #FFFFFF;
	/* balken */
	border-left:4px solid #FFFFFF;
}

/* Unternavi Mouse Over */
#nav ul.rex-navi2 a {
	list-style:none;
	display:block;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding:2px 5px 2px 10px;
	background: #2661A7;
	border-left:8px solid #E60000;
	min-height:18px;
}
#nav ul.rex-navi2 a:hover  {
	list-style:none;
	display:block;
	color: #FFFFFF;
	font-weight:bold;
	padding:2px 5px 2px 10px;
	background: #E60000;
	border-left:8px solid #FFFFFF;
	min-height:18px;
}

#navi #oben {
	height:7px;
	background: url(../files/navi-oben.gif);
	background-repeat: no-repeat;
}

#navi #unten {
	height:8px;
	background: url(../files/navi-unten.gif);
	background-repeat: no-repeat;

}

#text h1, #text h2, #text h3, #text ol, #text ul, #text form {
	margin:0px 0pt 0pt 0pt ;
	color:#EF7A00;
}

#text p {
	text-align:justify;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:1.7em;
	
}
#text img {
	border:0px solid #CCC;
	padding:5px ;
}

#main ul li {
	list-style-type:square;
	margin-bottom:1px;
	margin-left:15px;
	margin-top: 10px;

}

#main ul a {
	font-weight:bold;
	color:#000066;
}