/*	
	========================YS=====================
	===                                         ===
    ===  coded by Yves Schaller Mediendesign    ===
	===          www.ys-mediendesign.de         === 
	===                                         ===              
	===============================================
*/

/*  --------------
	--- Global ---
	--------------  */


* {
	margin:0;
	padding:0;
	outline:none;
}

html,body {
	text-align:center;
	font-size:100.01%;
	margin:0 auto;
	width:100%;
	height:100%;
}

body {
	font:normal 12px/17px "Lucida sans", Arial, Helvetica, sans-serif;
	color:#5F5F5F;
	background:#fff url(../images/bg-body.jpg) repeat-x center 0;
}
body.start {
	background:#fff url(../images/bg-body-start.jpg) repeat-x center 0;
}
p {
	padding:0 0 15px;
}
p.small {
	font-size:11px;
}

img {
	border:0;
}
a {
	text-decoration:none;
	color:#0093DD;
	border:none;
}
a:hover {
	border-bottom:1px dotted #0093DD;
}
ul {
	list-style:none;
}

h1,h2,h3,h4,h5 {
	font:normal 24px/28px Tahoma, Arial, Helvetica, sans-serif;
	/*color:#C23512;*/
	color:#F04D11;
	padding:0 0 30px;
}
h3.start {
	font:normal 28px/36px Tahoma, Arial, Helvetica, sans-serif;
}
h4 {
	font:16px/18px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 0 20px;
}
h5 {
	font:14px/16px Tahoma, Arial, Helvetica, sans-serif;
	padding:10px 0;
}
.black {
	color:#5F5F5F;
}		

/*  -----------------
	--- Container ---
	-----------------  */

#container-start, #container {
	position:relative;
	width:900px;
	margin:0 auto;
	padding:0;
	text-align:left;	
	background:url(../images/bg-container.png) no-repeat 0 198px;
	min-height:100%;
}
#container-start {
	background:url(../images/bg-container-start.png) no-repeat 0 441px;
}

* html #container-start {
	height: 100%;
}
* html #container {
	height: 100%;
}

#btn-top {
	clear:left;
	width:777px;
	padding:0 123px 0 0;
	margin:0;
	text-indent:-9999px;	
} 
#btn-top a {
	display:block;
	float:right;
	width:89px;
	height:22px;
	background:url(../images/btn-top.png) no-repeat 0 0;
	border:none;
}
#btn-top a:hover {
	background:url(../images/btn-top-hover.png) no-repeat 0 0;
		
}

/*  ------------
	--- Logo ---
	------------  */

#logo {
	position:absolute;
	left:39px;
	top:39px;
	width:288px;
	height:86px;
	background:url(../images/Konnerth-und-Co.png) no-repeat 0 0;
	text-indent:-9999px;
}
#logo h2 {
	padding:0;
}
#logo a {
	display:block;
	width:288px;
	height:76px;
	border:none;
}

/*  --------------
	--- Header ---
	--------------  */

#header {
	width:auto;
	height:24px;
	padding:7px 0 0 65px;
	font-size:11px;
	line-height:13px;
	color:#B2B2B2;
}
#header li {
	float:left;
	padding:0 15px 0 0;
}
#header li a {
	color:#AFB1B2;
}
#header li a:hover {
	color:#fff;
	border-bottom:1px dotted #FBFFEE;
}
#header li.tel {
	width:237px;
	text-indent:-9999px;
	/*padding-right:340px;*/
	padding-right:414px;
	background:url(../images/bg-tel-header.png) no-repeat 0 3px;
}

#header li.language {
	padding:0 30px 0 0;
	margin:0 3px 0 20px;
	background:url(../images/ico-sprache-deutsch.png) no-repeat right 1px;
}

/* --- Sprache auswählen --- */

#header li.select  {
	position:relative;
	padding:0;
	margin:0 5px 0 0;
	float:right;
	z-index:100;
}
#header li.select a  {
	display:block;
	width:19px;
	height:30px;
	background:url(../images/btn-sprache.png) no-repeat 0 0;
	text-indent:-9999px;
	margin:-7px 0 0;
}
#header li.select a:hover, #header li.select:hover a {
	border:none;
	background:url(../images/btn-sprache-hover.png) no-repeat 0 0;
}

/* neu */

#header li.select ul {
	display:none;
	width:100px;
	height:27px;
	margin:0;
	padding:20px 0 0 15px;
	background:url(../images/bg-select-sprache.png) no-repeat 0 0;
	z-index:1000; /* für IE 7 */
}

