/* CSS */

@font-face {
	font-family: 'KingthingsTrypewriterRegular';
	src: url('Kingthings_Trypewriter.eot');
	src: local('Kingthings Trypewriter'), local('Kingthings Trypewriter '), url('Kingthings_Trypewriter.ttf') format('truetype'), url('Kingthings_Trypewriter.woff') format('woff'), url('Kingthings_Trypewriter.svg#KingthingsTrypewriter') format('svg');
}



html {
	height: 100.1%;
	font-size: 62.5%;
}
body {
	font: 1.2em/1.8em Verdana, sans-serif;
	background-image: url(../grafik/163.gif);
	background-repeat: repeat;
}

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

h1, h2, h3, h4, h5, h6 {
	font-family: 'KingthingsTrypewriterRegular'; 
	margin: 0em 0em 0.5em 0em; 
	color: #fe8001;
}
h1 {
	font-size: 1.5em;
	border-bottom: 1px dashed #fff;
	padding-bottom: 0.4em;
	font-weight: 100;
	color: #fe8001;
	margin-top: 20px;
	margin-left: 0px;
}
div#header h1 {border: 0px;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {
font-family: 'KingthingsTrypewriterRegular';
font-size: 1.2em;
color:#999999;
}


a {color: #848484; text-decoration: underline;}
a:link {}
a:visited {}
a:hover {
	text-decoration: none;
	border-top: 4px solid #848484;
}
a:active {
	text-decoration: none;
}

div#wrapper {
	margin: 10px auto;
	background: #d1d1d1;
	width: 900px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

div#header {
	height: 101px;
	background: #c2c2c2;
	padding: 0px;
	background-image: url(../grafik/header_hellgrau_trans.gif);
	background-repeat: no-repeat;
}

div#nav {
	background-color: #c2c2c2;
	margin: 5px 0px 0px 0px;
}
div#nav li {
    font-style:'KingthingsTrypewriterRegular';
	display: inline; 
	margin-left: 15px;
	
}
div#nav a {
	text-decoration: none;
	font-weight: bold;
	text-transform: normal;
	padding-bottom: 2px;
	letter-spacing: 0.1em;
	padding-left: 15px;
}

body#home li.navhome a,
body#leistungen li.navleistungen a,
body#referenzen li.navreferenzen a,
body#webreferenzen li.navwebreferenzen a,
body#printreferenzen li.navprintreferenzen a,
body#kontakt li.navkontakt a,
body#impressum li.navimpressum a,

div#nav a:hover, {
	border-top: 4px solid #848484;
}


div#wrap_content {
	
}
div#col1, div#col2, div#maintext {padding: 20px 20px;}
div#col1 {
	float: left;
	width: 110px;
	margin-left: 0px;
	color: #666666;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 30px;
	margin-bottom: 5px;
}
div#col2 {
	float: left;
	width: 80px;
	margin-left: 5px;
	background: #c2c2c2;
}


div#maintext {
    color:#666666;
	margin: 0px 100px 0px 170px;
	background: #d1d1d1;
	list-style-position: outside;
	list-style-type: disc;
}
div#maintext h6 {
	font-family: 'KingthingsTrypewriterRegular';
	font-size: 3.2em;
	margin-top: 100px;
}
div#maintext a {padding-bottom: 1px;}
div#maintext a:link {
	border-bottom: 1px solid #848484;
	text-decoration: none;	
}
div#maintext ul li {
	list-style-type: circle;
	list-style-position: inside;
	padding-left: 10px;
    }

/* Formulardaten*/	
#myform fieldset, #myform input, #my form textarea #myform select {
	border: 1px solid #808080;
	display: block;
}
#myform fieldset, #myform label, #myform select {
    display.block;
}
 #myform fieldset {
	width: 40em;
	margin: 2em 0em 2em 2em;
	padding: 1em;
	background: #c2c2c2;
	background-repeat: repeat;
	background-attachment: fixed;
	
}
#myform fieldset legend {
   font-family: 'KingthingsTrypewriterRegular';
   font-size: 1.4 em;
   color: #fe8001;
   }
#myform fieldset fieldset {
   width: auto;
   margin: 0em 0em 1em 0em;
   padding-bottom: 0em;
  }
 #myform fieldset fieldset legend {
	font: inherit;
	color: inherit;
	font-weight: bold;
	background: #cccccc;
}
 #myform label {
	margin-bottom: 1em;
	font-weight: bold;
	text-intend: 0.6em;
 }
#myform fieldset .radio label {
  font-weight: normal;
}
#myform fieldset .anrede label {
  float: left;
  width: 8em;
}
#myform fieldset .radio input {
  clear: both;
  float: left;
  width: auto;
  margin: 0.4em 0.4em 0em 0em;
}
#myform fieldset #nachricht {
	width: 30em;
	border: 1px solid #CCCCCC;
}

#myform input #submit {
   width: 21.4em;
   margin-top: 2em;
   border: 2px solid #999999;
   border-color: #CCCCCC #CCCCCC #999999 #999999;
}
#myform input #submit:hover {
   background: #990000;
   color: #FFFFFF;
   font-weight: bold;
}
 
div#footer {
	padding: 2px auto 4px auto;
	text-align: center;
	background: #c2c2c2;
	color: #848484;
	font-size: 0.9em;
}
.copyright {
	color: #848484;
	text-align: center;
	
}
.little {
font-size: 0.9em;
  }
.rechts {
	float:right;
	margin-right: 10px;
	margin-top: 3px;
}
.border{
border-top: 4px solid #848484;
}
.box{
	width: auto;
	height: auto;
	border: 1px solid #fe8001;
	padding: 5px;
	background-color: #c2c2c2;
}
.box ul li {
float: right;
}