/* Vorlage Simple
--------------------------------------------- */

.vorlage1-imgl {
width:200px;
padding:5px;
border: 1px solid var(--border);
background: var(--background2);
}

.vorlage1-imgr {
width:200px;
padding:5px;
border: 1px solid var(--border);
background: var(--background2);
}

.vorlage1-boxl {
display: table-cell;
vertical-align: top;
}

.vorlage1-boxr {
display: table-cell;
vertical-align: top;
}

#vorlage1-main {
	background: var(--background);
	margin: auto;
	border: 5px solid var(--background3);	
	width: 480px;
}

.vorlage1-titel {
border: 1px solid var(--border);
padding: 15px;
font-size: 20px;
text-transform: uppercase;
background: var(--background2);
margin: 5px;
	text-align: center;
}

.vorlage1-titel2 {
border: 1px solid var(--border);
padding: 15px;
font-size: 18px;
text-transform: uppercase;
background: var(--background2);
margin: 15px 5px 5px 5px;
}

.vorlage1-info {
border: 1px solid var(--border);
padding: 10px 5px 10px 10px;
background: var(--background2);
margin: -5px 5px 15px 5px;
overflow: auto;
height: 150px;
text-align: justify;
}

.vorlage1-info2 {
border: 1px solid var(--border);
padding: 10px 5px 10px 10px;
background: var(--background2);
margin: 0 5px 5px 5px;
overflow: auto;
height: 150px;
text-align: justify;
}

.vorlage1-subtitell {
border: 1px solid var(--border);
padding: 8px;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
background: var(--background2);
text-align: left;
margin: 0 5px;
}

.vorlage1-subtitelr {
border: 1px solid var(--border);
padding: 8px;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
background: var(--background2);
text-align: right;
margin: 0 5px;
}

.vorlage1-icon {
width:18.5px;
height:18.5px;
padding:8px 5px 2px 5px;
border: 1px solid var(--border);
background: var(--background2);
margin: 0 5px 5px 0;
float: left;
text-align:center;
}

.vorlage1-fact {
width:205px;
height:18.5px;
padding:5px;
border: 1px solid var(--border);
background: var(--background2);
margin: 0 0 5px 0;
float: left;
font-variant: small-caps;
}

.vorlage1-factt {
width:220px;
height:18.5px;
padding:5px;
border: 1px solid var(--border);
background: var(--background2);
display: table-cell;
font-variant: small-caps;
	font-size: 16px;
}

.vorlage1-row {
display:table-row;
}

.vorlage1-table {
display: table;
border-spacing:5px;
}

.vorlage1-table2 {
display: table;
border-spacing:5px;
margin-top: -5px;
}

.frei {
color: #1CA400;
}

.reserviert {
color: #AC0089;
}

.vergeben {
color: #A80000;
}

/* Vorlage not Simple
--------------------------------------------- */
#vorlage2 {
background: url(../../../images/raikuyu/layout/vorlage2back.jpg);
border: 1px solid #333;
width: 500px; 
box-sizing: border-box;
margin: auto;
padding: 20px
}

.vorlage2_headline {
font-size: 28px;
text-transform: uppercase;
text-align: center;
line-height: 25px;
font-weight: bold;
text-shadow: 1px 1px 1px #570101;
width: 90%;
margin: auto;
padding: 0 0 15px 0;
}

.vorlage2_box {
width: 460px;
box-sizing: border-box;
border: 1px solid #570101;
background: #f6f1eeed;
margin-bottom: 20px;
padding-top: 15px;
}

.vorlage2_box2 {
width: 460px;
box-sizing: border-box;
border: 1px solid #570101;
background: #f6f1eeed;
padding-top: 15px;
}

.vorlage2_round_mid {
margin:auto;
height: 160px;
width: 160px;
border-radius: 50%;
border: 3px solid #570101;
background: #f6f1ee;
}

.vorlage2_img_mid {
height: 150px;
width: 150px;
border-radius: 50%;
text-align: center;
position: relative;
top: 5px;
left: 5px;
}

.vorlage2_subline {
font-size: 12px;
font-style: italic;
text-align: center;
letter-spacing: 1px;
width: 90%;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
}

.vorlage2_divider {
border: 1px dashed #570101;
width: 80%;
margin: auto;
margin-bottom: 5px;
}

.vorlage2_name {
font-size: 28px;
text-transform: uppercase;
text-align: center;
line-height: 25px;
font-weight: bold;
text-shadow: 1px 1px 1px #570101;
}

.vorlage2_name2 {
font-size: 28px;
text-transform: uppercase;
text-align: center;
line-height: 25px;
font-weight: bold;
margin-top: -80px;
text-shadow: 1px 1px 1px #570101;
}

.vorlage2_shortfacts {
font-size: 13px;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
padding-bottom: 5px;
}

.vorlage2_infobox_mid {
height: 200px;
padding: 0 20px;
}

.vorlage2_text_mid {
font-size: 13px;
text-align: justify;
width: 418px;
height: 180px;
box-sizing: border-box;
overflow: auto;
background: #fdfcfca6;
padding: 8px;
border: 1px solid #570101;
}

.vorlage2_infobox {
width: 365px; 
height: 160px; 
border: 3px solid #570101; 
padding: 5px; 
box-sizing: border-box; 
margin-left: 75px; 
background: #fdfcfca6;
}

.vorlage2_text {
font-size: 13px; 
text-align: justify; 
width: 300px; 
height: 140px; 
box-sizing: border-box; 
overflow: auto; 
position: relative; 
padding: 4px;
}

.vorlage2_round_left {
height: 120px; 
width: 120px; 
border-radius: 50%; 
border: 3px solid #570101; 
position: relative;
top: -145px; 
left: 10px; 
background: #f6f1ee;
}

.vorlage2_img_left {
height: 110px; 
width: 110px; 
border-radius: 50%; 
text-align: center; 
background: #f6f1ee; 
position: relative; 
top: 5px; 
left: 5px;
}

.picturebox {
  display: flow-root;
}

.picturepic {
  width: 148px;
  height: 109px;
  float: left;
  margin: 15px 0px 7px 7px;
  border: 1px solid var(--border);
}