/*
Farbcodes:

hellgruen (Kopf):
#A4CF63

rot (Rahmen):
#FF1A00

dunkelrot:
#CD0000

grau (Rahmen):
#AAAAAA

dunkel-grau (Footer-Navi):
#333333

*/

body, html {
  /*height:100%;*/
  font-size:0.85em;
}

body {
	text-align:center;
	font-size:0.85em;
	/*font-size:14px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
	background:url(../img/stripe.png);
}

img {
  border-width:0px;
}

/* allgemeine Linkformatierung */
a, a:link, a:visited, a:active {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}

a:hover{
	text-decoration: none;
}

/* sonstige allgemeine Formatierungen */
h1, h2, h3, h4{
  font-weight:bold;
  padding-bottom:3px;
}

h1{
  font-size:1.2em;
}

h2, h3, h4{
  font-size:1.1em;
}

p{
  padding:3px 0px;
}

/******** Textformatierung ***************/

/* kursiv */
em{
  font-style:italic;
}

/* fett */
strong{
  font-weight:bold;
}

ul{
  list-style-type:disc;
  /*padding:0px;*/
  /*margin:0px;*/
}

/*************** CONTAINER ************/

/* Hauptcontainer */
/*
#mainframe{
    width:100%;
    height:100%;
}
*/

/* Container fuer Menueleiste */    
#menuframe{
    width:100%;
	margin-right:auto;
	margin-left:auto;
	/*margin-top:10px;*/
	text-align:left;
	height:25px;
	background:#FFFFFF url(../img/navileiste_bg.gif) repeat-x bottom;
}

/* IE6 only */
* html #menuframe {
    height:25px; 
}

div#header-wrapper{
    width:100%;
    background-color:#FFFFFF;
    height:100%;
    padding-top:10px;
    padding-bottom:10px;
}

/*************** CONTENT ************/
div#content{
    clear:left;
    position:relative;
    min-height:450px;
    height:auto !important;  /* für moderne Browser */
    height:500px;  /*für den IE */
    width:995px;
    margin-right:auto;
    margin-left:auto;
    padding:25px 10px 10px 10px;
    text-align:left;
	border-style:solid;
    border-color:#CD0000;
	border-width:0px 1px 1px 1px;
    background:#FFFFFF url(../img/gradient.gif) repeat-x top;
}

/************** HEADER ************/
div#header{
    width:995px;
    height:139px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    margin-bottom:2px;
    padding:0px;
    text-align:left;
    border:1px solid #AAAAAA;
    /* gruen */
    /*background-color:#A4CF63;*/
    
    /* rot (wagas) */ 
    background-color:#CA262D;
    /*background:url(../layout/kopf_komplett.jpg);*/
}

div.flash-header{
    background:url(../img/kopfgrafik1.jpg);
    width:512px;
    height:121px;
    float:left;
    margin-top:19px;
}

div.header-logo{
    /*background:url(../img/logo_wawe_schmallenberg.jpg);*/
    background:url(../img/logo_wagas.jpg);
    width:346px;
    height:139px;
    float:left;
}

div.expresssuche{
    /*background:url(../img/expresssuche.jpg);*/
    /*background:url(../img/expresssuche_wagas.jpg);*/
    width:137px;
    height:139px;
    float:left;
}

/************* SERVICENAVI **********/
div#footer{
    /*float:right;*/
    /*padding-top:10px;*/
    /*height:20px;*/
    color:#6A471F;
    font-size:0.8em;
    width:100%;
    
    width:995px;
    margin-right:auto;
    margin-left:auto;
    margin-top:5px;
    
}

/***************** NAVIGATION ********************/

ul.hor-navi{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

ul.hor-navi li{
    float:left;
}

/************ HAUPTNAVI ************/
/* Hauptmenue */
div#mainmenu{
    width:995px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
}

/*
#mainmenu ul{
  font-size:1em;
  font-weight:bold;
  padding-left:10px;
  list-style-type: none;
}
*/

/* 1. Ebene */
/*
#mainmenu ul li{
  padding:2px 10px;
  display:block;
}
*/

/*
#mainmenu ul li a{
  color:#FFFFFF;
  display:block;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:0.05em;
}
*/

/*
#mainmenu a, #mainmenu a:link, #mainmenu a:visited, #mainmenu:active{
  text-decoration:none;
}
*/

/*
#mainmenu a:hover{

}
*/

/* 2. Ebene */
/*
#mainmenu ul li ul.submenu1{
  font-size:0.9em;
  padding-left:0px;
  padding-top:5px;
  list-style-type: none;
}

#mainmenu ul li ul.submenu1 a{
  font-weight:normal;
}

#mainmenu ul li ul.submenu1 li{
  border-width:0px;
  border-top:1px dotted #555555;
  padding:5px 0px 5px 0px;
}
*/
/*************** QUICKNAVI **************/
#footer ul {
  float:right;
  margin-bottom:10px;
}

#footer ul li{
  float:left;
  list-style-type:none;
}

#footer ul li a{
  color:#333333;
  text-decoration:none;
  padding:0px 4px;
  font-weight:normal;
}

#footer ul li a:hover{
  text-decoration:underline;
}

/************** CONTENT-ELEMENTE **************/
div.default-content-wrapper {
    display:block;
    margin-top:10px;    
    clear:both;
}

div#content p{
    line-height:16px;
}

/************** KONTAKTFORMULAR ***************/
#kontakt{
  width:430px;
  padding-left:10px;
  float:left;
  border-right:1px solid #888888;
  /*font-size:0.85em;*/
}

#kontakt fieldset{
  border-width:0px;
}

#kontakt div.row{
  clear:both;
  padding-top:5px;
  line-height:15px;
}

#kontakt div.left{
  float:left;
  /*width:200px;*/
  margin-right:15px;
}

#kontakt div.right{
  float:left;
  /*width:200px;*/ 
}

#kontakt div.submit{
  margin-right:25px;
  float:right;
}

#kontakt label{
  float:left;
  /*clear:both;*/
  display:block;
  width:90px;
  /*margin-bottom:10px;*/
  /*padding-left:10px;*/
}

#kontakt label.required{
  font-weight:bold;
}

#kontakt label.checkbox{
  width:300px;
}

#kontakt span.error{
  color:#FF0000;
}

#kontakt label.singleline{
  clear:both;
  width:100%;
}

#kontakt input, textarea, select {
  float:left;
  display:block;
  border: 1px solid #888888;
  margin-bottom:10px;
  padding:1px;
}

#kontakt input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}

#kontakt textarea{
  width:400px;
}

#kontakt input.button{
  color:#FFFFFF;
  background-color:#888888;
}

#adresse{
  float:left;
  width:200px;
  /*font-size:0.85em;*/
  margin-left:20px;
}

/*********** Ext: lumogooglemaps **************/
.tx-lumogooglemaps-pi1{
  /*font-size:0.8em;*/
}

.tx-lumogooglemaps-pi1 div{
  /*width:100px;*/
}

.tx_lumogooglemaps_pi1_sidebar{
  display:none;
}

/*********** Ext: flash_slideshow **************/
/*
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;
}
/*
See http://realdev1.realise.com/rossa/rendertest/quicktime.html,
See also : http://www.alistapart.com/articles/flashsatay/
*/