/*****************************
 file: style.css
 author: jolimontdesign.ch
 version: 04.05.2006
 
 this is the main stylesheet file
 -> nav style is in the nav.css file
****************************/

/* 1 base-elements */
html, body{height: 100%;}
body{margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 0.8em;background-color: #EBEBEB;text-align: center;color:#333333;}
#rahmen{width: 950px;margin: 0px auto 0px auto;background-image: url(bilder/hg.gif);}		
#links{clear: both;width: 175px;float: left;}
#content{width: 560px;float: left;padding-left: 20px;padding-right: 20px;text-align: justify;}
#rechts{width: 175px;float: left;text-align:left;}
.gallery {width: 100%;}
#obenrechts { padding-top: 20px;}

/* 2 header-elements */
#header{clear: both;background: #FFFFFF;background-image: url(bilder/hgoben.gif);height: 118px;text-align:left;}
#obenlinks{width:709px;float: left;font-weight: bold;}
#obenrechts{width:175px;float: right;}

/* 3 ending-page elements */
#toplink{clear: both;text-align: left;padding-left: 195px;padding-top: 15px;}
#footer{padding-left: 175px;width: 775px;height: 20px;text-align: center;background-image: url(bilder/hg.gif);padding-top:10px;}

/* 4 link definition */
/* 4.1 content definition */
#content a:link, #content a:visited, #content a:hover, #rechts a:link, #rechts a:visited:hover, #toplink a:link, #toplink a:visited{color: #F93921;}
#content a:active, #content a:hover, #toplink a:active, #toplink a:hover{color: #666666;}

/* 4.2 right bar definition */
#rechts a, #rechts a:link, #rechts a:active, #rechts a:visited, 
#obenrechts a, #obenrechts a:link, #obenrechts a:active, #obenrechts a:visited{text-decoration:none;color: #333333;}
#rechts a:hover, #obenrechts a:hover{color: #F93921;}
#rechts h3 a, #rechts h3 a:link, #rechts h3 a:visited, #rechts h3 a:hover{font-family: "Times New Roman", Times, Georgia, serif;font-size: 1em;text-decoration:none;font-style:italic;font-weight: normal;color: #333333;}
#rechts h3{margin-bottom: 0px;}

/* 4.2 special definition - pictogram */
#toplink a {background: url(bilder/top.gif);}
#emergency {background: url(bilder/emergency.gif);}
#tel {background: url(bilder/tel.gif);}
#sitemap {background: url(bilder/sitemap.gif);}
#email {background: url(bilder/email.gif);}
#oschalter {background: url(bilder/oschalter.gif);}
.sublink {background: url(bilder/list.gif);}
#toplink a, #emergency, #tel, #sitemap, #email, #oschalter, .sublink {background-repeat: no-repeat;background-position: left 1px;padding-left:20px;line-height: 18px;}
.sublink {padding-left:8px;}

/* 5 title */
h1{font-size: 19px;}
h2{font-size: 14px; font-style: italic; }

/* 6 image style */
#content img{border: 1px solid #CCCCCC;padding: 2px;background: #FFFFFF;float: right;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;}
#content .gallery img {float: none;margin: 0px;margin-bottom: 10px;}
#content .detDiv img {border: 0px;margin:0px;padding:0px;float: none;background: transparent;}
#obenrechts img{ top: 3px; }

/* 7 table definition */
table .title td {background-color: #666666; color: #ffffff;}
table .hl td {background-color: #eeeeee;}
table tr td {padding: 3px;}
.gallery .title td {background-color: #eeeeee;}

/* 8 due to the cms */
.center {text-align: center;}
.right {text-align: right;}

/* input elements */
input[type="text"],textarea,select{border: 1px solid #666666;padding: 2px;margin: 1px;}