@charset "utf-8";


/*----------------------Responsives Stylesheet----------------------------

/* Kleine Monitore 
img { width: 100%; height: auto }*/
.reframe { max-width: 96%; margin: 0 auto }
ul#mainmenu { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
#home { background: salmon }
footer { background: black }
…

/*-------------------- Tabletts ---------------*/
@media only screen and (min-width: 760px) {
	.reframe { max-width: 760px }
…
}

/*/*-------------------- Mittlere Monitore  ---------------*/
@media only screen and (min-width: 980px) {
	.reframe { max-width: 980px }
}

/*/*-------------------- Große Monitore  ---------------*/
@media only screen and (min-width: 1280px) {
	.reframe { max-width: 1280px }
…
}



body {
	/*vertical-align:middle;
	text-align:center;
	padding:100px,100px,100px,100px;
	margin:0px,0px,0px,0px;
    height: 100%;
    min-height: 80%;
	max-width:80%;*/
	font-family:"AvantGarde Bk BT", "AvantGarde Md BT";
}
/*table.eins {
	padding:0px,0px,0px,0px;
	margin:0px,0px,0px,0px;
	vertical-align:middle;
	text-align:center;
	background-color:#CF6;
	width:100%;
}
td.eins {
	padding:0px,0px,0px,0px;
	margin:0px,0px,0px,0px;
}*/
p {
	font-size: 0.9em;
	font-style: normal;
	font-variant: normal;
}
/*---------------------Kopfteil------------------*/
table.kopf {
	/*min-width: 35em; max-width: 120em;
	border:thin;*/
}
hr {
	color:#C36;
	text-align:center;
	text-shadow:none;
	border-style:solid;
	vertical-align:top;
	padding:0px,0px,0px,0px;
	height:1px;
}
td.crs {
	font-size: 1.3em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align:left;
	vertical-align:bottom;
}
td.Ludwig {
	font-size: 1.7em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align:right;
	width:80%
}
/*---------------------Navigation horizontal------------------*/
.navi {
	with: 100%;
}
a {
	font-size:1em;
	text-decoration: none;
	color:#000;
	background:#FFF;
}
a.hover {
	font-size:1em;
	color:#FFF;
	background-color: #c36;
	text-decoration: none;
}
a.activ {
	font-size:1em;
	color:#FFF;
	background-color: #c36;
	text-decoration: none;
}
/*---------------------Bauchteil------------------*/
td.bauch {
	vertical-align:top;
}
table.bauch {
	/*width:100%;*/
  min-height:100%
}
td.links{
	width:10em;
}
td.mitte{
	min-width:20em;
}
td.rechts{
	width:10em;
}
/*div.mitteltext {
	text-align:right;
	width:80px;
}*/
.textpunkthaken {
	size:0.1em;
}
.bildDrLudwig {
	float:none;
	max-width:30em;
	/*min-width:2em;*/
	width: 100%;
}
.bildlogohaken {
	max-width:82px;
	min-width:2em;
}
.bildspalte {
	text-align:right;
	vertical-align:top;
	padding:20px;
	width: 30%;
	}
li {
	list-style-image:url(images/haken-logo-ludwig_15.gif);
	text-align:left;
}
/*---------------------Fussteil------------------*/
td.fuss {
	color:#666;
	font-size: 0.7em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align:center;
	vertical-align:bottom;
}
.kopf tr td table aktiv {
	color: #fff;
}