A:link {color:#00FF00;}
A:visited {color:#00FF00;}
A:active {TEXT-DECORATION:none}
A:hover {color:white;LEFT:1px;POSITION:relative;TOP:1px}

body{width:100%;
  font: 15px/1.5 Arial, Helvetica,sans-serif,GEORGIA;
  padding:0;
  margin:0;
  background-color:#f4f4f4;
}

/* Global */
.container{
  width:80%;
  margin:auto;
  overflow:hidden;
}

ul{
  margin:0;
  padding:0;
}

.button_1{
  height:38px;
  background:#e8491d;
  border:0;
  padding-left: 20px;
  padding-right:20px;
  color:#ffffff;
}

.dark{
  padding:10px;
  background:#262626;
  color:#ffffff;
  margin-top:10px;
  margin-bottom:10px;
  border-radius: 20px 20px 20px 20px;
}
.border{border-bottom:#0455ca 2px  solid;}


/* Header **/


header{
  background-image:url('../img/cbgb.png');background-repeat:repeat-x repeat-y;
  color:#0455ca;
  padding-top:20px;
  min-height:60px;
  border-bottom:#0455ca 2px  solid;}
  
header a{
  color:#ffffff;
  text-decoration:none;
  text-transform: uppercase;
  font-size:16px;
}

header li{
  float:left;
  display:inline;
  padding: 0 5px 0 5px;
}

header #branding{
  float:left;
}

header #branding h1{font-family:GEORGIA;font-size:25px;text-transform: uppercase;
  margin:0;
}

header nav{
  float:right;
  margin-top:10px;
}

header .highlight{
  color:#FFFF00;
  font-weight:normal;
} 
header .current a{
  color:#FFFFFF;
  font-weight:normal;
}

header a:hover{
  color:#0455ca;
  font-weight:normal;
}
#hdbot{background-image:url('../img/cbgb.png');
       background-repeat:repeat-x repeat-y;
	   min-height:8px;margin:auto;
	   text-align:center;color:white;font-size: 12px;}
.breadcrumb{}
.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: inline;
	font-size: 12px;
	line-height: 36px;
	color: white;
	padding-right:5px}


/* Showcase */
#showcase{
  min-height:440px;
  
  background:url('../img/mozaik medence.jpg') no-repeat 0;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  height:517px;
  text-align:center;
  color:#ffffff;
}

#showcase h1{text-shadow: 2px 2px 8px #000;
  margin-top:100px;
  font-size:30px;
  margin-bottom:10px;
}

#showcase p{color:#ffff00;
text-shadow: 2px 2px 4px #000;
  font-size:20px;
  font-weight:bold;
}
/* Container */
#container{min-height:440px;margin:auto;}


/* Newsletter */
#newsletter{background-image:url('../img/cbgb.png');background-repeat:repeat-x repeat-y;
  padding:15px;
  color:#ffffff;
  
}

#newsletter h1{
  float:left;
}

#newsletter form {
  float:right;
  margin-top:15px;
}

#newsletter input[type="email"]{
  padding:4px;
  height:25px;
  width:250px;
}

/* Boxes */
#boxes{
  margin-top:20px;
}

#boxes .box{
  float:left;
  text-align: center;
  width:30%;
  padding:10px;
}

#boxes .box img{
  width:90px;
}



/* Main-col */


/* Services */
ul#services li{
  list-style: none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#e6e6e6;
}

aside#sidebar{float:right;width:40%;margin-top:5px;background-image:url('../img/cbgb.png');background-repeat:repeat-x repeat-y;color:#ffffff}
article#main-col{float:left;width:14%;margin-top:5px;}
article#col-1{padding:0px 5px 0px 10px;margin-top:5px;width:42%;margin-left:5px;float:left;background:url('../img/mozaik medence.jpg') no-repeat 0;color:#ffffff}
article#col-1 h1{margin-top:0;text-align:center;width:100%}
article#col-1 p{width:100%;margin-top:-20px;overflow:visible;}
article#main-col li{list-style: none;text-align:left;border-bottom:#0455ca 1px  solid;width:175px}
footer{
  padding:20px;
  margin-top:20px;
  color:#ffffff;
  background-color:#e8491d;
  text-align: center;
}

/* Media Queries */
@media(max-width: 768px){
  header #branding,
  header nav,
  header nav li,
  #newsletter h1,
  #newsletter form,
  #boxes .box,
  article#main-col,
  aside#sidebar{
    float:none;
    text-align:center;
    width:100%;
  }

  header{
    padding-bottom:10px;
  }

  #showcase h1{
    margin-top:40px;
  }

  #newsletter button, .quote button{
    display:block;
    width:100%;
  }

  #newsletter form input[type="email"], .quote input, .quote textarea{
    width:100%;
    margin-bottom:5px;
  }
}
#hd{ width:0px;height:0px;overflow:hidden}