/*
// --------------------------------------
// Formatvorlagen für www.trianglesquares.de
// (c) 2008 Thomas Omerzu, Dortmund
// --------------------------------------
*/
body { margin:0; 
font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
}
p  { color:black;}
p.kleiner  { font-size:12px; margin:0; padding:0; }
th { font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
     font-weight:bold;
    color:black; padding-bottom:6px; text-align:left; vertical-align:top; }
td { font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    color:black; padding-bottom:6px; vertical-align:top; }
td.ht { font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    color:black; padding-bottom:0px; vertical-align:top; }
td.hm { font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    color:black; padding-bottom:0px; vertical-align:middle; }
td.kleiner { font-family:Arial,Univers,Helvetica,sans-serif; font-size:12px;
    color:black; padding-bottom:2px; vertical-align:top; }
h1 { font-size:30px; color:#993333; font-weight:bold;
	margin-top:1.5em;}
h2 { font-size:16px; color:#993333; font-weight:bold;
	margin-top:1em;}
h3 { font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    color:#993333; font-weight:bold;margin:5px 0;}
hr { border:0px;
     color:#993333;background-color:#993333;
     height:1px; 
   }
hr.menu { 
     border:0px;
     color:#ffffff;background-color:#ffffff;margin-left:0px;
     width:110px; 
   }
td.krot { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:9px;
    color:#993333; padding-bottom:0px;}
th.rot, table.rot th { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#993333; 
    text-align:left; vertical-align:middle; font-weight:bold;
    color:white; padding-bottom:6px;}
table.rot tr.tr0, table.rot tr.rot {
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#e3acac; 
    color:black; padding-bottom:6px; }
table.rot tr, table.rot tr.tr1, table.rot tr.rosa {
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#f0d5d5; 
    color:black; padding-bottom:6px; }
table.rot tr.gruen {
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#c0ffc0; 
    color:black; padding-bottom:6px; }
table.rot tr.lgruen {
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#d7ffd7; 
}
table.rot tr.weiss {
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:white; 
}
td.center, table.rot td.center, th.center, table.rot th.center  {
    text-align:center;
}
table.rot tr.gelb {
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#FFFFB7; 
    color:black; padding-bottom:6px; }
td.rot0 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#e3acac; 
    text-align:left; vertical-align:middle;
    color:black; padding-bottom:6px;}
td.rotc0 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#e3acac; 
    text-align:center; vertical-align:middle;
    color:black; padding-bottom:6px;}
td.rot1 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#f0d5d5; 
    text-align:left; vertical-align:middle;
    color:black; padding-bottom:6px;}
td.rotc1 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#f0d5d5; 
    text-align:center; vertical-align:middle;
    color:black; padding-bottom:6px;}
td.rot2 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#dce7f5; 
    text-align:left; vertical-align:middle;
    color:black; padding-bottom:6px;}
td.rotc2 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#dce7f5; 
    text-align:center; vertical-align:middle;
    color:black; padding-bottom:6px;}
th.g { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:12px;
    background-color:#993333; 
    text-align:left; font-weight:bold;
    color:white; padding-bottom:3px;}
th.gc { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:12px;
    background-color:#993333; 
    text-align:center; font-weight:bold;
    color:white; padding-bottom:3px;}
td.g1 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:12px;
    background-color:#993333; 
    text-align:left;
    color:black; padding-bottom:3px;}
td.g2 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#a0a0a0; 
    text-align:left;
    color:black; padding-bottom:3px;}
th.srot { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#993333; padding:1px 3px 1px 3px;
    text-align:left; vertical-align:middle; font-weight:bold;
    color:white; }
tr.srot0 td, td.srot0 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#e3acac; padding:1px 3px 1px 3px;
    text-align:left; vertical-align:middle;
    color:black; }
tr.srot1 td, td.srot1 { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    background-color:#f0d5d5; padding:1px 3px 1px 3px;
    text-align:left; vertical-align:middle;
    color:black; }
table.srot, table.srot td { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:13px;
    vertical-align:middle; }
table.mini td {
    font-size:10px;
    }
table.srot td { 
    padding:1px 3px 1px 3px; }
table.srot th { 
    background-color:#993333; 
    font-weight:bold; color:white; }