#header li.select ul li {
	text-align:left;
	padding:0; 
}
#header li.select ul li a {
	text-indent:inherit; 
	text-indent:0; /* für IE 7 */
}

#header li.select:hover ul {
	display:block; 
	position:absolute; 
	top:23px; 
	right:-1px;
	z-index:1000;
}

#header li.select:hover ul li ul {
	display: none;
}

/* a Unterpunkte */
#header li.select:hover ul li a {
	display:block;
	width:100px;
	height:auto; 
	color:#858889;
	padding:0;
}

#header li.select:hover ul li a.english {
	background:url(../images/bg-sprache-english.png) no-repeat left 1px;
}
#header li.select:hover ul li a.english:hover {
	background:url(../images/bg-sprache-english-hover.png) no-repeat left 1px;
}
#header li.select:hover ul li a.deutsch {
	background:green url(../images/bg-sprache-deutsch.png) no-repeat left 1px;
}
#header li.select:hover ul li a.deutsch:hover {
	background:red url(../images/bg-sprache-deutsch-hover.png) no-repeat left 1px;
}

/* Hover Unterpunkte */
#header li.select:hover ul li a:hover { 
	color:#fff;
}

/*  -------------------
	---  Navigation ---
	-------------------  */
	
ul#nav {
	width:468px;
	height:43px;
	background:url(../images/bg-nav.png) no-repeat 0 0; 
	padding:0 7px 0 3px;
	float:right;
	white-space:nowrap;	
}
#nav li {
	float:left;
	text-align:center;
	position:relative;
}
#nav li a {
	font:11px/13px "Lucida sans", Arial, Helvetica, sans-serif;
	display:block;
	height:43px;
	padding:0;
	color:#A3C8E7;
	border:none;
	text-indent:-9999px;
}
#nav li ul {
	display:none;
	width:auto;
	background:#268DD2;
	border:1px solid #2182BD;
	border-top:none;
	padding:5px 0;
	margin:0;
}

#nav li ul li {
	text-align:left;
	padding:4px 12px 4px 4px;
}

#nav li:hover ul {
	display:block; 
	position:absolute; 
	top:43px; 
	left:0; 
	width:auto;
	z-index:1;
}

/* Untermenü Kontakt */
#nav li.left:hover ul {
	tp:41px;
	left:auto; 
	right:0; 
}

#nav li:hover ul li ul {
	display: none;
}

/* a Unterpunkte */
#nav li:hover ul li a {
	display:block;
	width:auto;
	height:auto; 
	color:#A3C8E7;
	padding:0 0 0 8px;
	text-indent:inherit;
	text-indent:0; /* für IE 7 */ 
}

/* Hover Unterpunkte */
#nav li:hover ul li a:hover,#nav li:hover ul li a.current {
	background:url(../images/bullet-nav.png) no-repeat 0 5px;  
	color:#fff;
}

/* Unter-Unterpunkte 
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}

#nav li:hover ul li:hover ul {	
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
}
#nav ul li:hover ul li:hover ul.left {
	left:-105px;
}
 */
 
/* Hintergrund und Weite von einzelnen Menüpunkten */

a.nav-10 {
	background:url(../images/nav.png) no-repeat 0 -43px;
}
a.nav-10on,a:hover.nav-10 {
	background:url(../images/nav.png) no-repeat 0 0;
	color:#fff;
}
a.nav-10,a.nav-10on,a:hover.nav-10 {
	width:54px;
}

a.nav-20 {
	background:url(../images/nav.png) no-repeat -54px -43px;
}
a.nav-20on,a:hover.nav-20,#nav li:hover a.nav-20 {
	background:url(../images/nav.png) no-repeat -54px 0;
}
a.nav-20,a.nav-20on,a:hover.nav-20 {
	width:84px;
}
a.nav-30 {
	background:url(../images/nav.png) no-repeat -138px -43px;
}
a.nav-30on,a:hover.nav-30,#nav li:hover a.nav-30 {
	background:url(../images/nav.png) no-repeat -138px 0;
}
a.nav-30,a.nav-30on,a:hover.nav-30 {
	width:85px;
}

a.nav-40 {
	background:url(../images/nav.png) no-repeat -223px -43px;
}
a.nav-40on,a:hover.nav-40,#nav li:hover a.nav-40 {
	background:url(../images/nav.png) no-repeat -223px 0;
}
a.nav-40,a.nav-40on,a:hover.nav-40 {
	width:99px;
}

