/*
Design & Realisierung by Mathias Schröter
http://blue-eyes-design.de

Im Auftrag der Firma Juhrisch Computersysteme
http.//juhrisch.de

Allgemeine Hinweise:
Die Internetpräsentation als Gesamtobjekt unterliegt der Firma Ein-Richter (Hermann Richter).
Alle Rechte an der visuellen Gestalltung, sowie dem Stil und dem, 
der Präsentation zugrunde liegenden Design liegen bei Mathias Schröter [Blue-Eyes-Design.de](im folgenden Autor genannt).

Auch nach Zahlung der jeweiligen Vergütung erhält der Kunde nur ein Nutzungsrecht der entsprechenden Internetseiten.
Das Design und der Stil der Internetpräsentation bleiben das geistige Eigentum des Autors.
Für Schäden, die durch den jeweiligen Inhalt Seite entstehen haftet allein der Betreiber der jeweiligen Internetseiten.
Für Schäden, die durch die nachträgliche Veränderung am Design der Seite vorgenommen werden haftet der Betreiber oder, 
die zur Veränderung beauftragte Person.

Copyright ©2008 by Blue-Eyes-Design - Mathias Schröter
*/
html{
	background-color: #EEA6A6;
}
body{
	background-color: transparent;
	padding-top: 10px;
}
/*div{
	margin: 0 !important;
	padding: 0 !important;
}*/
.page{
	margin: 0 auto;
	width: 900px;
	max-width: 900px;
	overflow: hidden;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
}
.header{
	width: 900px;
	height: 130px;	
	/*background-color: #990000;*/
	background-image: url(Bilder/header_bg.jpg)!important;
	background-position: left top;
	background-repeat: no-repeat;

}
.startlink{
	width: 900px;
	height: 130px;
	display: block;
   text-indent: -9999px;
   letter-spacing: -9999px;
   font-size: 0;
}
.navigation{
	width: 900px;
	height: 35px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
.navigation span{
	float: left;
}
/* Buttons -------------------------------------------------------------------------------- */
.button1{
	text-decoration: none;
	border: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size: 0;
	width: 225px;
	height: 35px;
	background: url(Bilder/start.jpg) 0 0 no-repeat;
}
.button1 :hover{
background-position:0px -35px;
}
.button2{
	text-decoration: none;
	border: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size: 0;
	width: 226px;
	height: 35px;
	background: url(Bilder/referenzen.jpg) 0 0 no-repeat;
}
.button2 :hover{
background-position:0px -35px;
}
.button3{
	text-decoration: none;
	border: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size: 0;
	width: 225px;
	height: 35px;
	background: url(Bilder/kontakt.jpg) 0 0 no-repeat;
}
.button3 :hover{
background-position:0px -35px;
}
.button4{
	text-decoration: none;
	border: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size: 0;
	width: 224px;
	height: 35px;
	background: url(Bilder/impressum.jpg) 0 0 no-repeat;
}
.button4 :hover{
background-position:0px -35px;
}
/* Ende Buttons --------------------------------------------------- */

.content-header{
	width: 900px;
	height: 9px;
	overflow: hidden;
	background-image: url(Bilder/content_top_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.narrow-column{
	background-image: url(Bilder/content_bg.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	width: 900px;
}
.content{
	font-family: Comic Sans MS;
	font-size: 11px;
	width: 870px;
	min-height: 550px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
}
.content h1{
	padding: 0px;
	margin: 0px;
	padding-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
.content a, .content a:visited{
	color: #DAA520;
	text-decoration: underline;
	font-weight: bold;
}
.content a:hover{
	color: #F3DDA9;
	text-decoration: underline;
	font-weight: bold;
}

#breadcrumb li, #breadcrumb li a:link, #breadcrumb li a:visited, #breadcrumb li a:hover {
	list-style-image: none;
	list-style-type: none;
	float: left;
	padding-right: 3px;
	font-family: Tahoma !important;
	font-size: 11px;
	font-weight: normal !important;
	letter-spacing: 1px;
}
#active a:link, #active a:visited, #active a:hover{
	color: #E9967A !important;
	font-weight: bold !important;
	text-decoration: none !important;
}
#breadcrumb {
	margin-left: 3%;
	font-family: Tahoma !important;
	font-size: 12px !important;
	font-weight: normal !important;
	letter-spacing: 1px !important;
}
/* Monsterous hack to get IE6 to cut off an image bigger than the post area */

* html .content {
	width: 99%;
	overflow: hidden;
}

.content-footer{
	background-image: url(Bilder/content_footer_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 900px;
	height: 21px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.copyright{
	padding-top: 15px;
	width: 900px;
	color: #595959;
	font-size: 11px;
	text-align: center;
}
.copyright a, .copyright a:visited{
	text-decoration: underline;
	font-weight: bold;
	color: #595959;
}
.copyright a:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}
/* Input-fields ---------------------------------------- */
.send_button{
	clear: both;
	text-align: center;
	width: 130px;
	background-image: url(Bilder/inputbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
  	border: 1px solid #ccc; 
	padding: 3px;	
	font-size: 11px !important;
	font-family: verdana !important;
}
.input_bg{
	width: 250px; 
	background-image: url(Bilder/inputbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
  	border: 1px solid #ccc; 
	padding: 3px;	
	font-size: 11px !important;
	font-family: verdana !important;
}
.error{
	width: 300px;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #fff;
}
.error ul li{
	list-style: square;
	margin-bottom: 6px;
}
.referenz table{
	background-color: #ffffff;
	margin: 0px auto;
	padding: 3px;
	margin-bottom: 20px;
}
.referenz td, .referenz th{
	background-color: #C1C1C1;
	color: #000;
	padding: 3px;
	text-align: left;
}
.referenz caption{
	padding-left: 10px;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}
.start img, .referenz img{
	padding: 3px;
	border: 1px solid #FFE4B2;
	margin: 10px;
}
.attachment{
	width: 250px;
	height: 20px;
}