HTML {
	width: 99.99%; height: 99%
}
BODY {
	text-align: center;
	font-size: 11px; 
	color: #222222; 
	font-FAMILY: arial, verdana, helvetica, sans-serif;
	padding:0px;
	margin: 0px;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-darkshadow-color:#CCCCCC;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#009835;
	scrollbar-track-color:#E0E0E0;
}

A {
	color: #009835; 
	text-decoration: none
}
A:hover {
	text-decoration: underline
}

#linkgrey A {
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline
}
#linkgrey A:hover {
	color: #009835; 
	text-decoration: none
}

.linkwall {
	background-image: url(../images/arrow9x9line.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	padding-right: 5px;
}

.linkwall a {
	color: #009835;
	text-decoration: none;
	background-image: url(../images/arrow9x9line.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	padding-right: 5px;
}

.linkwall a:hover {
	color: #222222; 
	text-decoration: underline;
}

IMG {
	border-top-width: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	border-right-width: 0px
}

.imgbanner {
	margin-bottom: 8px; 
}


#head {
	background: url(../images/bg_navihead.gif) repeat-x left 0px;
	padding-bottom: 10px;
	width: 820px;
	border-bottom: 5px solid #FF6600;
	white-SPACE: nowrap;
	text-align: left;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#headimageintro {
	background: url(../images/bgheadimageintro.jpg) no-repeat 820px top; 
	width: 820px; 
	border-bottom: #009835 3px solid; 
	text-align: left; 
	white-space: nowrap; /*Intro Image*/
	margin-left: auto;
	margin-right: auto;
}
#headimage {
	width: 820px; 
	text-align: left; 
	white-space: nowrap; /*Intro Image*/
	margin-left: auto;
	margin-right: auto;
}
#headgreenrow {
	border-top: #ffffff 1px solid;
	padding: 3px 0 3px 20px;
	width: 820px;
	color: #ffffff;
	border-bottom: #FF6600 1px solid;
	white-SPACE: nowrap;
	background-color: #7AA935;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#content {
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 820px;
	text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-image: url(../images/bgcontent820.gif);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
}
#boxleftintro {
	padding-right: 20px; 
	padding-left: 20px; 
	FLOAT: left; 
	width: 200px; 
	text-align: left; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#boxleft {
	padding-right: 20px; 
	padding-left: 0px;
	margin-left: 1px; 
	FLOAT: left; 
	width: 200px; 
	text-align: left; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#contentmainintro {
	padding-right: 20px; 
	text-align: left; 
	padding-left: 20px; 
	FLOAT: left; 
	width: 320px; 
	background-image: url(../images/bgcontentmain320.gif);
	background-repeat: repeat-y;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#contentmain {
	padding-right: 20px; 
	text-align: left; 
	padding-left: 20px; 
	FLOAT: left; 
	width: 440px; 
	background-image: url(../images/bgcontentmain440.gif);
	background-repeat: repeat-y;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#boxrightintro {
	padding-right: 20px; 
	padding-left: 20px; 
	FLOAT: left; 
	text-align: left; 
	width: 298px; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#boxright {
	padding-right: 5px; 
	padding-left: 20px; 
	FLOAT: left; 
	text-align: left; 
	width: 178px; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#footer {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 10px;
	width: 820px;
	color: #666666;
	height: 37px;
	background-image: url(../images/bgfooter820x37.gif);
	background-repeat: no-repeat;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#footer A {
	font-SIZE: 10px; color: #666666;
}
#mainnavi {
	left: -1px; 
	width: 180px; 
	position: relative;
}
#mainnavi A {
	DISPLAY: block; 
	padding-left: 20px; 
	padding-bottom: 5px; 
	margin: 0px; 
	color: #606060; 
	padding-top: 5px; 
	border-bottom: #cccccc 1px solid; 
	background-color: #ffffff; 
	text-ALIGN: left; 
	border-right-width: 0px; 
	text-decoration: none;
}
#mainnavi A:hover {
	color: #ffffff; background-color: #e0c700
}

H1 {
	background-position: left 50%;
	padding-left: 12px;
	font-weight: bold;
	font-size: 12px;
	background-image: url(../images/arrow9x9.gif);
	color: #7AA935;
	background-repeat: no-repeat;
	text-transform: uppercase;
	width: 100%;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-bottom: 1px;
}

.col380 {
	float: left;
	padding-bottom: 10px;
	width: 398px;
	background-image: url(../images/line440dots.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.firstcol {
	float: left;
	padding-right: 10px;

	}
	
.secondcol {
	float: left;
	margin: 0px;
	padding: 0px;
}
#secondcolbewertung {
	float: left;
	background-image: url(../images/bgbewertung.gif);
	background-repeat: repeat-y;
	width: 250px;
	}
.bewertungline {
	margin-top: 2px;
	margin-bottom: 2px;
	}

.bgpage {
	background-image: url(../images/bg1600.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
	
.bgwallpaper {
	padding: 10px;
	background-image: url(../images/bgwallpaper.gif);
	background-repeat: no-repeat;
	}
	
.imgrefer {
	border: #92BE51 3px solid;
	background-color: #FFFFFF;
	padding: 3px;
	margin-right: 15px;
	margin-bottom: 5px;	
	}
	
a.imgrefer       {
	background-color: #FFFFFF;
	font-weight: normal;
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-right: 15px;
	margin-bottom: 15px;	
}
a.imgrefer:hover {
	background-color: #92BE51;
	font-weight: normal;
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-right: 15px;
	margin-bottom: 15px;	
	}
	

/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */
#menu3 {
	width: 180px;
	margin-left: 0px;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
	
#menu3 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #888;
	display: block;
	background: url(../images/menu3.gif);
	padding: 8px 0 0 35px;
	}
	
#menu3 li a:hover, #menu3 li a:active {
	color: #283A50;
	background: url(../images/menu3.gif) 0 -32px;
	padding: 8px 0 0 35px;
	}

/*Aktivierter Link für die zweite Navigation ++++++++++++++++++++++*/
body#kompetenz a#kompetenznav, /*1*/
body#leistungen a#leistungennav, 
body#skills a#skillsnav, 
body#screendesign a#screendesignnav, /*2*/
body#geschaeft a#geschaeftnav, 
body#logos a#logosnav, 
body#wallpaperdd a#wallpaperddnav,/*3*/ 
body#wallpaperfb a#wallpaperfbnav, 
body#contact a#contactnav, /*5*/
body#links a#linksnav,
body#impressum a#impressumnav
{
	color: #283A50;
	background: url(../images/menu3.gif) 0 -32px;
	padding: 8px 0 0 35px;
} /*id="impressum" muss in den body tag und id="impressumnav" muss in den Link der Navi*/

/*Formularfelder +++++++++++++++++++++++++*/
.inputfeld {
	width: 398px;
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	background-color: #F2F2F2;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	padding: 3px 5px;
	color: #60809F;
	}

input.btn {
	width: auto;
	/* border: 0px none; */
	margin: 5px 0 0 0;
	background-color: #7AA935;
	color: #FFF;	 	
	text-align: center;
	/* width: 330px; */
	cursor: pointer;
	padding: 2px 10px;
}