@import url(//comet.tramino.net/fonts/css?family=Lato:400,700);

body {
	/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	min-width: 1024px;
}

#body {
	background-color: #3A302A;
	color: #FFF;
	font-family: Lato, Arial;
	font-weight: 400;
}
#body a {
	color: #FFF;
}

#body h1 {
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
}

#body h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}


#logo {
	position: fixed;
	top: 50px;
	left: 0px;
}


#content {
	width: 66%;
	margin: 0px 0px 0px 34%;
	overflow: hidden;
}
#body.mainpage #content {
	width: 37%;
	margin: 0px 0px 0px 63%;
	overflow: hidden;
}

#content .inner_content { margin: 140px 190px 20px 40px; }

#TraminoArtikel .TraminoTextile, #TraminoArtikel .TraminoTextile p {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	opacity: 0.8;
}

#TraminoInhalt { width: 100%; }
.T954 .dbcontent { margin: 20px; }


.Files .File .Name { font-size: 13px; }

#change {
	position: absolute;
	top: 0px;
	right: 50px;

}

#change.startseite {
	position: absolute;
	top: 0px;
	left: 250px;

}

#change a {
	float: left;
	display: block;
	font-size: 13px;
	padding: 7px 7px;
	background-color: #504239;
	text-decoration: none;
	margin-right: 1px;
}

#change a.aktiv {
	font-size: 14px;
	background-color: #665448;
	padding-bottom: 12px;
}

#change a:hover {
	background-color: #665448;
	padding-bottom: 10px;
}

#change a.aktiv:hover {
	font-size: 14px;
	background-color: #665448;
	padding-bottom: 12px;
}

#box1 {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 230px;
	max-height: 250px;
	background-color: #3A302A;
	font-size: 13px;
}

#box1 .File {
	width: 80px;
	float: left;
	margin: 0px 10px 10px 0px;
}

#box1 .info {
	margin: 0px 10px 10px 10px;
}

#fbbox {
	position: absolute;
	top: 450px;
	left: 0px;
}


#change a.c2479 { background-color: #A14400; }
#change a.c2479.aktiv, #change a.c2479:hover, #change a.c2479.aktiv:hover { background-color: #E15F00; }

#change a.c2284 { background-color: #6A0902; }
#change a.c2284.aktiv, #change a.c2284:hover, #change a.c2284.aktiv:hover { background-color: #7E0A01; }

#change a.c1992 { background-color: #005001; }
#change a.c1992.aktiv, #change a.c1992:hover, #change a.c1992.aktiv:hover { background-color: #007401; }

#traminobox .body, #traminobox .body div  { padding: 0; width:750px; height:550px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
#TraminoSuchbox_form img { padding-left:5px; }
#TraminoSuchbox_form select { width:95px; margin-top:10px; }
#ui-datepicker-div { z-index: 1000; }



/* Change - Börslinger Hof (c17909) */
#change.startseite.c17909 a {
	color: #fff7b2 !important;
	background-color: #336c2d !important;
}

#change.startseite.c17909 a.aktiv, #change .c17909 a.aktiv { color: #fff !important; }
#change.startseite.c17909 a:hover { color: #fff !important; padding-bottom: 7px !important; }
#change.startseite.c17909 a.aktiv:hover { padding-bottom: 12px !important; }

#change.c17909 a { background-color: #fff7b2 !important; color: #336c2d !important; }
#change.c17909 a:hover { color: #333 !important; padding-bottom: 7px !important; }
#change.c17909 a.aktiv:hover { padding-bottom: 12px !important; }
#change.c17909 a.aktiv { color: #333 !important; }


/* u. Catering (c18516) */

#change.startseite.c18516 a {
	color: #336c2d !important;
	background-color: #fff7b2 !important;
}

#change.startseite.c18516 a.aktiv { color: #333 !important; }
#change.startseite.c18516 a:hover { color: #333 !important; padding-bottom: 7px !important; }
#change.startseite.c18516 a.aktiv:hover { padding-bottom: 12px !important; }

