html{
width:100%;
height:100%;
overflow:hidden;
}

body{
width:100%;
height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:25px;
letter-spacing:1px;
margin: 0px;
text-align: left;
background-image:url(images/bg_image.gif);
background-repeat:repeat;
background-color:#FFFFFF;
background-position:left top;
}

.naehmaschine_rechts_div{
z-index:100;
width:340px;
height:170px;
position: absolute;
right:0px;
bottom:10px;
background-image:url(images/naehmaschine_rechts.png);
}

.elemente_links_div{
z-index:0;
width:400px;
height:600px;
position: absolute;
top:0px;
left:0px;
background-image:url(images/elemente_links.png);
}

/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/*Navigation*/
/*##########*/

.navi_table{
z-index:10;
border: 0px solid #FF0000;
width:126px;
position:absolute;
left:155px;
top:92px;
}

.navi_table tr{
height:19px;
vertical-align:top;
}

.navi_table td{
width:126px;
}

.thumb_navi{
z-index:10;
position:absolute;
top:300px;
left:100px;
}
/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/*Contentbereich*/
/*##############*/

.content_space_div{
z-index:2;
border: 0px solid #000000;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
padding: 0px; 
overflow:auto; /*Lšst in Firefox ein Zucken der Ÿberlagerten Div-Layers aus*/
text-align:center;
color:#000000;
}

.content_div{
border: 0px solid #000000;
width:500px;
position:absolute;
top:80px;
left:300px;
padding: 0px 0px 100px 0px; 
/*overflow:auto;*/ /*Lšst in Firefox ein Zucken der Ÿberlagerten Div-Layers aus*/
text-align:center;
color:#f2e3c4;
}

/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/*Infobereich*/
/*##############*/

.info_div{
z-index:101;
font-size:12px;
border: 0px solid #000000;
width:200px;
position:absolute;
bottom:200px;
right:80px; 
}

.infotable{width:250px;}
.left{font-style:italic; color:#666666;}
.right{color:#000000;}


/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/*Linkformatierung*/
/*################*/

a:link, a:visited
{ 
 text-decoration: none;
 font-weight: normal;
 color:#000000;
}

a:hover
{ 
 text-decoration: underline;
 font-weight: normal;
}

a:active
{ 
 font-weight: normal;
 color:#000000;
}

.vertical_navi a.highlight,
.horizontal_navi a.highlight{
font-weight:bold;
}

/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/*Navigationslinks*/
/*################*/

a img
{ 
 border:0px solid #FFFFFF;
}

/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/*†berschriften*/
/*#############*/

h1 {
font-weight: bold;
font-style: italic;
font-size:13px;
text-align: left;
line-height: 35px;
padding: 0px;
margin: 0px 0px 20px 0px;
color: #f2e3c4;
}

h2 {
font-weight: bold;
font-style: italic;
letter-spacing:1px;
font-size: 12px;
text-align: left;
margin: 0px;
padding: 0px;
border: 0px solid #000000;
color: #000000;
}

/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/*Formular*/
/*########*/

.textfield{
border:1px solid #000000;
background-color:#f2e3c4;
width:200px;
}

.buttonfield{
border:1px solid #000000;
background-color:#f2e3c4;
}

p, li {
padding-bottom:25px;
list-style-type: none;
list-style-position: outside; 
}