/*
Theme Name: velice-10
Version: 1.0
Description: 2 Column theme based on a website template
modified (c) LUMICON 2009
*/

/* Load Google Webfonts */

@font-face {
  font-family: 'Oswald';
  src: url("fonts/Oswald-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; 
}


*{
margin:0px;
padding:0px;
}

/*
old background background: #d6dfe9 url(http://bel-etage-projects.de/wp_be/wp-content/uploads/2010/05/beletage2_dkl_small3.jpg); beletage2_dkl.jpg
*/

body {
  font-family:Arial,  sans-serif;
background: #aeaeae url(http://bel-etage-projects.de/wp_be/wp-content/uploads/beletage_4.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
  font-size: 100%;
}


img {border : 0px;}

img.left{
float:left;
padding:1px;
}


/* Structural
=========================================================================== */

#wrapper {
  width: 960;
}


/* ********************************** menu sidebar left ********************** */
#left {
  position: absolute;
  width: 320px;
  float: left;
  padding: 0 0 40px 0;
  margin-top: 9px;
  margin-left:-22px;
  color: #ffffff;
  font-family: 'Oswald', Arial, sans-serif;
  font-weight: 400; 
  font-size: 14px;
  line-height: 1em;
}

#left ul{
list-style:none;
}


#left ul li{
//padding:10px;
padding: 5px 0 5px 0px;
}

#left ul li a{
  //padding:0px;
  font-size: 14px;
  padding: 0px 0 2px -15px;
}

#left a{
  color: #ffffff;
  /* text-transform: uppercase; */
  text-decoration:none;
  //font-weight:bold;
}

#left a:hover { color:#202122;}
#left a:active { color:#000000;background-color: transparent;}

#left h3{
  color: #ffffff;
  //font-weight:bold;
  padding-top:10px;
}

/* ********************************** seiten inhalt ********************** */
#right{
  float: left;
  margin-left:320px;
  margin-top:0px;
  width: 640px;
  float: left;
  padding: 0 0 40px 5px;
  color: #f2f8fd;
  font-weight: normal; 
  font-size: 18px;
  line-height: 1.1em;    /* 5 */
}

#right a
{
color:#ffffff ;
text-decoration:none;
}

#right a:hover
{
color:#202122;
text-decoration:none;
//background-color: #dedede;
}

/* FOOTER
=========================================================================== */
#footer{
	position:fixed;
	bottom:0;
	width:100%;
	background:transparent;
	border-bottom:none;
	/* color:#fff; */
	clear:both;
	padding:3px 0;
	text-align:left;
        text-indent:2em;
        margin-right:10px;
	color:#ffffff;
}

#footer a
{
text-decoration:none;
color:#999
}


/* Headings, text
=========================================================================== */

p {
  font-size: 14px;
  //line-height: 2.5em;

  padding: 5px 0 5px 0px;
}





h1 {
  font-size: 1em;
  font-family: 'Oswald', Arial, sans-serif;
  color: #fff;
  text-align:left;
 /* text-transform: uppercase; */
  //margin: 4px 1px 6px 6px;
  margin: 0.2em 0 0.8em 0;
  font-weight: normal;
}


h2 {
   font-size: 1em;
   font-family: 'Oswald', Arial, sans-serif;
  font-weight: normal;
  text-decoration:none;
  margin: 0.2em 0 0.5em 0;
  color: #202122;
}

h3 {
  font-size: 0.9em;
  font-family: 'Oswald', Arial, sans-serif;
  font-weight: normal;
  color: #ffffff;
  margin: 0.1em 0 0.2em 0;
}


h4 {
  font-size: 0.9em;
  font-family: 'Oswald', Arial, sans-serif;
  font-weight: normal;
  color: #202122;
  margin: 0.1em 0 0.18em 0;
}

h5 {
  font-size: 0.8em;
  font-family: 'Oswald', Arial, sans-serif;
  font-weight: normal;
  color: #ffffff;
  margin: 0.1em 0 0.15em 0;
}

h6 {
  font-size: 0.7em;
  font-family: 'Oswald', Arial, sans-serif;
  font-weight: normal;
  color: #202122;
  margin: 0.1em 0 0.1em 0;
}


h1, h2, h3, h4, h5, h6, p {
  //padding: 7px;	
  padding: 6px 0 6px 0px;	
  //margin: 0.2em 0 1.0em 0;
}
	

ul li 
{margin-left: 2.4em;
padding-left: 0;
background: none; 
}

ol li {
margin-left: 2.4em;
padding-left: 0;
background: none;
list-style-type: decimal
}



code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
 
  background: #dce3eb;
  color:#000;
  border: 1px solid #ffffff;  
}

acronym {
  cursor: help;
  border-bottom: 1px solid #ffffff;
}

blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
   border: 1px solid #ffffff; 
   color:#ffffff;
  	background: #dce3eb;
}


fieldset {border: none}

/* form elements */


form {
margin: 0 0 1.5em
}

input {
	padding:2px;
	border:1px solid #ffffff;
	font: normal 1em Verdana, sans-serif;
  //font-weight: bold;
  color: #000000;
background:#ffffff;
filter:alpha(opacity=30); /* IE */
-moz-opacity:0.3; /* Gecko-Browser */
opacity:0.3; /* Opera 9+ */

}
textarea {
	width:630px;
	padding:2px;
	font-family: Verdana, sans-serif;
	border:1px solid #ffffff;
	height:100px;
	display:block;
  font-weight: bold;
color:#000000;
background:#ffffff;
filter:alpha(opacity=30); /* IE */
-moz-opacity:0.3; /* Gecko-Browser */
opacity:0.3; /* Opera 9+ */

}
input.button { 
	margin: 0; 
	font: normal 12px Arial, Sans-serif; 
	border: 1px solid #ffffff; 
	padding: 2px 3px; 
	background:#dce3eb;
	
}



label 
{
display:block;
padding: 5px 0
}



input#submit
{
background:#dce3eb;
color:#ffffff;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;
font-size:1.1em;

}
.commentsblock textarea{
	width:410px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #ffffff;
}
.commentsblock textarea:focus{
	background:#dce3eb;
	border:1px solid #ffffff;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #ffffff;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#dce3eb;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#dce3eb;
	border:1px solid #ffffff;
	padding:0.5em;
}
h3#comments{
font-size:1.2em;
}

.author
{
margin-left:10px;
font-size:10px;


font-weight:normal;


}

/* legal links */
.menu-footer-menu-container {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	width: 100vw;
	background: #FFF;
}

.menu-footer-menu-container ul.menu {
	display: flex;
	margin: 0 2em;
	padding: .5em 0;
	list-style: none;
}

.menu-footer-menu-container ul.menu li {
	margin: 0 .5em;
	font-size: 12px;
}

.menu-footer-menu-container ul.menu li a,
.menu-footer-menu-container ul.menu li a:link,
.menu-footer-menu-container ul.menu li a:visited {
	color: #666;
  text-decoration: none;
}

.menu-footer-menu-container ul.menu li a:hover,
.menu-footer-menu-container ul.menu li a:active,
.menu-footer-menu-container ul.menu li a:focus {
	color: #dedede;
  text-decoration: none;
}