table.srot tr.tr0 {
    background-color:#e3acac; color:black; }
table.srot tr, table.srot tr.tr1 {
    background-color:#f0d5d5; color:black; }
table.srot tr.grau {
    background-color:#e0e0e0; color:black; }
table.srot td {
}
table.g {
    width:100%;
    border-collapse:collapse;
    }
td.c, th.c, table.rot th.c { text-align:center;}
td.r, td.r { text-align:right;}

/* b { color:#993333; } */
.rot { color:#993333; }
i { color:#993333; text-decoration:none; }
i.gray { color:#c0c0c0; text-decoration:none; }

#roterrahmen {
	border-width:1px;
	border-style:solid;
	border-color:#993333;
	width:45%;
	padding:5px;
	margin:0 10px 10px 0;
	font-size:12px;
    }
#kleiner { color:#993333; 
    text-decoration:none; font-weight:normal; 
    padding:0; margin:0;
}

/*
// --------------------------------------
// Spezielle Anker-Version für die Menüs
// --------------------------------------
*/
a { color:black; text-decoration:underline; font-weight:500; }
a.hidden { color:#993333; text-decoration:none; font-weight:normal; }
.menu1  { 
    text-decoration:none; color:white; 
    font-family:Arial,Univers,Helvetica,sans-serif; 
    font-weight:bold; font-size:16px; 
    text-indent:0px; 
    margin:0 0 5px 0;
    padding:0;
    }
.menu2  { 
    text-decoration:none; color:white; 
    font-family:Arial,Univers,Helvetica,sans-serif; 
    font-weight:500; font-size:11px; 
    text-indent:15px; margin-top:0px; margin-bottom:5px;
    }
a.black  { 
    font-family:Arial,Univers,Helvetica,sans-serif; font-size:14px;
    text-decoration:none;
    color:black;}
div.menu {
    box-sizing:border-box;
    margin-top:0px; margin-left:0px; 
    padding-top:100px;
    position:absolute; 
    /*border:1px solid yellow;*/
    top:0px; left:0px; 
    width:180px; height:100%; 
    z-index:1;
    background-image:url(../layout/triangles-159x105.jpg);
    background-position:11px 7px;
    background-color:#993333;
    background-repeat:no-repeat;
    }
div.menu ul {
    list-style: none;
    /*border:1px solid orange;*/
    padding:6px 0 0 45px;
}

div.menu ul.bottom {
    position:absolute; 
    bottom:0;
}

dt { font-weight:bold; }
dd { margin-bottom:10px; }

.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #ffc080;
	padding: 2px 6px 2px 6px;
}
#nachname_suggest, #zimmer1_suggest, #zimmer2_suggest {
	position: absolute; 
	background-color: #ffffff; 
	text-align: left; 
	border: 1px solid #c0c0c0;			
	margin-left:1px;
	margin-top:-2px;
}		
.rot {
    color:#ff0000;
}
span#p2, span#p2a, span#p1, span#p3, span#p1a { vertical-align:baseline; }

div.main, div.footer {
    box-sizing:border-box;
    width:580px;
    margin-left:200px;
}

div.footer {
    margin-top:3em;
    margin-bottom:10px;
    font-size:9px;
    color:#993333;
}

.afterhr {
    padding: 0;
    margin: 0;
    /*height: 0.5em;*/ 
    height:0;
    background: transparent;
}

img.right {
    float:right;
    padding:0;
    margin:0.5em 0 1em 1em;
}

figure {
    display:table;
    margin:0.75em auto;
}
figure.full {
}
figure.full img {
    max-width:100%;
}
figure.right {
    float:right;
    max-width:50%;
}

figcaption {
    text-align:center;
    padding-top:5px;
    font-style:italic;
    color:#933;
    display:table-caption;
    caption-side:bottom;
}

figure.right img {
    padding-left:10px;
}

div.tri-row {
    padding:0;
    width:100%;
    display: flex;
    flex-wrap: wrap;
}

div.tri-row  > div.tri-col {
	max-width:49%;
	flex: 0 0 auto;
	padding: 0 5px 0 0;
    }

div.tri-row > div.tri-col3 {
	width: 33%;
}
div.tri-row > div.tri-col7 {
	max-width: 49%;
	width: 49%;
}
div.tri-row > div.tri-col2 {
	width: 50%;
}

div.tri-cols {
    column-count:2;
    column-width:48%;
    column-gap:4%
}


/*
 * ----- Drucker? -----------------
 */
@media screen {
.onlyprint { display:none; }
}