body { 
  background:#fff url(../pics/header-bg.png) repeat-x left top; 
  color:#333; 
  font:normal 12px/1.5 Helvetica, Arial, "Helvetica Neue",  sans-serif;
  overflow: hidden; 
  }

#framecontentTop, #framecontentBottom{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 170px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentBottom{
top: auto;
bottom: 0; 
height: 90px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#maincontent{
position: fixed; 
background:url(../pics/body-bg.png) repeat-x left top; border-top:1px solid #ababab;
top: 180px; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
right: 0;
bottom: 90px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto; 
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}


a        { color:#631919; }
a:hover  { color:#900; }
strong   { font-weight:bold; }
em       { font-style:italic; }
form{margin:10px;}
hr.clear { background:#fff; border:none; clear:both; color:#fff; height:0px; overflow:hidden; padding:0; margin:1px;   }
.table{text-align:left;font-weight:bold;width:90px;}
.tablein{text-align:left;padding-right:25px;width:110px;font-weight:bold}
.tablein img{width:18px;height:18px;padding:0 10px 0 0;float:right}
.bilder img {padding:20px;}
/* Container
**************************************************/
.container { margin:0 auto;width:940px; }
.pad { padding:10px; }
.pad p{ padding:0 0 0 10px; }
/* Header
**************************************************/
#header .container { position:relative; }
#header h1 { background:url(pics/bck.png) no-repeat left top;display:block; float:left; margin:0; padding:10px 0 0 0; position:relative; }
#logo{padding-left:2px;padding-top:9px;float:left;position:absolute;clear:left;z-index:9;}
#toppic{float:right;height:150px;z-index:4;width:800px;}
#toppic li{list-style:none;}
ul#portfolio li img{float:right;padding:0 0 20px 20px;}
#portfolio{margin:0px;}
#counter{padding-left:10px;font-size:13px;font-weight:bold;}
#counter a{text-decoration:none;}
/* Footer
**************************************************/
#footer  { margin:0 auto;padding:2px 0px 0px 200px;background:#FFFFFF url(../pics/bottom.jpg)repeat-x; bottom:0px;width:940;border-top:2px solid #ddd; }
#footer p{ text-align:left;font-size:13px;font-weight:bold;}
#copyright {float:right;text-align:right;font-size:10px; padding:0 0 0 30px;color:#888; }
#copyright a { color:#888; text-decoration:none; }
#copyright a:hover { border-color:#bbb; }
#righter{position:relative;float:right;width:400px;height:90px;font:15px italic;}
#pic_box{float:right;width:30%;text-align:center;}
/* Body
**************************************************/
#body { background:url(../pics/body-bg.png) repeat-x left top; border-top:1px solid #ababab; clear:both; padding:10px 0 0 0; }
#home #body .container,
#full #body .container { background:#fff url(../pics/container-large-bg.png) no-repeat left top; padding:10px; width:950px; }
#full #body .container .pad.fade-left { background:#fff url(../pics/fade-left.png) no-repeat -20px -20px; padding:20px; }
.cont { margin:10px auto;width:940px;background:#fff url(../pics/container-large-bg.png) no-repeat left top; padding:10px; width:950px; }
#main { float:left; width:720px; background:url(../pics/main-bg.gif) no-repeat left top; padding:10px; overflow:hidden;}
#side { float:left; width:210px; margin-right:20px; }

#product #side { margin-right:0; }
#product #main { margin-right:20px; }
#product #side h3 { background: #5c5c5c url(../pics/gray-bar.png) repeat-x left bottom; clear:both; line-height:1; margin: 0; padding: 7px 10px 9px; color:#fff; font-weight:bold; font-size:13px; position:relative; }

#product #side h3 img,
.box h3 img { position:absolute; right:0; top:0; }
.box h3 { background: #5c5c5c url(../pics/gray-bar.png) repeat-x left bottom;  line-height:1; margin: 0; padding: 7px 10px 9px; color:#fff; font-weight:bold; font-size:13px; position:relative; }


/* Intro
**************************************************/
#intro {  margin:0 0 2px 0;padding:20px 0 0 0; background: url(../pics/intro.jpg) center 10px no-repeat;width:920px;min-height:100%;height:100%; }
#intro p{width:600px;}
#introdef{  margin:0 0 2px 0;padding:20px 10px 0 0;width:920px;min-height:100%;height:100%; }
#introdefpic{width:60px;height:100%;float:left}
.picright{float:right;padding:5px 10px 5px 5px;}
.picleft{float:left;padding:5px 5px 5px 10px;}
.preise td{text-align:center;font-weight:bold;}

#intro_bott {height:8px; margin:0 0 12px 0; overflow:hidden; background: url(../pics/intro_bott.jpg);width:930px;}
#portable { position:relative;background:#fff url(../pics/callout-standby-bg.png) no-repeat right top; 
            border-left:1px solid #999999;border-top: 1px solid #999999;margin-left:8px;float:right; margin:5px;padding:5px; width:250px;} 
#portable p { padding-right:200px; }
#wetter{font-size:13px;color:#500;width:199px;margin:0px;padding:0px;}
#wetter select{width:90px;height:20px;font-size:10px;}
#wetter button{width:20;height:20px;}
.right { float:right; }
.left  { float:left; }
hr { border:none; margin:0 0 2em 0; padding:0.5em 0 0 0;background:#fff url(../links/line.jpg) repeat-x left center; overflow:hidden; height:1px; width:100%; clear:both; }
/* Zusatz
**************************************************/
#e_links{width:300px;margin-left:60px;}
#e_rechts{width:300px;float:right;margin-top:-260px;}
.form{padding-left:60px;}
.form img{padding:5px;}
#film_list li{list-style:none;float:left;padding:2px 20px 0 0 }
/* Headings
**************************************************/
h1 {  margin:0;font-size:17px;font-weight:bold; }
	h1 .mfg { display:block; font-size:14px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color:#777; letter-spacing:-0.05em; margin: 0 0 0.5em 0; }
	h1 .mfg a { color:#777; text-decoration:none; }
	h1 .mfg a:hover { border-bottom:1px solid #ccc; }
h1 em { font-style:normal; font-size: 14px; display:block; letter-spacing:0; color:#666; line-height:28px;  }
h2 { color:#111; font: normal 18px/1.22 "Century Gothic", Futura, Arial, sans-serif;letter-spacing:-1px; text-transform:uppercase; margin:0 0 0.5em 0; }
h3 { color:#500; font-size: 17px; font-weight:bold; margin:0 0 0 20px}
dt { color:#500; font-size: 15px; font-weight:bold; margin:0 0 0.25em 0; }
h4 { font-size: 13px; font-weight:bold; margin:0; }
h5 { font-size: 12px; font-weight:bold; margin:0; }

/* Block Level Elements
**************************************************/
p, ul, ol, blockquote, dl { margin:0 0 1.5em 0; }

ul { margin: 0 2.5em 1.5em 2.5em; list-style:square; }
ol { margin: 0 2.5em 1.5em 2.5em; list-style:decimal; }

li ul,
li ol { margin-bottom:0; }

dd { margin: 0 0 1em 0; padding: 0 0 1em 0; background:url(/pics/shared/dot-x.gif) repeat-x left bottom;}
dl { width:44%; padding: 0 3%; float:left; }


.url { display:block; color:#631919; line-height:2.22; }

ul.blank-list { margin:0 0 1.5em; list-style:none; }

.righty { float:left; width:225px; display:inline; overflow:hidden; }
#news{
 background:url(../pics/news.jpg) no-repeat;
 height:155px;
 padding:30px 0 0 10px;}
/* Scroller Box */
#scroller_container {
 position: relative;
 width: 420px;
 height: 90px;
 overflow: hidden;
}

#scroller p {
 margin:20px 0 0 0;
 padding:0 0 0 40px;
 width:340px;
 display:block;
}
/* Scoller Box */
#clear{clear:both;} 
#link_box li{float:left;padding:10px 20px 10px 20px;list-style:none;}
.titel {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	background-color: #F2F2F2;
}
.inputsubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999999;
	border: 1px solid #999999;
}
.inputtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.texttd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 2px;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 2px;
}
.textlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #660000;
	text-decoration: underline;
}
.zeile {
	line-height: 5px;
}
.event_box {
	padding: 4px;
	margin: 2px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}
.artmedic_highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	background-color: #000000;
}
.artmedic_fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border: none;
	background-color: #EAEAEA;
}