/* CSS Document */

html { height:100%;}

body{
height:100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10pt; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
}

p {margin:0; padding:0}
strong {color:#333}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:15px}

h1 { font-size:1.2em; color:#0099cc}
h2 { font-size:1em; color:#0099cc}
h3 { font-size:1em; color:#0099cc}


/***************************************************** mainboxes ***********************************************************/
/*Definition für die Navigation oben*/ 
#servicemenue { display:none}

#servicemenue-80 { display:none}

#header { display:none}
#header-crystalight { display:none}
#header-marmor { display:none}
#header-technistone { display:none}
#header-mix { display:none}
#header-kassel { display:none}
#logo { background-image:url(images/logo.gif); background-position:left bottom; background-repeat:no-repeat; height:80px; margin-top:0px; margin-right:10px; width:80%}
#stripe { background-color:#0099cc; height:1px; border-top:1px solid #ffffff}



#wrapper {
width:90%; 
margin: auto; 
text-align: left;/*Aufheben von IE_quirks im BODY*/
background-color:#ffffff
}

/*********************************************** boxes left*******************************************************/
#left-container { display:none}

/********************** linkes menue ***************************/

#menue-left { display:none}

/******************************** Definitionen für den Inhalt ***************************************/

#content { padding:0 0px 0 30px; margin:0px 50px 0px 50px}
*html #content { padding:0 0px 0 30px; margin:0px;float:left}

#content p {line-height:1.5em}

#content a:link { text-decoration:none; color:#0099cc}
#content a:visited {text-decoration:none; color:#0099cc}
#content a:hover { color:#0099cc; text-decoration:none}
#content a:focus { color:#0099cc; text-decoration:none}


#content img.right { float:right; margin:0 30px 5px 0}

.abstand-rechts {width:200px; float:left}

.seitenanfang {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
font-size:0.9em
}

.download {
background-image: url(images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
font-size:0.9em
}

/************** Formnatierungen Listen im Content Bereich****************/

#content ul { list-style:none; margin-left:-20px}
*html #content ul { margin-left:5px}

#content ul li {
margin-left:0px;
background: transparent url(images/bullet_blue.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
padding-bottom:10px;
text-align: left;
line-height:1.5em
}

#table table,td {
border: 1px solid #ccc;
border-collapse: collapse;
font-size:1em;
}
#table table{
border:none;
border:1px solid #ccc;
}


#table thead th,
tbody th {
background: #0099cc;
color: #ffffff;
font-weight:normal;
padding: 2px 5px;
border-left: 1px solid #CCC;
}
#table tbody th{
background: #d1dcc6;
border-top: 1px solid #CCC;
text-align: left;
}
#table tbody tr td{
padding: 7px 5px;
color: #666;
vertical-align:top;
}

#table tbody tr.bg-gray { background-color:#f4f4f4;}


/*************************************bildergalerien*************************************************************************/

#container {
position:relative;
width:100%;
height:300px;
margin:0px;
padding:0
}

#container img { border:1px solid #ffffff}

#container .thumbs {width:300px; position:absolute; left:0px; top:0px}

#container .thumbs a, a:visited {color:#ffffff} 
#container .thumbs a.gallery, a.gallery:visited {display:block; display:inline-block; color:#fff; text-decoration:none; width:50px; height:50px; float:left; margin:6px}

#container .view { width:250px; margin-left:300px; height:300px; font-size:0.9em}
#container .view img {border:0}

#container .view p {line-height:1.8em}

#container .view a:link { text-decoration:underline; color:#645427}
#container .view a:visited {text-decoration:underline; color:#645427}
#container .view a:hover { color:#645427; text-decoration:underline}
#container .view a:focus { color:#645427; text-decoration:underline}




/******************************************************** news ****************************************************/

#news { display:none}

/******************************************************** footer ****************************************************/

#footer {
clear:both; 
height:40px; 
margin-top:10px; 
text-align:center; 
padding-top:5px; 
border-top:1px solid #cccccc;
width:90%; 
margin:auto;
}