@charset "utf-8";
/* CSS camping-ewil.ch / Amport Webdesign */


/* Overall Styling*/
html {}
body {background: url(images/bg.jpg) repeat-x #a5dcff; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;}

a:link, a:visited {color: #3079a5; text-decoration: none;}
a:hover {color: #555555;}

h1 {font-weight: bold; font-size: 1.6em; color: #3079a5; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 30px;}
h2 {font-weight: bold; background: url(images/punktlinie-fein.gif) repeat-x; background-position: 0px 28px; font-size: 1.0em; padding: 10px 0px 5px 0px;}

#mcont p {margin-bottom: 10px;}

#mcont ul { list-style-image:url(images/aufzaehlung.jpg); padding-left: 20px; margin: 8px 0px 8px 0px;}
#mcont li {margin-bottom: 5px;}

#mcont td {padding: 0px 10px 10px 0px;}


/* DIV Container*/
#container {width: 100%;}
#middler {margin: 0 auto; width: 900px;}

#header {height: 203px; widht: auto; margin-bottom: 10px; display: block; background: url(images/header.jpg) no-repeat;}
a.homelink:link, a.homelink:visited {float: left; width: 300px; height: 130px; display: block;}
.webcam {float: right; width: 215px; height: 133px; padding: 40px 20px 20px 20px; text-align: center;}

#headermenu {height: 39px; margin-bottom: 15px; background:url(images/menubg.jpg) repeat-x; padding-top: 2px; font-size: 1.1em;}

#maincontainer {overflow: hidden;}

#mcont {width: 630px; float: left; margin-right: 18px; background: url(images/mainbox-bg.jpg) repeat-y;}
#mcont-head {height: 15px; background: url(images/mainbox-head.jpg)  no-repeat;}
#mcont-main {padding: 20px 45px 20px 45px;}
#mcont-foot {height: 18px; background: url(images/mainbox-footer.jpg);}

#rightboxes {float: left; width: 250px;}
.rightbox {background-color: #e8f5fd; padding: 10px; margin-bottom: 10px;}
.rightaddr {margin-top: 20px; color: #4480a6;}

#footer {padding: 33px 5px 0px 5px;height: 82px; background: url(images/footer.jpg) no-repeat; float: none; clear: both; font-size: 0.9em;}
.leftfooter {float: left; color: #7ebfe8;}
.rightfooter {float: right;}

.rightfooter a:link, .rightfooter a:visited {color: #7ebfe8; text-decoration: none;}
.rightfooter a:hover {color: #666666;}

.webcamcredit {font-size: 0.8em; color: #c5e8ff; font-style: italic;}

/* Rigtboxen */
.gratiswlan {background: url(images/box-bg-wlan.jpg) right no-repeat #e8f5fd; color: #868686; font-weight: bold; font-size: 0.9em; height: 35px; line-height: normal; padding-top: 25px;}

.sprache {padding-top: 0px; padding-bottom: 0px;}
ul.sprachmenu li {padding: 10px 0px;}
ul.sprachmenu li.top {border-bottom: 1px solid #bde5ff;}

ul.sprachmenu a:link, ul.sprachmenu a:visited {font-weight: bold; color: #868686; font-size: 0.9em; padding-left: 35px;}
ul.sprachmenu a:hover {color: #333333;}

.en {background: url(images/flag-en.jpg) no-repeat left center; }
.fr {background: url(images/flag-fr.jpg) no-repeat left center; }


/*Wetterbox*/
.wettercredtis {font-size: 0.8em; font-style: italic; color: #7796b2;}
.wettercredtis a:link, .wettercredtis a:visited {color: #7796b2; text-decoration: none;}

.wetter table {width: 100%; margin: 5px 0px 5px 0px; font-size: 0.8em; }
.wetter td {font-weight: norma; padding-right: 15px; color: #868686;}
.wetter img {height: 20px;}
.wetter h3 {font-weight: bold; font-size: 1.0em; color: #868686;}

.wetter .akttmp {font-size: 1.2em; font-weight: bold; color: #7796b2; white-space: nowrap;}
.wetter .akttit {color: #7796b2;}

/* Menu Styling */
#headermenu li {float: left; width: auto; display: block;}

#headermenu li a:link, #headermenu li a:visited {font-weight: bold; font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; color: #000000; line-height: 35px; height: 35px;  padding: 0px 10px 0px 10px; margin: 0px 0px 0px 1px; display: block;}

* html #headermenu li a:link, * html #headermenu li a:visited {width: 1px; white-space: nowrap;}

#headermenu li.active a:link, #headermenu li.active a:visited, #headermenu li a:hover {background: #e8f5fd;}


/* Blogrow Front*/
.blogrow-front {margin-top: 30px; background: url(images/punktlinie-fein.gif) repeat-x; padding: 7px 0px 5px 0px;}
.blogrow-front h2 {font-size: 1.0em; font-weight: bold; padding: 0px 0px 5px 0px; background: none;}
.blogrow-front a:link, .blogrow-front a:visited {color: #868686;}
.blogrow-front a:hover {color: #000000;}

/* Blogrow */
.blogrow {margin-top: 30px; background: url(images/punktlinie-fein.gif) repeat-x; padding-top: 5px;}
.blogrow h3 {margin: 0px; padding: 0px; font-size: 1.0em; font-weight: bold;}
.blogrow p.creadate {margin: 0px 0px 10px 0px; font-size: 0.8em;}
.creadate {color: #999999; font-style: italic;}

.pagination {margin-top: 30px; background: url(images/punktlinie-fein.gif) repeat-x; padding-top: 10px;}
.pagination span.ditto_currentpage {margin-right: 2px; padding: 2px 4px 2px 4px; color: #000000; background: #e5f5ff;}
.pagination a:link, .pagination a:visited, .pagination span.ditto_off {padding: 2px 4px 2px 4px; color: #999999;}
.pagination a:hover {background: #e5f5ff; color: #000000;}

/* Kontaktformular */
label {float: left; width: 150px;} 
input, textarea{margin-bottom: 5px; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 150px; font-size: 12px; padding: 2px; display: block;}
input:focus, textarea:focus{background-color: #F0F0F0;}

input.button {margin-left: 150px; width: auto;}

fieldset {border: 0px; border-top: 1px dotted #999999; padding: 0px 0px 20px 0px;}
* html fieldset {border: 0px; border-top: 1px solid #999999;}

fieldset legend {background: #FFFFFF; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; border: 0px; margin: 0px; padding: 0px 10px 0px 1px;}

.form-fehler {color: #990000; margin-bottom: 15px;}

input[type=hidden]
{
    display: none !important;
}