/* CSS Document */
/* allgemeine Deklarierungen */
* {
margin: 0;
padding: 0;
}
body {
font: 95%  Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000;
background: #cccccc;
text-align: center;
padding-bottom: 20px;
}
/*
a, a:link, a:visited {
color: #000;
text-decoration: underline;
}
a:hover, a:active, a:focus {
color: #000;
text-decoration: underline;
}
*/
a img {
border: 0 none;
}
h1 { 
font: 2em Verdana, Arial, Helvetica, sans-serif; 
padding: 30px 0 15px 0; 
color: #A7AD00;
padding-right: 10px;
}
#ohnespalte h1 {
margin-right: 200px;
}
h2 { 
font: 1.4em Verdana, Arial, Helvetica, sans-serif; 
padding: 5px 0;
color: #979596;
background: transparent;
margin: 0.5em 0; 
}
h3, h4 { 
font-size: 1.2em; 
color: #4c4638;
padding: 2px 5px;
margin: 0.5em 0;
}
address {
padding:0;
margin:0;
font-style:normal;
font-size: 12px;
}

/* IDīs */

#container {
position: relative;
margin: auto;
width: 789px;
background: #fff url(../images/bg_content.jpg) repeat-y;
text-align: left;
}
#search {
width:100%;
}
#logo {
float:left;
background: #ccc url(../images/bg_content.jpg) repeat-y;
}
#logo img {
margin-left: 20px;
}
#schnellsuche {
float:right;
width: 250px;
text-decoration: none;
font-size: 80%;
color: #000;
padding: 3px;
text-align: right;
margin: 0 20px 0 0;
}
#schnellsuche .flaeche {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent url(../images/bg_submenue.jpg) repeat-y;
padding: 4px;
}
#header {
margin-left:10px;
width: 770px;
height: 111px;
background: transparent url(../images/bg_header.jpg) repeat-x;
clear:both;
}
#main {
width: 789px;
margin: 0 0 0 0;
background: transparent url(../images/bg_main.jpg) repeat-y;
/*padding-top: 20px;*/
}
#column {
font-size: 80%;
width: 200px;
float: right;
background: transparent;
padding-top: 10px;
}
#column h2 {
color: #c51225;
background: transparent;
padding: 0;
margin: 10px 0 0 0;
}
.infobox {
width: 180px;
border: 1px solid #ccc;
margin-bottom: 18px;
background: #fff;
margin-left: 10px;
}
.infobox H3 {
PADDING: 0 0 0 45px;
FONT-SIZE: 13px;
BACKGROUND: url(../images/bg_link.jpg) #ddd no-repeat right top;
margin: 0;
MARGIN-BOTTOM: 2px;
COLOR: #000;
HEIGHT: 20px;
}
.infobox P {
PADDING: 5px;
}
.infobox .topimg {
Z-INDEX: 10; MARGIN: -15px 0px 0px -2px;
POSITION: absolute;
}
.verweis {
FLOAT: right;
}
#column p.datum {
margin: 10px 0 2px 0;
}
#column a {
font-weight: bold;
color: #898c00;
}
#column a:hover {
color: #000;
}
#login {
width: 180px;
height: 169px;
border: 1px solid #ccc;
font-size: 95%;
margin: 0 0 15px 10px;
text-align: center;
background: #fff url(../images/bg_login.jpg) 2px -2px no-repeat;
}
#login form {
margin-top: 68px;
padding: 4px;
text-align: right;
}
#login input {
border: 1px solid #ccc;
width: 115px;
}
.submit {
background: #efefef url(../images/bg_topmenue.jpg) repeat-x;
border: 1px solid #6f6f6f;
}
#content {
/*padding: 0 0 0 20px;*/
margin: 0 10px 0 230px;
padding: 20px 0 0 0;
}
#content .artikel {
width: 535px;
height: auto;
margin: 20px 0 15px 0;
TEXT-ALIGN: left;
background: #fff;
color:#666666;
}
#content .artikel H3 {
padding: 0;
FONT-SIZE: 90%;
margin: 0;
MARGIN-BOTTOM: 2px;
COLOR: #000;
HEIGHT: 20px;
}
#content .artikel P {
font-size: 85%;
}
#content .artikel .button {
width:520px;
text-align:right;
padding: 5px;
}
.verweis {
FLOAT: right;
font-size: 80%;
margin: 0 10px 10px 0;
clear:both;
}
#content .suchform {
width: 533px;
height: auto;
margin: 20px 0 15px 0;
TEXT-ALIGN: left;
background: #efefef;
color:#666666;
font-size: 85%;
border:1px solid #dfdfdf;
}
#content .aufzaehlung {
list-style-type: none;
margin: 0 10px 15px 10px;
}
#content address {
margin-left: 10px;
}
#content .liste {
font-size: 85%;
padding: 5px 5px 5px 30px;
}
#content .liste ul li {
list-style-type: disc;
}
#content .liste ol li {
list-style-type:decimal;
}
#content h3 {
display: block;
font-size: 85%;
background: transparent url(../images/bg_topmenue.jpg) repeat-x;
}
#content p.datum {
margin: 10px 0 2px 0;
}
#content p.download_size {
color:#9f9f9f;
}
#content .schriftrot {
color:red;
}
#content .schriftgruen {
color:gruen;
}
#content .formularrot {
border:1px solid red;
border-color:red;
}
/*
#content a {
color: #000;
}
#content a:hover {
color: #ffcc00;
}
*/
#content .prodnewsbox {
width: 540px;
border: 1px solid #ccc;
margin-bottom: 15px;
background: #fff;
overflow: visible;
}
#content .prodnewsbox H3 {
PADDING: 0 0 0 5px;
FONT-SIZE: 13px;
BACKGROUND: url(../images/bg_link.jpg) #ddd no-repeat right top;
margin: 0;
MARGIN-BOTTOM: 2px;
COLOR: #000;
HEIGHT: 20px;
}
#content .linke_spalte {
width:270px;
float:left;
text-align:left;
}
#content .rechte_spalte {
width:275px;
float:right;
text-align:left;
}
#flash {
width: 540px;
height: 200px;
border: 1px solid #ccc;
margin: 0 0 20px 0;
background: transparent;
}
#themenfoto {
width: 531px;
height: 171px;
border: 1px solid #aaa;
margin: 0 0 10px 0;
background: transparent;
}
#themenfoto img {
display:block;
}
#fernbedienung {
float:right;
margin: -1px 50px 0 0;
z-index: 10;
}
#fernbedienung_old {
position: absolute;
top: 690px;
left: 550px;
z-index: 10;
}
#menu
{	
	/*position:			absolute;        	steht ja so schon drin*/                  
	/*left:				10px;               wegen dem Randschatten*/
	margin:				20px 0 0 5px;
	color:				#666;
	width:				200px;
	font-size:			12px;
	float:				left;
	background:			#f2f2f2;
}
div[id]#menu {
    margin-left: 10px;
}
#menu h2
{
	background:			url(../images/ort.jpg) repeat-x #333;
	height:				24px;
	padding:			9px 0 0 0;
	margin:				0 0 0 0;
	color:				#eaeaea;
	text-transform:		uppercase;
	font-size:			12px;
	text-align:			center;
}
#menu ul{
	list-style: 		none;
	padding:			0;
	margin:				0 0 15px 0;
	width:				200px;
	background:			#F2F2F2;
}
#menu ul li
{
	margin:				0 0 0 0;
	border-bottom:		1px solid #e5e5e5;
	text-align:			center;
}
#menu ul li.h1, #menu ul li.h2, #menu ul li#h2
{
	background:			url(../images/bg_hauptmenue.jpg) repeat-x top #cfccc5;
	height:				20px;
	padding:			6px 0 0 0;
	border-bottom:		none;
	color: 				#fff;
	margin-top:			0px;
}
#menu ul li.h2, #menu ul li#h2
{
	margin:				0;
}
#menu ul li a
{
	color:				#666;
	background:			url(../images/bg_untermenue.jpg) repeat-x;
	text-decoration:	none;
	display:			block;
	height:				16px;
	padding:			2px 0 0 5px;
	border-top:			1px solid #bbb;
}
#menu ul li a:active
{
	background: 		#EBEAEA;
}
#menu ul li.ueber a
{
	background:			url(../images/menu_h1.jpg) repeat-x top;
	height:				25px;
	padding:			7px 0 0 0;
	border-bottom:		none;
	color: 				#E8E7E3;
	margin-top:			0px;
}
#menu ul a:hover
{
	text-decoration:	none;
	background: 		#EBEAEA;
}
#footer {
margin-left:10px;
width: 770px;
height: 44px;
background: transparent url(../images/bg_footer.jpg) repeat-x;
clear:both;
}
#container p.footer {
background: transparent;
font-size: 80%;
margin: 30px 215px 20px 185px;
padding-top: 2px;
border-top: 1px solid #ccc;
clear: both;
}
#container .footer a {
text-decoration: none;
}
#container .footer a:link, 
#container .footer a:visited {
color: #7f7f7f;
background: transparent;
}
#container .footer a:hover, 
#container .footer a:active,
#container .footer a:focus {
color: #c51225;
}