a.nav-50 {
	background:url(../images/nav.png) no-repeat -322px -43px;
}
a.nav-50on,a:hover.nav-50,#nav li:hover a.nav-50 {
	background:url(../images/nav.png) no-repeat -322px 0;
}
a.nav-50,a.nav-50on,a:hover.nav-50 {
	width:75px;
}

a.nav-60 {
	background:url(../images/nav.png) no-repeat -397px -43px;
}
a.nav-60on {
	background:url(../images/nav.png) no-repeat -397px 0;
}
/* Extra wegen runder Ecke rechts */
a:hover.nav-60,#nav li:hover a.nav-60,#nav li:hover a.nav-60on {
	background:url(../images/nav-60-hover.png) no-repeat 0 0;
}
sa.nav-60on:hover,#nav li:hover a.nav-60on:hover {
	background:url(../images/nav-60-hover.png) no-repeat 0 0;
}
a.nav-60,a.nav-60on,a:hover.nav-60 {
	width:71px;
}

/*  ---------------
	--- Picture ---
	---------------  */
	
#picture {
	clear:both;
	width:900px;
	height:124px;
	padding:0;
	text-indent:-9999px;
}
#picture.start {
	width:900px;
	height:192px;
	background:url(../images/bg-picture.jpg) no-repeat 0 0;
}
#picture.ref {
	background:url(../images/bg-picture-ref.jpg) no-repeat 0 0;
}

/*  ------------------
	--- Quickstart ---
	------------------  */
	
#quickstart-wrap {	
	width:auto;
	height:175px;
	background:url(../images/bg-quickstart.jpg) no-repeat 0 0;
}
.quickstart {
	float:left;
	width:200px;
	height:134px;
	padding:15px 0 0 25px;
	font-size:11px;
	line-height:13px;
	color:#A3C8E7;	
}
.quickstart h2 {
	font-size:16px;
	line-height:18px;
	color:#fff;
	padding:0 0 14px;	
	text-indent:-9999px;	
}
.quickstart p {
	padding:0 0 18px;
}

.quickstart a {
	display:block;
	width:127px;
	height:20px;
	background:url(../images/btn-quickstart.png) no-repeat 0 -20px;
	text-indent:-9999px;
	border:none;
}
.quickstart a:hover {
	background:url(../images/btn-quickstart.png) no-repeat 0 0;
}


/*  ---------------
	--- Content ---
	---------------  */

#container-start #content {
	padding:30px 34px 40px 39px;
}	
#content {
	clear:both;
	float:left;
	width:615px;
	height:auto;
	margin:0;
	padding:48px 34px 40px 39px;
}
#content ul {
	padding:0 0 25px 30px;
}

#content ul li {
	background:url(../images/bullet.png) no-repeat 0 3px;
	padding:0 0 8px 15px;
}
#content ul.check {  /* --- Haken grün --- */
	padding:0 0 25px 20px;
}
#content ul.check li {
	background:url(../images/ico-check.png) no-repeat 0 2px;
	padding:0 0 8px 25px;
}
#content ul.history {  /* --- Unternehmensgeschichte --- */
	padding:0 0 25px 10px;
}
#content ul.history li {
	background:none;
	padding:0 0 25px 50px;
}
#content ul.history li strong {
	margin:10px 0 0 -30px;
	font:100 30px/33px Georgia, "Times New Roman", Times, serif;
	color:#c4c4c4;
}
#content ul.pdf {
	padding:20px 0 0 10px;
}
#content ul.pdf li {
	height:30px;
	padding:10px 0 0 38px;
	background:url(../images/ico-pdf.png) no-repeat 0 0;
}

/* Anordnung Bilder */

#content img.left {
	float:left;
	padding:3px 20px 10px 0;
}
#content img.right {
	float:right;
	padding:3px 0 10px 20px;
}

/* Anordnung Bilder innerhalb eignem p */
#content p.img {
	padding:10px 0 30px;
	font-size:11px;
	line-height:13px;
	font-style:italic;
}
p.img img {
	padding:0 0 5px;
}

/* --- Spalten Ansprechpartner Kontakt --- */

#content ul.contact-person {
	width:auto;
	height:auto;
	padding:0;
}
#content ul.contact-person li {
	background:none;
	padding:0 0 20px;
	float:left;
	width:220px;
	font-size:11px;	
}
#content ul.contact-person img, #content ul.contact-person p {
	padding:0 0 10px;	
}
#content ul.contact-person strong {
	font-size:12px;	
}
/* --- Spalten Standorte --- */

