body {
background:#07727A url(http://www.vitogaz.ch/fileadmin/template/img/bg_main.jpg) repeat left top;; 
color: #000; 
font: Verdana, Arial, Helv, Helvetiva, Geneva, sans-serif
}
.bodytext {
	font-size: 13px;
	line-height: 1.2em;
	
}
b {
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
}


p {
	margin-bottom: 15px;
}

li {
	font-size: 13px;
	line-height: 1.2em;
	margin-left: 15px;
	}
	
ul {
margin-bottom: 15px;
} 

i {
	font-size: 13px;
	line-height: 1.2em;
	font-style: italic;	
}


h3 a {
color: #07636B; 
text-decoration: none;
}

h3 a:hover {
	text-decoration: underline;
}

h3 {
font-family: Arial, Georgia, "Times New Roman", Times, serif; 
font-size: 16px; 
color: #07636B; 
font-weight: bold;
}

h1,h3 {
font-family: Arial, sans-serif;
}

h1 {
font-family: Arial, Georgia, "Times New Roman", Times, serif; 
font-size: 26px; 
color: #07636B; 
margin-bottom:10px;
}


a {
color: #0000FF; 
text-decoration:underline; 
font-size: 13px;
}


.sidebar-links {
background:#07636B url(img/bg_side_links.jpg) repeat-x bottom left; 
padding:0; 
margin-bottom:5px; 
}

  ul.titel {
    width: 230px;
    margin: 0; 
   padding: 10px 0 0;
    background-color: #07636B;
  }
  * html ul.titel {  /* Korrekturen fuer IE 5.x */
    width: 100%;
    w\idth: 200px;
    padding-left: 0;
    padd\ing-left: 0;
  }
  ul.titel li {
    list-style: none;
    margin: 0; padding: 0;
}

ul.titel a {
	font-family: Arial, sans-serif;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px; 
  }
ul.titel a.active {
	background-color: #019484;
	margin-left: 0px;
	padding-left: 20px;
	width: 210px;
	bottom: -1px;
	position: relative;
  }
 
  * html ul.titel a.active {  /* Korrekturen fuer IE 5.x */
    width: 100%;
    w\idth: 200px;
  }


  ul.titel a:hover {
	background-color: #019484;
	margin-left: 0px;
	padding-left: 20px;
	width: 210px;
	bottom: -1px;
	position: relative;
 }
  * html ul.titel a {
	width: 100%;
	w\idth: 200px;
  }
  * html ul.titel a:hover {
	width: 100%;
	w\idth: 200px;
  }
  ul.menu-level1 {
    width: 230px;
    margin: 0; padding: 0 0 20px;
    background-color: #07636B;
  }
  * html ul.menu-level1 {  /* Korrekturen fuer IE 5.x */
    width: 200px;
    w\idth: 200px;
    padding-left: 0;
    padd\ing-left: 0;
  }
  ul.menu-level1 li {
    list-style: none;
    margin: 0; padding: 0;
  }

  ul.menu-level1 li ul {
    margin: 0 0 0 1em; padding: 0;
  }
  ul.menu-level1 li ul li {
    margin: 0 0;
  }
  * html ul.menu-level1 li ul li {  /* Korrektur fuer IE 5.x */
    margin-left: 10px;
    ma\rgin-left: 0;
  }

  ul.menu-level1 a {
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #019484;
  }
    ul.menu-level2 a {
	border-top-style: solid;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #07636B;
	border-bottom-color: #07636B;
	}
	ul.menu-level2 {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #07636B;
	}
  * html ul.menu-level1 a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 200px;  /* Breitenangabe fuer IE 6 */
  }
  * html ul.menu-level1 a:hover {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 200px;  /* Breitenangabe fuer IE 6 */
  }
    * html ul.menu-level1 a.active {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 200px;  /* Breitenangabe fuer IE 6 */
  }
  * html ul.menu-level1 li ul li a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 187px;  /* Breitenangabe fuer IE 6 */
  }
    * html ul.menu-level1 li ul li a.active {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 187px;  /* Breitenangabe fuer IE 6 */
  }
    * html ul.menu-level1 li ul li a:hover {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 187px;  /* Breitenangabe fuer IE 6 */
  }
  
  ul.menu-level1 a:hover {
	background-color: #019484;
	margin-left: 0px;
	padding-left: 20px;
	width: 210px;
	bottom: -1px;
	position: relative;
	clip: rect(1px,auto,auto,auto);
  }
    ul.menu-level1 a.active {
	background-color: #019484;
	margin-left: 0px;
	padding-left: 20px;
	width: 210px;
	bottom: -1px;
	position: relative;
}
 li.menu-level2-current-active a {
	background-color: #019484;
	font-style: italic;
	margin-left: -13px;
	padding-left: 33px;
	width: 197px;
  }

 ul.menu-level2 a:hover {
	background-color: #019484;
	margin-left: -13px;
	padding-left: 33px;
	width: 197px;
  }

.sidebar-info ul {
list-style-type:disc; 
font-size:100%;
}

.sidebar-info p {
margin-bottom 0; 
font-size:13px;
}

