/* Moka Web Solutions / 25.01.2010 */
@charset "UTF-8";

html, body  {
	font-family:  "Arial Narrow", Arial, Helvetica, sans-serif;
        font-size: 14px;
	background-color: #A5E1E2;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
a:link, a:visited {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:none;
	color:#000;
	text-align: right;
}
/* textrem!HOME */
#container.home  {
	background-image:url(/layout/backgrounds/home.jpg);
	background-repeat:no-repeat;
}
#container.home h1 {
	font-size:36px;
	margin-left:10px;
	margin-top:64px;
	margin-bottom:36px;
	font-weight:normal;
}
#container.home h1 em {
	color:#FFF;
	font-style:normal;
}
#container.home p {
	margin-left:10px;
}

/* ideenWERKSTATT */
#container.ideenwerkstatt  {
	background-image:url(/layout/backgrounds/ideenwerkstatt.jpg);
	background-repeat:no-repeat;
}
/*#container.ideenwerkstatt #mainContent table {
	width: 955px;
	margin-top:8px;
}
#container.ideenwerkstatt #mainContent td {
	width:87px;
	height:100px;
	vertical-align:top;
	text-align:center;
}
#container.ideenwerkstatt #mainContent td#text {
	width:348px;
}
#container.ideenwerkstatt #mainContent td.halbtrans {
	background-image:url(/layout/backgrounds/transparent_87x100.png);
}
#container.ideenwerkstatt #mainContent td img {
	
}*/


/* mappenSHOP */
#container.mappenshop  {
	background-image:url(/layout/backgrounds/mappenshop.jpg);
	background-repeat:no-repeat;
}
#container.mappenshop #mainContent table {
	width: 955px;
	margin-top:8px;
}
#container.mappenshop #mainContent td {
	width:88px;
	height:124px;
	vertical-align:top;
	text-align:center;
}
#container.mappenshop #mainContent td#text {
	width:348px;
}
#container.mappenshop #mainContent td.halbtrans {
	background-image:url(/layout/backgrounds/transparent_87x100.png);
}
/*#container.mappenshop h1 {
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:4px 0 4px 8px;
	text-align:left;
}
#container.mappenshop p {
	font-size:14px;
	margin:0;
	padding:0px 0 2px 8px;
	text-align:left;
}*/
#container.mappenshop #mainContent td img {
	
}

/* einzelne MAPPE */
#container.mappe  {
	background-image:url(/layout/backgrounds/mappenshop.jpg);
	background-repeat:no-repeat;
}
#container.mappe #mainContent table {
	width: 955px;
	margin-top:8px;
}
#container.mappe #mainContent td {
	width:87px;
	height:100px;
	vertical-align:top;
	text-align:center;
}
#container.mappe #mainContent td#text {
	width:348px;
}
#container.mappe #mainContent td.halbtrans {
	background-image:url(/layout/backgrounds/transparent_87x100.png);
}
#container.mappe #mainContent td img {
	
}

/* Warenkorb */
#container.warenkorb  {
	background-image:url(/layout/backgrounds/mappenshop.jpg);
	background-repeat:no-repeat;
}
.warenkorb #mainContent div table {
	margin-left:8px;
}


/* kreativQUELLEN */
#container.kreativquellen {
	background-image:url(/layout/backgrounds/kreativquellen.jpg);
	background-repeat:repeat-y;
}
#container.kreativquellen h1 {
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:24px 0 4px 8px;
	text-align:left;
}
#container.kreativquellen ul {
	font-size:14px;
	margin:0;
	padding:0 0 4px 24px;
	text-align:left;
	list-style-type:none;
}

/* KONTAKT */
#container.kontakt  {
	background-image:url(/layout/backgrounds/kontakt.jpg);
	background-repeat:no-repeat;
}

#container {
	width:955px; 
	background:#FFFFFF;
	text-align:left;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	min-height:600px;
}
#container h1 {
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:4px 0 2px 8px;
	text-align:left;
}
#container h2 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:4px 0 0 8px;
	text-align:left;
}
#container h3 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:4px 0 0 8px;
	text-align:left;
}
#container p {
	font-size:14px;
	margin:0;
	padding:0px 0 2px 8px;
	text-align:left;
} 
#header {
	background:#DDDDDD;
	margin:0;
	padding:0;
} 
#mainContent {
	margin:0;
	padding:0;
}
#spalteEinfach {
	width:191px;
	height:268px;
	float:left;
	background-color:#F00;
}
#spalteEins {
        float:left;
	margin:0 764px 0 0;	
	padding-bottom:8px;
	width:191px;
	height:216px;
	background-image:url(/layout/backgrounds/transparent_87x100.png);
	background-repeat:repeat;
}
#spalteZweiBisDrei {
	float:left;
	margin-left:191px;
	padding-bottom:8px;	
	width:382px;
	min-height:484px;
	background-image:url(/layout/backgrounds/transparent_87x100.png);
	background-repeat:repeat;
}
#spalteZweiBisDrei p+h2 {
	margin-top:14px;
}
#spalteZweiBisVier {
	margin-left:191px;
	width:573px;	
	background-image:url(/layout/backgrounds/transparent_87x100.png);
	background-repeat:repeat;
}
#spalteVier {
        float:left;
	margin:0 191px 0 573px;	
	padding-bottom:8px;
	width:191px;
	height:216px;
	background-image:url(/layout/backgrounds/transparent_87x100.png);
	background-repeat:repeat;
}
#spalteFuenf {
        float:left;
	margin:191px auto auto 191px;	
	padding-bottom:8px;
	width:191px;
	background-image:url(/layout/backgrounds/transparent_87x100.png);
	background-repeat:repeat;
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fliessen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float:right;
	margin-left:8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fliessen lassen. */
	float:left;
	margin-right:8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schliessen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size:1px;
    line-height:0px;
}
img {
	border:0;	
}