#content ul.locations {
	width:auto;
	height:400px;
	padding:0;
}
#content ul.locations li {
	background:none;
	padding:0;
	float:left;
	width:200px;
	font-size:11px;	
}
#content ul.locations img, #content ul.locations p {
	padding:0 0 10px;	
}
#content ul.locations .red {
	font-size:12px;
	color:#C23512;	
}
/* --------------------- */

/* --- Anfahrt --- */

#content-map {
	clear:both;
	float:left;
	width:837px;
	height:auto;
	margin:0;
	padding:48px 24px 40px 39px;
}
.map {
	float:left;
	width:auto;
}
.map-adress {
	float:left;
	width:auto;
	padding:0 0 0 20px;
	font-size:11px;
}
.map-adress li {
	padding:0 0 5px;
}
.map-adress p {
	padding:0 0 10px;
}


/* --------------------- */

#box {
	float:left;
	width:579px;
	height:auto;
	background:url(../images/bg-box.png) no-repeat 0 0;
	font-size:11px;
	line-height:13px;
	padding:18px 18px 0;
	margin:20px 0 0;
}
#box ul {
	padding-left:0;
}
#box ul.column {
	float:left;
	width:auto;
	padding:0 20px 0;
	border:none;
}
#box p.clear {
	padding:18px 0 0;

}
#box p.clear a {
	font-size:12px;

}
#more-clients {
	line-height:16px;
	display:none;
	padding:15px 0 0;
}
#more-clients strong {
	color:#0093DD;	
}


/* --- Slider ---*/

#slider {
	width:579px;
	height:200px;
	float:left;
	padding:0;
	margin:0 0 10px;
}
#slider h2 {
	font-size:13px;
	line-height:15px;
	font-weight:700;
	color:#666;
	padding:0 0 10px;
}
#slider img {
	float:left;
	margin:3px 25px 0 0;
	padding:0;
}
#content #slider ul {
	padding:0;
}	
#content #slider li { /* define width and height of list item (slide), entire slider area will adjust according to the parameters provided here */ 
	width:579px;
	height:200px;
	overflow:hidden;
	border:none;
	padding:0;
	background:none;
}	
#firstBtn, #secondBtn, #lastBtn { 
	/*dsplay:block;
	wdth:30px;
	hight:29px;*/
	position:absolute;
	left:350px;
	top:850px;
	border-right:1px solid #D0D0D0;	
}	
#secondBtn { 
	left:370px;	
}
#lastBtn { 
	left:390px;
	border:none;
}														
#firstBtn a, #secondBtn a, #lastBtn a {
	/*dsplay:block;
	wdth:30px;
	hight:29px;
	bckground:#000 url(../images/easyslider/btn_prev.png) no-repeat 0 0;
	txt-indent:-9999px;
	outline:none;*/
	padding:0 6px 0 6px;
	background:#fff;
	
}	
#firstBtn a:hover, #secondBtn a:hover, #lastBtn a:hover {
	color:#C23512;
	border:none;
}				



/* --- Tabs Referenzen --- */

ul#tab {
	clear:left;
	float:left;
	width:615px;
	margin:34px 0 25px -39px;
	padding:0 0 0 39px;
	background:url(../images/bg-ul-tab.png) repeat-x 0 bottom;
}
* html ul#tab { /* IE 6 Hack */
	width:614px;
	padding:0 0 0 78px;
}

#content #tab li {
	float:left;
	background:url(../images/bg-tab.png) no-repeat right 0;
	padding:0;
	margin:0 1px 0 0;
}
#content #tab li a {
	display:block;
	width:auto;
	height:17px;	
	padding:4px 8px 3px;
	background:url(../images/corner-left.png) no-repeat 0 0;
	white-space:nowrap;
}
* html #content #tab li a { /* IE 6 Hack */
	width:10px;
}
#content #tab .current {
	background:url(../images/bg-tab-hover.png) no-repeat right 0;
}
#content #tab .current a {
	background:url(../images/corner-left-hover.png) no-repeat 0 0;
	color:#C23512;
	border:none;
	padding:4px 8px 4px;
}
#content #tab a:hover {
	border:none;
	color:#C23512;
}

/* --- Spalten Referenzen --- */