.sidebar-info h4 {
text-align:center; 
font-size:23px; 
}

.sidebar-info h1 {
margin-bottom:0;
font-family: Arial, Georgia, "Times New Roman", Times, serif; 
font-size: 16px; 
color: #07636B; 
font-weight: bold;
margin-bottom: 13px;
}

.sidebar-info {
border-top:3px solid #07636B; 
background-color:#efebe7; 
padding:15px; 
margin-bottom:8px;
}

* {
margin:0; 
padding:0; 
font-family: Verdana, Arial, Helv, Helvetiva, Geneva, sans-serif; 
font-size: 13px; 
}

#wrap {
position:relative; 
width:820px; 
margin:15px auto; 
}

#slogan {
	position:absolute;
	top:39px;
	left:152px;
	padding:7.5px 0 7.5px 10px;
	border-left:1px solid #fff;
	color: #07636B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style:normal;
	width: 522px;
	font-weight: bold;
	height: 23px;
}
#suche {
	position:absolute;
	top:8px;
	border-left:1px solid #fff;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	width: 150px;
	font-weight: bold;
	height: 10px;
	right: 20px;
}
#globus {
	position:absolute;
	top:8px;
	border-left:1px solid #fff;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	width: 400px;
	font-weight: bold;
	height: 12px;
	right: 200px;
	text-align: right;
}
#headfixmenu {
	position:absolute;
	top:52px;
	left:527px;
	padding:7.5px 0 7.5px 10px;
	border-left: none;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:normal;
	width: 260px;
	font-weight: bold;
	height: 12px;
	text-align: right;
}
#headfixmenu a {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:normal;
	width: 260px;
	font-weight: bold;
	height: 12px;
	text-decoration: none;
}

#sidebar {
position:absolute; 
right:30px; 
top:302px; 
width:230px; 
height:150px; 
}

#logo img {
border-color: #ffffff; 
border-width: 0px; 
}

a img {
border-color: #ffffff; 
border-width: 0px; 
}

#logo a {
color:#fff; 
text-decoration:none; 
}

#logo {
position:absolute; 
top:2px; 
left:12px; 
font-family: Arial, "Times New Roman", Times, serif; 
font-size: 32px; 
color: #fff; 
height: 79px; 
width: 212px; 
}

#header-pic {
position:absolute; 
top:112px; 
left:0; 
height:240px; 
}

#header {
height:354px; 
background-color: #FFFFFF; 
}

#footer p {
padding:11px 0 0 25px; 
color:#FFFFFF; 
}

#footer a {
color:#FFFFFF; 
}

#footer {
height:38px; 
width:820px; 
background-color:#07636B; 
font-size:12px; 
}

#content-wrap {
padding:25px 0 30px 30px; 
background-color:#FFFFFF; 
}

#content h1 {
	margin-bottom:20px; 
	font-size:28px; 
	}

#content {
	width:500px; 
	position:relative; 
	font-size:13px; 
	color:#111; 
	background-color: #ffffff;
	}


#content img {
	margin-bottom: 15px;
}

/* style the outer div to give it width */
.menu {
	position:absolute; 
	width:810px; 
	top:85px; 
	left:0;
	height:24px; 
	background-color:#07636B; 
	z-index:5; 
	padding-left: 10px;
}

ul.menu{
    list-style-type: none;
	top:-1px;
	height:auto;
}

ul.menu a {
    display: block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	height:25px;
	line-height:23px;
	padding-left:10px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
ul.menu ul a {
	color:#000;
	height:auto; 
	line-height:1em; 
	padding:5px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

ul.menu li {
	padding: 0;
    margin: 0;
    float: left;
    background-color: #07636B;
    height: auto;
	width:150px;
	float:left;
	position:relative;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
	background-color: #019484;
}

/* Zweite Ebene */
ul.menu ul {
	margin:0;
	padding: 0;
	position: absolute;
	background-color: #efebe7;
	display: none;
	width: 150px;
	top:25px;
	list-style-type: none;
	height:auto;
     }

   /* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
   display: block;
   }

/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
   display: none;
   left:150px; 
	top:0;
	width:150px;
   }

   /* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
   display: block;
   }

/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
    display: none;
    }

   /* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
   display: block;
   }
.menu a.active {
	background:#019484;
	color: #FFFFFF;
}
.menu ul ul a.pfad{
	background:#B5CFB4;
	color: #000000;
}
.menu a:hover {
color:#fff; 
background:#019484;
}
.menu ul ul a:hover{
color:#fff; 
background:#019484;
}

.news-single-backlink a{
	color: #07636B;
	font-size: 11px;
	font-style:normal;
	width: 107px;
	font-weight: bold;
	height: 10px;
	text-decoration: none;
}


.news-single-backlink a:hover{
text-decoration: underline;
}

.tabelle td {
	border:1px #07636B solid; padding-left: 5px; padding-right: 5px; vertical-align: baseline;
	}

.FAQ td {
	border:0; vertical-align: top;
	}

.csc-sitemap ul {
	list-style-type: disc;
	padding-top: 10px;
	padding-bottom: 10px;
}

.csc-sitemap ul ul {
	padding-left: 25px;
}