#change.c18516 a { background-color: #336c2d !important; color: #fff7b2 !important; }
#change.c18516 a:hover { color: #fff !important; padding-bottom: 7px !important; }
#change.c18516 a.aktiv:hover { padding-bottom: 12px !important; }
#change.c18516 a.aktiv { color: #fff !important; }

#body.Mandant_18516 #copyright { width: 650px; }
#body.Mandant_17909 #copyright { width: 650px; }#nav {
	position: fixed;
	top: 250px;
	right: 20px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#nav ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#nav ul li a {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	text-decoration: none;
}
#nav ul li.nav_aktiv a {
	font-weight: 700;
}#bgimg {
	position:fixed;
	z-index: -1;
	overflow: hidden;
}

#bgimg img {
	position:absolute;
	top: 0px; left: 0px;
	z-index: 2;
	overflow: hidden;
	display: none;
}
#bgimg img.aktiv {
	display: block;
}

#bgimg .height {
	position:static;
	display: block;
}#page.w1260 #TraminoArtikel .File, #page.w1260 #TraminoInhalt .File {
	width: 200px;
	height: 166px;
	overflow: hidden;
}

#page.w1260 #TraminoArtikel .File img, #page.w1260 #TraminoInhalt .File img {
	width: 200px;
	height: auto;
}

#page.w1260 #content .inner_content { width: 450px !important; overflow: hidden; }
#page.w1260.startseite #content .inner_content { width: auto !important; overflow: visible; }

#page.w1260 .T49 .Adresse .File img {
	width: 150px !important;
}

#page.w1260 .T49 .KundenBilder {
	margin: 0px 0px 10px 0px;
}#copyright {
	position: static;
	margin: 20px 20px 10px 40px;
	font-size: 13px;
	color: #FFF;
	opacity: 0.8;
	width: 650px;
}

#copyright.startseite {
	position: fixed;
	bottom: 5px;
	left: 10px;
	font-size: 13px;
	color: #000;
	opacity: 0.8;
	width: 650px;
}

#copyright a {
	color: #FFF;
	opacity: 0.8;
}
#copyright.startseite a {
	color: #000;
	opacity: 0.8;
}

#copyright .left {
	margin-right: 20px;
}

#copyright .right {
	margin-left: 20px;
}#body.S1849 #page h1 {
	color: #DBA901;
}

#body.S1849 #nav ul li a {
	color: #DBA901;
}

#body.S1849 #nav ul li.nav_aktiv a { color: #FFF; }

#body.S1849 #nav ul li a:hover {
	color: #FFF;
}#body.S1774 #page h1 {
	color: #E82678;
}

#body.S1774 #nav ul li a {
	color: #E82678;
}

#body.S1774 #nav ul li.nav_aktiv a { color: #FFF; }

#body.S1774 #nav ul li a:hover {
	color: #FFF;
}#body.S3734 {
	background-color: #336c2d;
	color: #fff7b2;
}

#body.S3734 #page h1 {
	color: #fff7b2;
}

#body.S3734 #nav ul li a {
	color: #fff7b2;
}

#body.S3734 #nav ul li.nav_aktiv a { color: #FFF; }

#body.S3734 #nav ul li a:hover {
	color: #FFF;
}

#body.S3734 #content { width: 60%; }
#body.S3734.mainpage #content {
	width: 37%;
}

#body.S3734 .TraminoTextile table td { border-color: #fff7b2; }#body.S3735 {
	background-color: #fff7b2;
	color: #336c2d;
}

#body.S3735 a { color: #336c2d;}

#body.S3735 #page h1 {
	color: #336c2d;
}

#body.S3735 #nav ul li a {
	color: #336c2d;
}

#body.S3735 #nav ul li.nav_aktiv a { color: #333; }

#body.S3735 #nav ul li a:hover {
	color: #333;
}

#body.S3735 #content { width: 60%; }
#body.S3735.mainpage #content {
	width: 37%;
}

#body.S3735 .TraminoTextile table td { border-color: #336c2d; }

#body.S3735 #copyright {
	color: #336c2d;
}
#body.S3735 #copyright a {
	color: #336c2d;
}