/* ninkasi.ch - Koller Internet Gmbh */





/********** Fixes, Workarounds, etc.

*********************************************/

* {

	margin: 0;

	padding: 0;

	}

/* Clearfix fuer das Float-clearing */

.clearfix:after {	

    content: '.';

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

	}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

 .clearfix { 



 display:inline-block; 



 }



/********** Grundlayout

*********************************************/

html {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 100.1%;

	line-height: 1.12em;

}

body {

	height: 100%;

	overflow: none;

	margin: 0 auto;

	text-align: center;

	background:url(img/bg.jpg);

}

#wrapper {

	width:985px;

	height:570px;

	margin:15px auto;

	position:relative;

	overflow:none;

	text-align: left;

	}

	

	

#mainHome {

	width:985px;

	height:550px;

	background:url(img/mainHome.jpg) no-repeat;

	}

	

#mainProdukte {

	width:985px;

	height:550px;

	background:url(img/mainProdukte.jpg) no-repeat;

	}

	

#mainLinks {

	width:985px;

	height:550px;

	background:url(img/mainLinks.jpg) no-repeat;

	}

	

#mainBestellformular {

	width:985px;

	height:1600px;

	background:url(img/mainBestellformular.jpg) no-repeat;

	}

	

	

#logo {

position:absolute;

left:26px;

top:30px;

	width:75px;

	height:404px;

	

	background:url(img/logo.png);

	background-position: 0px 0px;

	}

	

#contentbox {

position:absolute;

	width:860px;

	height:550px;

left:120px;

	font-size:12px;

	}

	



#menu {

	width:100%;

	height:30px;

	float:left;



	}

	

#inhalt {

position:absolute;

bottom:-20px;

left:0px;

width:550px;

float:left;

margin:0 0 40px 10px;

}



#inhalt_form {

position:absolute;

bottom:0px;

top:200px;

left:0px;

width:550px;

float:left;

margin:0 0 40px 10px;

}



#inhalt h1 {

color:#4f5559;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

border-bottom:1px solid #4f5559;

width:490px;

}



#inhalt p {



padding:10px 60px 0 0;

color:#4f5559;

font-size:11px;

}



#inhalt a {

color:#4f5559;

font-size:11px;

}



#inhalt a:hover {

color:#4f5559;

font-size:11px;

text-decoration:none;

}



#inhalt_form h1 {

color:#4f5559;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

border-bottom:1px solid #4f5559;

width:490px;

}



#inhalt_form p {



padding:10px 60px 0 0;

color:#4f5559;

font-size:11px;

}



#inhalt_form a {

color:#4f5559;

font-size:11px;

}



#inhalt_form a:hover {

color:#4f5559;

font-size:11px;

text-decoration:none;

}



#produkt  {

position:absolute;

top:-311px;

right:150px;

}



#produktemenu {

width:300px;

float:left;

margin:10px 0 0 0;

}



#produktemenu a:hover {

margin:5px 0 0 0;

border-bottom:3px solid #8abd2b;

}



#produktemenu .aktiv {

margin:5px 0 0 0;

border-bottom:3px solid #8abd2b;



}



#produktestart {

width:320px;

float:left;

margin:22px 0 0 183px;

_margin:22px 0 0 92px;

}



#produktestart a:hover {

margin:5px 0 0 0;

border-bottom:3px solid #8abd2b;

}



#produktestart .aktiv {

margin:5px 0 0 0;

border-bottom:3px solid #8abd2b;



}





	

#footer {

	width:985px;

	height:20px;

	font-size:11px;

	font-weight:normal;

	color:#4f5559;

	font-family:Arial, Helvetica, sans-serif;



	}

	

#adresse {

float:left;

}



#adresse a {

color:#4f5559;

text-decoration:underline;

}


#copyright {
width:190px;
float:right;
text-align:right;
}

#copyright a{

float:right;

color:#4f5559;

text-decoration:none;

}





/********** Style-Elemente

*********************************************/

img {

	border: none;

	}

hr {

	clear: both;

	}



/********** Navigation

*********************************************/

#menu ul {

	list-style:none;

	margin:10px 0 3px 10px;

	padding:0;



	}

#menu ul li {

display:inline;

	list-style:none;

	margin:0 5px 0 0;

	padding:0;

	}

#menu ul li a {

	color:#646b6c;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;

}



#menu ul li a:hover {

	color:#646b6c;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;

	font-weight:bold;

	}



	



/********** Content-Absatzformate

*********************************************/



/* Ueberschriften */

h1, h2, h3 {

	font-family:Arial, Helvetica, sans-serif;

	}

h1 {

	font-size: 1.6em;

	padding: 5px 0;

	}

h2 {

	font-size: 1.3em;

	padding: 5px 0;

	}

h3 {

	font-size: 1.1em;

	padding: 5px 0;

	}

	

/* Paragraph */

.content p {

	margin: 10px 0 5px 0;

	}

	

/* Links */

.content a, .content a:link,  .content a:visited {

	}

.content a:hover, .content a:active {

	}

	

/* Listen */

#produktemenu ul {

	list-style-type: none;

float:left;

	}

#produktemenu ul li {

	padding-left: 10px;

float:left;

	}/* Tabellen */



#produktestart ul {

	list-style-type: none;

float:left;

	}

#produktestart ul li {

	padding-left: 10px;

float:left;

	}/* Tabellen */

.content table {

	}

.content table th, .content table td {

	}



/********** Formular

*********************************************/



.form_button { 

    font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

    border: 1px solid #80b719;

	width:200px;

	margin-bottom: 6px;

	background:#f0fce4;

}



.input { 

    font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

    border: 1px solid #80b719;

	width:200px;

	margin-bottom: 6px;

	background:#f0fce4;

}



input { 

    font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

    border: 1px solid #80b719;

	margin-bottom: 6px;

	background:#f0fce4;

}



textarea { 

    font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

    border: 1px solid #80b719;

	margin-bottom: 6px;

	background:#f0fce4;

}



select { 

    font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

    border: 1px solid #80b719;

	margin-bottom: 6px;

	background:#f0fce4;

}



.form_text {

    font-size: 11px;

    font-family: Arial, Helvetica, sans-serif;

	border: 1px solid #80b719;

	width:200px;

}



.form_drop {

    font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

    border: 1px solid #80b719;

	background:#f0fce4;

}



td { 

text-decoration: none; 

color:#4f5559;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

	} 

	

.text { 

text-decoration: none; 

color:#4f5559;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

	} 



#inhalt A:link { background-position:left; padding-left: 0px; padding-right: 0px; text-decoration: none; color:#80b51c;} 

#inhalt A:hover { background-position:left; padding-left: 0px; padding-right: 0px; text-decoration: none; color:#80b51c;} 

#inhalt A:active { background-position:left; padding-left: 0px; padding-right: 0px; text-decoration: none; color:#80b51c;} 

#inhalt A:visited { background-position:left; padding-left: 0px; padding-right: 0px; text-decoration: none; color:#80b51c;} 



