html {
  width:100%; 
  height:100%; 
  margin:0; 
  padding:0;
}
    
body {
  font:normal 15px/20px Helvetica, Arial, Sans-Serif; 
  font-weight:normal; 
  color:#663300; 
  width:100%; 
  height:100%; 
  margin:0; 
  padding:0; 
  overflow:none; 
  -webkit-font-smoothing:subpixel-antialiased;
} 

/* /////////////////////////////////////
////////////////////////////////////////
    Typography
////////////////////////////////////////
///////////////////////////////////// */


/* TYPOGRAPHY */

h1 {
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:1.4em; 
	line-height:1.2em; 
	font-weight:bold;
	color:#663300;
	margin:0;
	padding:10px 0;
}
h2 {
  font-family:Helvetica, Arial, Sans-Serif; 
  font-size:1.6em; 
  line-height:1.2em; 
  font-weight:normal;
  color:#663300;
  margin:0;
  padding:5px 0;
}
h3 {
  font-family:Helvetica, Arial, Sans-Serif; 
  font-size:1.2em; 
  line-height:0.1em; 
  font-weight:normal;
  color:#663300;
  margin:0;
  padding:10px 0;
}
h4 {
  font-family:Helvetica, Arial, Sans-Serif; 
  font-size:1.0em; 
  line-height:0.1em; 
  font-weight:normal;
  color:#663300;
  margin:0;
  padding:20px 0;
}

img {}
b{
  font-family:Helvetica, Arial, Sans-Serif; 
  font-weight:bold;
}
strong {
  font-family:Helvetica, Arial, Sans-Serif; 
  font-weight:bold;
}
i, em {
  font-family:Helvetica, Arial, Sans-Serif; 
  font-style:italic;
}
p {
  font-size:1.1em; 
  line-height:1.1em; 
  color:#663300;
  text-align:left; 
  margin:0;
  padding:0 0 10px;
} 
.text {
  text-align:justify;
}
span {
  color:#0066cc;
}

/* LINKS */

a:link {
  color:#663300; 
  font-weight:bold; 
  text-decoration:none;
}
a:visited {
  color:#663300; 
  font-weight:bold; 
  text-decoration:none;
}
a:hover {
  color:#cc9900; 
  font-weight:bold; 
  text-decoration:none;
}
a:active {
  color:#cc9900; 
  font-weight:bold; 
  text-decoration:none;
}

img.float-left {
  float:left;
  padding:5px 10px 10px 0;
}
img.float-right {
  float:right;
  padding:5px 0 10px 10px;
}

/* /////////////////////////////////////
    Main Layout
///////////////////////////////////// */



}
#trenner {
  height:100%;
  background:url(../img/trenner.png) repeat-x 0 74px; 
}
#wrapper {
  float:middle; 
  width:1024px; 
  margin:0 auto;
}

/* /////////////////////////////////////
    Header
///////////////////////////////////// */
#header {
  width:1024px;
  padding:25px;
}
#banner {
  float:left;
  width:1024px;
  height:180px;
}
#menu {
  float:left;
  font-size:1.2em;
  line-height:3.2em;
  width:960px;
  margin:20px 0 0;
  padding:0;
}
#menu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#menu ul li {
  margin:0;
  padding:0;
}
#logo {
  float:left;
  width:640px;
  margin:20px 0 0;
}
#info {
  float:left;
  font-size:1.1em;
  line-height:1.2em;
  margin:20px 0 0;
  width:760px;
}
#info a {
  font-size:0.4em;
}

#main {
  float:left;
  width:1024px;
  margin:5px 0 0;

}
#left {
  float:left; 
  width:250px;
  margin:0;
  padding:1;
}
#left ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#left ul li {
  margin:0;
  padding:0;
}


#right {
  float:left;
  width:960px;
  margin:0;
  padding:0px;
}
.first-slide, .second-slide, .third-slide, .fourth-slide, .fifht-slide {
    height: 100%;
}
.carousel-indicators li {
  b1ackground-color: #663300;
  top:340px;
  background-color: #ffcc33;
  color:#663300;
  border:1px solid #ffcc33;
}

.carousel-indicators .active {
  color:#663300;
  background-color: #663300;
}
.carousel-inner{
  width:100%;
  max-height:7250px !important;
}
.glyphicon{
  color:#ffcc33;
}