/* Klassen*/

#content .link {
font-size: 90%;
text-align: left;
width: 260px;
border: 1px solid #ccc;
margin-bottom: 25px;
}
#content .link h3 {
FONT-SIZE: 100%;
color: #000;
height: 20px;
background: #ddd url(http://www.ssam.com/aktionen/layout/bg_link.jpg) no-repeat top right;
padding: 0 0 0 45px;
margin: 0 0 5px 0;
/*white-space: nowrap;*/
}
#content .link p {
padding: 5px 5px 0 5px;
}
#content .link img {
position: absolute;
margin: -18px 0 0 -8px;
z-index: 10;
}
#content .link .verweis {
float: right;
font-size: 90%;
margin: 0 5px 5px 0;
}
#content .link .button {
width:250px;
text-align:right;
padding: 5px;
}

.features {
font-size: 13px;
font-weight: normal;
padding-left: 15px;
}
.preis {
font-size:90%;
background: yellow;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: red;
border-bottom: 1px solid #000;
text-align: center;
}
.mwst {
background: white;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: red;
}
.rahmen_gesamt {
border:	1px solid #000;
margin: 0 0 0 0;
}
#bestellen {
width: 100px;
text-align: center;
border: 1px solid #999999;
margin-top: 0px;
}
#bestellen a {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 20px;
text-decoration: none;
color:#333;
width: 100px;
display: block;
background: #dfdfdf url(http://www.ssam.com/aktionen/20070329/bg_button.jpg) repeat-x;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
#bestellen a:link{
text-decoration: none;
color:#333;
width: 100px;
display: block;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}
#bestellen a:hover {
text-decoration: none;
color:#333;
width: 100px;
display: block;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
padding: 1px 0 0 1px;
}
#bestellen a:active {
text-decoration: none;
color:#333;
width: 100px;
display: block;
}
#bestellen a:visited {
text-decoration: none;
color:#333;
width: 100px;
display: block;
}