/* Standard Elemente */
html {min-height: 100%;}

body {
	
	background-color: #700b2d;
	background-repeat: no-repeat;
	color: #a17752;
	font: normal 62.5% Segoe UI Light;	 
	padding-top: 10px;
}

* {margin: 0; padding: 0;}

.clearer {clear: both; font-size: 0;}
.clearer2 {clear: both; font-size: 0; border-bottom: 1px dashed #666666;}
.left    {float: left;}
.right   {float: right;}


/* Überschriften */
h1,h2 {padding-top: 8px; color: #b87ea3; }
h1 {font: normal bold 1.6em Calibri; border-bottom: 1px dashed #666666; padding-bottom: 4px; margin-top: 4px}
h2 {font: 1.6em Segoe; font-family:"Segoe UI Semibold", "Kozuka Gothic Pro L", sans-serif; color: #a13a58}
h3 {font: 1.4em Calibri; color: #FFF; margin-bottom: 4px; padding-left: 10px}
h4 {font: bold 1.8em Calibri; color: #a4610a; padding-top: 8px; margin-bottom: 4px; padding-bottom: 4px;border-bottom: 1px dashed #666666}
h5 {font: 1.3em Calibri; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #ae7d4d;}
h6 {font: 1.3em Segoe; font-weight: lighter; font-family:"Segoe UI Light", "Kozuka Gothic Pro L", sans-serif; color: #a17752;}
h7 {font: 0.7em Segoe; font-family:"Segoe UI Light", "Kozuka Gothic Pro L", sans-serif;  color: #a13a58;}

/* Links */
a {color: #a13a58;}
a:hover {color: #b87ea3;}


/* Struktur */
.inner-container {	border: 2px solid #DBD1BC;
	background: #FFFFFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 780px;
	
	
}

.outer-container {
	background-image: url(../img/background.jpg);
    
	padding-bottom: 10px;
	padding-left: 10px;
	
}


/* Header*/
.header {
	background: url(../img/header.jpg);
	height: 195px;
	margin-bottom: 5px;
	text-align: center;
}


/* Klickpfad */
.path {
	background-image:url(../img/nav.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	font: bold 1.25em Calibri;
	padding: 8px 12px;
}
.path a {
	color: #FAFAFA;
	text-decoration: none;
}
.path a:hover {
	color: #FFE;
	text-decoration: underline;
}

.path p {color: #FAFAFA; text-align:center;}


/* Main */
.main {
	background: url(../img/main.jpg) repeat-y;
	border-top: 4px solid #FFF;
	padding: 8px 12px 0 0;
}


/* Content */
.content {
	float: right;
	width: 580px;
}

div.content { 
min-height: 620px;
height:expression(this.scrollHeight > 620 ? "auto":"620px"); 
}

.content li {
	margin-left: 40px;
	font-size: 1.2em;
	list-style: square;
	font: Calibri
	}
	
ul#content2 {
	font-size: 1.1em;
	list-style: square;
	font: Calibri
	}
	
/*.content p {font-family: "Lucida Sans Unicode",sans-serif;}*/
.content p {font-size: 1.3em;  padding-bottom: 10px}


/* Footer */
.footer {
	background-image:url(../img/nav.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font: bold 1.2em calibri;
	margin-top: 5px;
	padding: 10px 12px;
}
.footer a {
	color: #FFFFFF;
	text-decoration:none;
	
}
.footer a:hover {color: #FFC; text-decoration: underline;}
.footer .right, .footer .right a {color: #C8C8C3;}
.footer .right a:hover {color: #F7F7F2;}

/* Div Index */

div#indexflash {
width: 578px;
height: 400px;
border: 1px solid #999999
}

div#index {
width: 578px;
height: 280px;
}

div#index1 {
background-color:#ac926f;
color:#FFF;
width: 180px;
float:left;
height: 300px;
border: 1px solid #FFFFFF;
}



div#index2 {
background-color:#ac926f;
color:#FFF;
width: 180px;
float:left;
margin-left: 16px;
height: 300px;
border: 1px solid #FFFFFF}

div#index3 {
background-color:#ac926f;
color:#FFF;
width: 180px;
float:left;
margin-left: 16px;
height: 300px;
border: 1px solid #FFFFFF}

p#index{
padding: 10px;
font-size: 1.2em}

a#index {color: #FFFFFF;}
a:hover#index {color: #a4610a;}

/* Div Produkte 
div#produkt {
width: 550px;
height: 150px;
border: 1px solid black}


div#produkteimg {
width: 100px;
float:left;
border: 1px solid #999999}

div#produktetext {
width: 400px;
float:left;
height: 150px;
margin-left: 25px}

h2#produkte {font: 1.6em Calibri; color:#FFFFFF} */


/* Table Produkte */

table#produkte {
width: 580px;
background-image:url(../img/nav2.jpg);
	background-repeat: repeat-x;
border: 1px solid #999999;
}

tr#produkte {
width: 580px;
height: 30px;

}

td#produkteimg {
width: 120px;
padding-top: 9px;
padding-bottom: 10px;
vertical-align: top;
}

td#produktetx {
width: 400px;
vertical-align: top;
}