.column-ref, .column-ref-right {
	cear:left;
	float:left;
	width:190px;
	height:270px;
	margin:0 22px 0 0;
	font-size:11px;
	line-height:13px;
}
.column-ref-right {
	float:right;
	margin-right:0;
}
.column-ref h2, .column-ref-right h2 {
	color:#0093DD;
	font-size:14px;
	line-height:16px;
	padding:0 0 10px;
}
.column-ref a:hover, .column-ref-right a:hover {
	border:none;
	/*filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;*/
	cursor:url(../images/lupe.png), pointer;	
}

/* Spalten Sitemap */

#content-sitemap {
	clear:both;
	float:left;
	width:827px;
	height:auto;
	margin:0;
	padding:48px 34px 40px 39px;
}
ul.column-sitemap,ul.column-sitemap-first,ul.column-sitemap-last {
	float:left;
	width:140px;
	height:130px;
	margin:30px 0 0;
	padding:5px 10px;
	border-right:1px dashed #cdcdcd;
	font-size:11px;
}
ul.column-sitemap li,ul.column-sitemap-first li,ul.column-sitemap-last li {
	background:none;
	padding:0 0 5px ;
}

ul.column-sitemap-first { /* erste Spalte */
	padding:5px 10px 0 0;
}
ul.column-sitemap-last { /* letzte Spalte */
	border-right:none;
	padding-left:10px;
}

/* --- Tabellen Verfahrwege */

table {
	width:auto;
	border:0;
	border-collapse:collapse;
	margin:0 0 30px;
}
td {
	height:45px;
	padding:0 0 0 15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
td.first-column {
	width:150px;
	background:url(../images/bg-td-first-column.png) repeat-x 0 0;
	color:#fff;
	font-weight:700;	
}
td.second-column {
	width:400px;
	background:url(../images/bg-td-second-column.png) no-repeat 0 0;
	color:#333;
	padding-left:40px;
}


/* --- Bildergalerie --- */

#myGallery {
	width: 320px !important;
	height: 264px !important;
	float:right;
}
.clear {
	clear:both;
}

/*  --------------------
	--- Column right ---
	--------------------  */
	
#column-right, #column-right-start {
	float:left;
	width:212px;
	height:auto;
	margin:0;
	padding:103px 0 10px;
}
#column-right-start {
	padding:30px 0 10px;
}
#column-right a:hover {
	border:none;
}
ul.subnav {
	width:200px;
	height:auto;
	padding:0 0 20px;
}
.subnav li {
	width:200px;
	height:30px;
	padding:0;
	background:url(../images/bg-subnav-li.png) no-repeat 0 0;
}
.subnav li.last {
	width:200px;
	height:73px;
	padding:0;
	background:url(../images/bg-subnav-li-last.png) no-repeat 0 0;
}
.subnav li a {
	display:block;
	width:175px;
	height:24px;
	padding:6px 0 0 25px;
	background:url(../images/btn-subnav.png) no-repeat 0 0;
}
.subnav li a:hover {
	background:url(../images/btn-subnav-hover.png) no-repeat 0 0;
}
.subnav li a.current {
	color:#C23512;
	background:url(../images/btn-subnav-current.png) no-repeat 0 0;
}

#column-right .pdf {
	position:absolute;
	left:806px;
	top:321px;
	width:27px;
	height:34px;
	background:url(../images/ico-pdf.png) no-repeat right 0;
	text-indent:-9999px;
}
#column-right .pdf2 {
	position:absolute;
	left:816px;
	top:500px;
	width:27px;
	height:34px;
	background:url(../images/ico-pdf.png) no-repeat right 0;
	text-indent:-9999px;
}

/* --- Noch Fragen --- */

#column-right li.questions,#column-right-start li.questions {
	width:200px;
	height:78px;
	background:url(../images/btn-noch-fragen.png) no-repeat 0 0;
	text-indent:-9999px;
}
#column-right li.questions a,#column-right-start li.questions a {
	display:block;
	width:200px;
	height:39px;
	padding:0;
}
#column-right li.fon,#column-right-start li.fon,#column-right li.fon-leisnig,#column-right-start li.fon-leisnig {
	width:200px;
	height:78px;
	background:url(../images/btn-telefon.png) no-repeat 0 0;
	text-indent:-9999px;
}
#column-right li.fon-leisnig,#column-right-start li.fon-leisnig {
	background:url(../images/btn-telefon-leisnig.png) no-repeat 0 0;
}
#column-right li.fon-koteam {
	width:200px;
	height:78px;
	background:url(../images/btn-telefon-koteam.png) no-repeat 0 0;
	text-indent:-9999px;
}
#column-right li img {
	margin:0 0 30px;
}

/* --- Kundenstimmen / News --- */

