/* CSS Document, wenn der Browser zwischen 0 px und 640 px breit ist */
body {
	background-color: #9C9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #030; /* TSM */
}
/* TEXTS */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #030;
	padding: 5px;
}
p.out { /* Copyright */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #030;
	background-color: transparent;
}
p.special-right { /* Preisliste */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-weight: normal;
	color: #030;
	background-color: transparent;
	text-align: right;
}
p.update-news {
	padding: 5px;
	background: #FF6;
	border-color: #030;
	border-width: 5px;
	border-style: dashed;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #030;
	margin: 0;
	padding: 0;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:  bold;
	font-style: italic;
	letter-spacing: 1px;
	color: #900;
	margin-top: 0;
	margin-bottom: 2px;
	padding: 6px 5px;
}
h3 { /* Datenschutz */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #900;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 2px 5px;
}
h4 { /* unter header image */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #030;
	text-align: right;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 2px 0;
}
ul, li { /* Datenschutz */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #030;
	margin: 5px 0;
	list-style-position: outside;  /* Einzug bleibt aussehalb */
}
/* MAIN CONTAINER */
#container-white {
	width: 97%;
	/* background-color: #FFF; */
	background: url(../images/tsm-fade.jpg) repeat-y 10% 0;
	text-align: left;
}
#container-bgcolor {
	width: 99%;
	background-color: #9C9;
	text-align: left;
	padding: 2px;
}
#container-grey {
	width: 99%;
	background-color: #666;
	text-align: left;
	margin: 10px 0;
	padding: 0;
}
#content-center {
	text-align: center;
}
/* COLOR TEXTBOXES */
#content-textbox { /* Preisliste */
	display: inline;
}
/* BOXES */
#box25 { /* Menu-Top */
	float: left;
	width: 100%;
}
#box50-left { /* Preisliste */
	float: left;
	width: 100%;
	text-align:left;
	padding-left: 5px; /* Einzug Text vom Rand */
}
#box50-right { /* Preisliste */
	float: left;
	width: 98%; /* Einzug EUR vom Rand */
	text-align: right;
}
#row {
	clear: both;
	width: 100%;
	text-align: left;
}
#row-solid { /* Preisliste */
	clear: both;
	width: 100%;
	text-align: left;
	border-bottom-color: #999;
	border-bottom-style: solid;
	margin: 10px 0;
}
/* IMAGES */
.adjustimage {
	max-width: 100%;
	height: auto;
}
div.imagecaption160lft {
	float: left;
	width: 160px;
	padding: 5px 4px 5px 5px;
	display: inline;
	font: normal 60% Verdana, Arial, Helvetica, sans-serif;
	color: #030;
	text-transform: uppercase;
	text-align: center;
}
div.imagecaption160rgt {
	float: right;
	width: 160px;
	padding: 5px 0 5px 4px;
	display: inline;
	font: normal 60% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* LINKS */
a:link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #900;
	background-color: transparent;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #900;
	background-color: transparent;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #F00;
	background-color: transparent;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #F00;
	background-color: transparent;
	text-decoration: underline;
}
.menu {	/* Menu-Top */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin: 2px 0;
	padding: 7px 3px;
	color: #CCC;
	background-color: transparent;
}
.menu a:link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: none;
	margin: 2px 0;
	padding: 7px 3px;
	color: #CCC;
	background-color: transparent;
}
.menu a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: none;
	margin: 2px 0;
	padding: 7px 3px;
	color: #CCC;
	background-color: transparent;
}
.menu a:active {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: none;
	margin: 2px 0;
	padding: 7px 3px;
	color: #FFF;
	background-color: transparent;
}
.menu a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 2px 0;
	padding: 7px 3px;
	color: #FFF;
	background-color: transparent;
}
.pagebottom { /* Menu-Bottom */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #030;
	background-color: transparent;
}
.pagebottom a:link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #CCC;
	background-color: transparent;
	text-decoration: none;
}
.pagebottom a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #CCC;
	background-color: transparent;
	text-decoration: none;
}
.pagebottom a:active {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
}
.pagebottom a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #FFF;
	background-color: transparent;
	text-decoration: underline;
}
