/* Global Reset ala Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; font-family: ordana; }
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* general */
body {
  width: auto;
  font-size: 14px;
  /* line-height:20px; */   /*   siehe   #left  !!!   */
	font-weight: normal;
  font-family: Oranda;
  line-height: 12px;
  color: #333;  
  margin: 0 0 0 45px;
  }

/*  Fuszzeile :   siehe content  footline   */

body.start {background:#000 url("../img/start.jpg") no-repeat left top; color: #fff;}
body.dgrey {background: #3d3d3f url("../img/left-dgrey.png") no-repeat 46px 120px;}
body.grey {background: #ccd5da url("../img/left-grey.png") no-repeat 46px 120px;}
body.purple {background: #400931 url("../img/left-purple.png") no-repeat 46px 120px;}
body.blue {background: #a8bbc1 url("../img/left-blue.png") no-repeat 46px 120px;}

a {color: #333; text-decoration: none; cursor: pointer;}
#page a:hover {color: #e53434;}

#page .red {color: #e53434;}
#page .red:hover {color: #680200;}

#page {
  position: relative;
  width: 1280px;
  height: 712px;
}

#left {
  float: left;
  margin:0 0 0 105px;
  background: #fff  url("../img/left-bg.png") no-repeat left 140px;
  width: 260px;
  height: 732px;
  position: relative;
}

.start #left {background: transparent;}

#left img {
  margin: 15px 0 0 15px;
}

#left ul {font-size: 38px; list-style-type: none;font-weight: bold; margin: 0 0 0 18px;}
    
    #left ul li {line-height: 38px; margin: 0 0 10px ;}
    
    #left ul li a {color: #707173;}
    .dgrey #left ul li.active a,
    .dgrey #left ul li a:hover {color: #3c3c3e;}
    .start #left ul li a {color: #fff;}
    .purple #left ul li.active a,
    .purple #left ul li a:hover {color: #400931;}
    .blue #left ul li.active a,
    .blue #left ul li a:hover {color: #a8bbc1;}
    .grey #left ul li a {color: #bbbabf;}
    .grey #left ul li a:hover {color: #19171a;}
    
    
    
#left hr {
  color: #8c8c8e;
  margin: 20px 20px 7px;
  height: 2px;
  width: 220px;
  padding: 0;
  display: block;
  position: relative;
  border: none;
  background: #8c8c8e;
}

#left p {
  padding: 0 30px 15px 20px;
  line-height: 20px;
}

#left ul.bottom-links { position: absolute; bottom: 10px; font-size: 18px;}
  #left ul.bottom-links li {line-height: 20px; margin: 0 0 5px;}
  
  .grey #left ul.bottom-links li.active a,
  .grey #left ul.bottom-links li a:hover {color: #19171a;}
  
  
#content {
  float: left;
  width: 700px;
  margin: 135px 0 0 23px;
  position: relative;
  height: 597px;
}  

#content ul.images {width: 100%;}
  #content ul.images li {float: left; display: block; margin: 0 23px 23px 0;}

#content #footline { position: absolute; bottom: 15px; color: #fff; font-size: 13px;}