.zitate,.news {
	width:200px;
	height:auto;
	font-size:11px;
	font-weight:13px;
	color:#666;
	background:url(../images/bg-zitate.png) no-repeat 0 bottom;
	margin:5px 0 30px;
}
.zitate h5,.news h5 {
	width:200px;
	height:51px;
	background:url(../images/bg-zitate-heading.png) no-repeat 0 0;
	text-indent:-9999px;
	padding:0 0 15px;
}
.news h5 {
	background:url(../images/bg-news-heading.png) no-repeat 0 0;
}
.zitate p,.news p {
	padding:0 6px 10px;
}

#column-right-start .news ul {
	padding:0 5px 15px 8px;
}
#column-right-start .news ul li {
	background:url(../images/bullet.png) no-repeat 0 3px;
	padding:0 0 8px 15px;
}

/* --- koTeam --- */

.koteam {
	padding:0 0 30px;
}
.koteam p {
	font-size:11px;
	line-height:13px;
	padding:0 0 15px 25px;
}

/*  --------------
	--- Footer ---
	--------------  */
	
#footer-wrap {
	/*position:absolute;
	bottom:0;
	left:0;	
	width:100%;*/
	position:relative;
	clear:both;
	width:auto;
	height:150px;
	background:#5b5b5b url(../images/bg-footer-wrap.png) repeat-x center 0;
	/*margin:0 auto;*/
	 margin:-150px auto 0; 
}
* html #footer-wrap { /* IE 6 Hack */
	margin:0 auto;
}
*+html #footer-wrap { /* IE 7 Hack */
	margin:0 auto;
}

#footer {
	width:881px;
	height:124px;
	margin:0 auto;
	padding:26px 0 0 19px;
	color:#B2B2B2;
	font-size:10px;
	line-height:13px;
	text-align:left;
}
#footer li {
	padding:0 0 7px;
}
#footer li a {
	color:#B2B2B2;
}
#footer li a:hover {
	color:#fff;
	border-bottom:1px dotted #FBFFEE;
}
.column {
	float:left;
	width:auto;
	padding:0 20px 0;
	border-right:1px solid #696969;
}
.column-contact {
	float:left;
	width:auto;
	padding:0 0 0 20px;
}
#footer .column-contact ul li {
	background:url(../images/ico-contact.png) no-repeat right 3px;
	padding:0 28px 0 0;
}
.column-xtra {
	float:right;
	width:186px;
	margin:0 25px 0 0;
}
#footer .column-xtra ul li {
	padding:0 0 3px;
}
#footer .column-xtra ul li.logo-small {
	background:url(../images/Konnerth-und-Co-small.png) no-repeat 0 0;
	text-indent:-9999px;
	padding:0 0 15px;
}
#footer p {
	clear:both;
	float:left;
	width:900px;
	font-size:9px;
	color:#7A7A7A;
	text-align:center;
	padding:22px 0 0;
}
#footer p a {
	color:#7A7A7A;
}
#footer p a:hover {
	color:#fff;
	border:none;
}


/*  -----------------------------
	--- Formatierung Formular ---
	-----------------------------  */
	
input, select, textarea {
	font:normal 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
form {
	width:auto;
}
form br {
	clear: left;
}

input {
	float:left;
	display: block;
	width:335px;
	height:28px;
	background:#fff;
	margin:8px 0 0;
	padding:12px 0 0 15px;
	color:#5F5F5F;
	border:1px solid #ccc;	
}
input:hover {
 	color:#333;
	background:#ECF7FD;
	border:1px solid #0093DD; 
}
textarea {
	display: block;
	float:left;
	width:335px;
	background:#fff;
	margin:8px 0 6px 0;
	padding:12px 0 0 15px;
	color:#5F5F5F;
	border:1px solid #ccc;
}
textarea:hover {
	color: #333;
	background:#ECF7FD;
	border:1px solid #0093DD;
}
#send {
	width:356px;
	height:34px;
	padding:0;
	margin:0 0 0 -3px;
	cursor:pointer;
	border:none;
	background:url(../images/btn-send.png) no-repeat 0 -34px;
	text-indent:-9999px;
}
#send:hover {
	background:url(../images/btn-send.png) no-repeat 0 0;
}
p#contactform {
	border:1px solid #4E8F2D;
	background:#D0DD93;	
	padding:10px;
	margin:10px 0 0;
	color:#4E8F2D;	
}
p#contactform img {
	float:left;
	padding:2px 15px 0 0;
}