*{margin: 0; padding: 0;}

html, body { 
	width: 100%;
	position: relative;
	min-width: 1020px;
	min-width: 1020px;
 }

body {
	background: white url(../grfx/orange-fond.png) 50% 0 repeat-y;
	text-align: center;
	overflow-x: hidden;
	overflow-y: scroll;
}

#center {
	height: 100%;
	position: relative;
	margin: 0 auto;
	text-align: left;

	width: 1020px;
}


#top, #middle, #bottom { margin-top: 50px; overflow: hidden; width: 100%; height: auto; position: relative;  } /* DAS OVERFLOW HIDDEN ermöglich erst dass die "FLOATENDEN LEFT UND RIGHT" den kasten aufdrücken, entferne "overflow: hidden und schau was passiert */

#top					{  margin-bottom: 96px;  }
#middle					{  height: auto;  }
#bottom					{ margin-top: 70px; z-index: 0;   }

.left, .right { float: left; }


.left		{  margin-right: 40px;  padding-bottom: 12px;  width: 260px;  }
.right		{  margin-left: 20px;  width: 300px;   }





          
.footer		{  margin-top: -47px;  margin-left: 300px;  border-top-color: white;  border-top-width: 2px;  border-top-style: dotted;  float: left;  width: 720px;   }





          
.right-1		{  letter-spacing: 0.1em;  text-transform: uppercase;  float: left;  list-style-type: none;  margin-left: 90px;  line-height: 32px;  font-size: 21px;  color: white;  width: 300px;   }





          
.right-2		{  list-style-type: none;  margin-left: 90px;  line-height: 32px;  font-size: 21px;  color: white;  float: left;  width: 269px;   }





          
.right-3		{  list-style-type: none;  margin-left: 90px;  float: left;  width: 269px;   }





          
.navigation		{   margin-left: 300px;   font-weight: bold;   letter-spacing: 0.1em;   text-transform: uppercase;   padding-bottom: 30px;   border-bottom-color: white;   border-bottom-width: 2px;   border-bottom-style: dotted;   }


/* NAVI */
li { list-style-type: none; float: left; }
li a { list-style-type: none; border-left: 1px solid #ddd; padding: 0 20px;  }
li:first-child a { padding-left: 5px; border-left: none }
/* ERSTES A hat keinen border links, so werden die | schön einheitlich */


.right li { clear: both; padding-left: 15px; list-style-image: url(../grfx/liste.png); list-style-position: inside; padding-top: 10px; font-style: normal; font-weight: normal; line-height: 24px; font-size: 16px; float: left; text-indent: -15px;}

p { margin-top: 10px; line-height: 24px; font-size: 16px; font-style: normal; font-weight: normal; }

.zeichnung { padding-left: 60px; padding-top: 20px; color: white; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 10px; line-height: 22px; font-size: 16px; font-style: normal; font-weight: normal; }

h3 { margin-top: 150px; margin-right: 30px; margin-left: 20px; font-style: normal; font-weight: normal; color: #f7a831; line-height: 42px; font-size: 36px; }

h4 { margin-left: 20px; margin-top: 10px; font-style: normal; font-weight: normal; line-height: 29px; font-size: 22px; }

h5 { clear: both; color: black; line-height: 24px; font-size: 16px; font-weight: bold; }

h1 { clear: both; color: black; line-height: 28px; font-size: 20px; font-weight: bold; }

h2 { padding-top: 20px; clear: both; color: black; line-height: 28px; font-size: 20px; font-weight: bold; }

a { text-decoration: none; color: black; }

.right-2 a { text-decoration: underline; color: white; }

#bottom a { color: black; }

#bottom a:hover { text-decoration: underline; color: black; }

a:visited { text-decoration: none; color: black; }

a:hover { text-decoration: none; color: white; }

.right-2 a:hover { text-decoration: none; color: black; }

#top .left { border-bottom-color: #f7a844; border-bottom-style: dotted; border-bottom-width: 2px; }

#bottom .left { border-top-color: #f7a844; border-top-style: dotted; border-top-width: 2px; }

.black { margin-bottom: 15px; color: black; }

.small { margin-bottom: 30px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; font-size: 13px; }


:.platzhalter {
	color: #ff150c;
	background-color: #cecbc4;
}
:-webkit-scrollbar-thumb:horizontal { height: 15px; background-color:#db9d4d; }
::-webkit-scrollbar-thumb:vertical { width: 15px; background-color:#db9d4d;
-webkit-box-shadow: 1px 1px 4px rgba(2,0,0,0.16);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
}

::-webkit-scrollbar { width: 15px; height: 15px; background: #dbdbdb;
-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.13);
-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.13);
box-shadow: inset 1px 1px 4px rgba(0,0,0,0.13); }


::-moz-selection {
  background: #c1c5c2;
  color: black;
  text-shadow: none;
}

::selection {
  background: #dad5cf;
  color: black;
  text-shadow: none;
}