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

.left    { text-align:left; }
.right   { text-align: right; }
.center  { text-align: center; }
.justify { text-align: justify; }
.start   { text-align: start; }

html, body{ 
 background-color: #FFFFFF;
 /* margin-left:30px; */
 /* margin-top:30px; */
  padding:0px; 
  height: 98%; 
  width: 100%; margin: 0; 
 } 
 
#pagewidth{ 
 width: calc(100%-0px);
 min-height:800px;
 height: 100%;
 border: 5px solid #FFFFFF;
 background-color: #FFFFFF;
}
 
#maincol{
 background-color: #FFFFFF;  
 position: relative; 
 }
 
#container {
	 clear: left;
	 margin: 0 auto;
	 padding-left: 10px;
	 width: 790px; 
	 min-height: 500px;
} 

#top {
	 float: left; 
	 width: 1px;
	 height: 40%; 
	 /* height: 40vh; */
	 /* min-height:150px; */
	 margin-bottom: -12em; 
	 /* line-height: 20%;*/
} 

#top-small {
	 float: left; 
	 width: 1px; 
	 height: 20%;
	 margin-bottom: -12em;
} 

div.table {
    display: table;
	width: calc(100% - 10px);
    border: 0px solid blue;
    padding: 5px;
}
div.spalte { 
    display: table-cell;
	vertical-align:middle;
    border: 0px solid red;
    width: 200px;
    padding: 1px;
}
div.spalte-breit { 
    display: table-cell;
    border: 0px solid red;
	vertical-align:top;
    width: 390px;
    padding: 5px;
}
div.table-text {
    display: table;
	/*width: 300px;*/
    border: 0px solid blue;
    padding: 5px;
}
.img {
  width: 250px; 
  height: auto;
  margin-left:30px; 
  margin-top:0px;
  border:0;
}

#bild-diplom {
	width:642px; 
	height: 462px;
	background:url("images/diplom.jpg");
	text-align:center;
	padding:0px;
}

#bild-altedruckerei {
	width:250px; 
	height: 250px;
	background:url("images/DRUCKEREI_250.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}

#bild-lolo {
	width: 250px;
	height: 250px;
	background-image: none;
	background:url("images/LOLO_250.jpg	");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}

#bild-vivo-barefoot {
	width:250px; 
	height: 250px;
	background:url("images/VIVO_250.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}

#bild-block {
	width:250px; 
	height: 250px;
	background:url("images/BLOCK-250px.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}

#bild-palette {
	width:250px; 
	height: 250px;
	background:url("images/palette-250px.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}

#bild-slice {
	width:250px; 
	height: 250px;
	background:url("images/SLICE_250.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}

#bild-work {
	width:250px; 
	height: 250px;
	background:url("images/work-250px.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}
  

#bild-stuhl {
	width:250px; 
	height: 250px;
	background:url("images/STUHL_250.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}

#bild-artahr {
	width:250px; 
	height: 250px;
	background:url("images/ART_AHR_2015_250.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}

#bild-header-logo {
	width:168px; 
	height: 79px;
	background:url("images/LOGO-small.jpg");
	text-align:center;
	padding:0px;
	border:0;
	background-repeat: no-repeat;
}    

#bild-projekte {
	width:100px; 
	height: 95px;
	background:url("images/projekte-small.jpg");
	/* padding-left: 30px; */
	margin-left: 30px;
	margin-top	: 30px;
	text-align:center;
	border:0;
	background-repeat: no-repeat;
}   

#bild-laura {
	width:250px; 
	height: 250px;
	background:url("images/LM-250px.jpg");
	text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;	
	padding:0px;
	border:0;
	background-repeat: no-repeat;
} 
  
/*div.tr { 
      display:table-row; 
	  height: 250px;
} */


.table-row-300px { 
      display:table-row; 
	  height: 300px;
} 

.bildwechsel-start1 {width:250px; height:250px; background:url("images/LM-250px.jpg");padding:0px;}
.bildwechsel-start1:hover {background:url("images/Laura_250.jpg") bottom right;}
.bildwechsel-start1 a {width:100%; height:100%; display:block; text-decoration:none;}
.bildwechsel-start1 a span {display:block; width:100%}

.bildwechsel-start2 {width:250px; height:250px; background:url("images/Projekte-250px.jpg");padding:0px;}
.bildwechsel-start2:hover {background:url("images/Projekte_250.jpg") bottom right;}
.bildwechsel-start2 a {width:100%; height:100%; display:block; text-decoration:none;}
.bildwechsel-start2 a span {display:block; width:100%}

.bildwechsel-start3 {width:250px; height:250px; background:url("images/Lebenslauf-250px.jpg");padding:0px;}
.bildwechsel-start3:hover {background:url("images/Lebenslauf_250.jpg") bottom right;}
.bildwechsel-start3 a {width:100%; height:100%; display:block; text-decoration:none;}
.bildwechsel-start3 a span {display:block; width:100%}


#headertext {
  clear: left;
  margin: 0 auto;  
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;    
  font-size: 30px;
  color: #000000;
  font-weight:bold;
}

#ueberschrift {
   
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;    
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    line-height: 52px;
    text-align: center;
    text-transform: none;
    color: #191919;
	 
}

#text {
   
    /* font-family: "Carrois Gothic",sans-serif,"google"; */
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;    
	font-size: 18px;
    font-weight: normal;
    font-style: normal;
    /* line-height: 52pxem; */
    text-align: left;
    text-transform: none;
    color: #191919;
	 
}

.text-hr {
    /* border-bottom: 10px;*/
	border: 1px;
    /* border-style: solid;*/
    border-color: black;
}


#footer{
 background-image:url(images/menu_simple.jpg); background-repeat: no-repeat;
 width: 900px;
 height: 27px;

} 
 
#footertext {
 /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; */
 font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 font-size: 20px; 
 color: #000000;
 text-decoration: none; 
 /* font-weight: bold; */
 float: right;
 margin-right: 20px;
 padding: 0 20px;
 /* margin-top:2px;  */ 
 /* margin-left:40px; */
 /* display:block; */
 /* overflow:auto; */
 /* clear:both;*/
 /* line-height: 1.5; */ 
}

#footertext a { 
text-decoration: none; 
border: 0px solid #000000; 
color: #000000; 
padding: 0 20px;
}

 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */