@charset "utf-8";
/* CSS werbewerber.ch / 2009 Amport Webdesign */


/* Overall Styling*/
html {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {font-size: 0.8em; background: #FFFFCC; }

a:link, a:visited {color: #993300; text-decoration: none;}
a:hover {color: #000000; color: #993300}

h1 {font-weight: bold; font-size: 1.2em;}


/* DIV Container*/
#container {width: 100%;}
#middler {margin: 0 auto; margin-top: 0px; width: 910px; min-height: 600px;}

#header {width: auto; height: 192px; position: relative;}
#headerleft {float: left; height: 192px; width: 323px; background: url(../images/header.png) no-repeat left;}
p.headerright {width: auto; text-align: right;  padding-bottom: 25px; position: absolute; bottom: 0px; right: 0px; font-size: 0.8em; line-height: normal}

#maincontainer {width: auto; height: auto;}

#mcontleft {float: left; width: 601px; height: auto; background: url(../images/main-footer.png) bottom no-repeat; padding-bottom: 5px;}
#mainmenu {width: auto; height: 62px; background: url(../images/menu-bg.png) no-repeat; vertical-align: bottom;}
#maincontent {width: auto; min-height: 385px; background: url(../images/main-bg.png) repeat-y; padding: 45px 15px 15px 15px; font-size: 0.9em;}

* html #maincontent {height: 395px; background: #FFFFFF;}
* html #mcontleft {background: none;}

#randspalte {float: left; width: 293px; margin-left: 10px;}
#randheader {width: auto; height: 101px; background: url(../images/rand-header.png) no-repeat;}
#randcont {widht: auto; min-height: 385px; padding: 5px 8px 10px 10px; font-size: 0.9em; background: url(../images/rand-bg.png); font-family: Georgia, "Times New Roman", Times, serif;}

* html #randcont {height: 385px;}

#randfooter {width: auto; height: 11px; background: url(../images/rand-footer.png) no-repeat;}

#footer {text-align: right; padding: 25px 40px 0px 0px; float: none; clear: both; background: url(../images/footer-bg.png) no-repeat right bottom; font-size: 0.8em;}

a.aweblink:link, a.aweblink:visited {color: #8b8b8b; text-decoration: none;} 
a.aweblink:hover {color: #000000;}

/* Menü Styling */
#mainmenu ul {height: 38px; padding-top: 23px;}
#mainmenu li {float: left; height: 39px; padding: 0px 2px 0px 0px; background: url(../images/menupunkt-bg.jpg) no-repeat right;}
#mainmenu li a:link, #mainmenu li a:visited {font-weight: normal; display: inline-block; width: auto; line-height: 38px; height: 38px; text-decoration: none; color: #666666; padding: 0px 10px 0px 10px; font-weight: bold; background: url(../images/menupunkt-hover.png) repeat-x bottom; background-position: 0px 50px; font-size: 0.9em;}
#mainmenu li.active a:link, #mainmenu li.active a:visited {color: #000000; background: url(../images/menupunkt-hover.png) repeat-x bottom; background-position: 0px 0px;}

/* Inhalt Styling */
#maincontent h1 {font-size: 1.5em; font-style:italic; font-weight: normal; margin-bottom: 30px;}
#maincontent h2 {font-size: 1.0em; font-weight: bold; border-bottom: 1px solid #CCCCCC;}

#maincontent ul {list-style: none; margin: 0px 0px 10px 10px;}
#maincontent li {background: url(../images/list-image.jpg) no-repeat top left; padding-left: 15px;}

#maincontent p {margin-bottom: 10px;}
#randcont p {margin-bottom: 5px;}

#maincontent, #randcont {color: #333333;}

#maincontent hr {border: 0px; height: 1px; background: #CCCCCC;}

/* Blogrow Styling */

.blogrow {margin-bottom: 40px;}
.blogrow h3 a:link, .blogrow h3 a:visited {font-weight: bold; color: #333333; text-decoration: none; font-size: 1.2em;}
.blogrow h3 { border-bottom: 1px solid #CCCCCC; }
.blogrow .creadate {color: #999999; font-size: 0.8em; margin-bottom: 10px;}

/* Blogrow Pagination */
.pagination {color: #999999; font-size: 0.8em; border-top: 1px solid #CCCCCC;}
.pagination a:link, .pagination a:visited {color: #999999; text-decoration: none;}
.pagination a:hover, .pagination .ditto_currentpage {color: #333333;}
.pagination span {padding-right: 4px;}


/* 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;}
textarea {width: 300px;}
input:focus, textarea:focus{background-color: #F0F0F0;}

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

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

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