/* CSS Document */

html { height:100%;}

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

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 { height:40px; margin:auto; width:950px}

#servicemenue ul {padding: 0;list-style-type: none; float:right; margin-top:20px; font-size:0.9em}

#servicemenue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #504533;
text-align: center}

#servicemenue ul li a { color: #666}

#servicemenue ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #666;
text-align: center
}

#servicemenue-80 { height:80px; margin:auto; width:950px; background-image:url(images/logo-trans.gif); background-position:left; background-repeat:no-repeat}

#servicemenue-80 ul {padding: 0;list-style-type: none; float:right; margin-top:20px; font-size:0.9em}

#servicemenue-80 ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #504533;
text-align: center}

#servicemenue-80 ul li a { color: #666}

#servicemenue-80 ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #666;
text-align: center
}

#header {height:120px; background-image:url(images/header/header.jpg); background-position:left; background-repeat:no-repeat; margin-left:230px}
#header-crystalight {height:120px; background-image:url(images/header/crystalight.jpg); background-position:left; background-repeat:no-repeat; margin-left:230px}
#header-marmor {height:120px; background-image:url(images/header/marmor.jpg); background-position:left; background-repeat:no-repeat; margin-left:230px}
#header-technistone {height:120px; background-image:url(images/header/technistone2.jpg); background-position:left; background-repeat:no-repeat; margin-left:230px}
#header-diresco {height:120px; background-image:url(images/header/diresco.jpg); background-position:left; background-repeat:no-repeat; margin-left:230px}
#header-kassel {height:120px; background-image:url(images/header/kassel.jpg); background-position:left; background-repeat:no-repeat;}
#header-mix {height:120px; background-image:url(images/header/header-mix.jpg); background-position:left; background-repeat:no-repeat; margin-left:230px}
#logo { background-image:url(images/logo.gif); background-position:left bottom; background-repeat:no-repeat; float:left; width:220px; height:110px; margin-left:5px;}
/*#logo { background-image:url(images/logo.gif); background-position:right bottom; background-repeat:no-repeat; width:250px; float:right; height:120px; margin-top:-120px; margin-right:10px;}*/
#stripe { background-color:#0099cc; height:15px; border-top:1px solid #ffffff}


#wrapper {
width:950px; 
margin: auto; 
text-align: left;/*Aufheben von IE_quirks im BODY*/
background-color:#ffffff;
border:1px outset #999
}

/*********************************************** boxes left*******************************************************/
#left-container {
width:190px;
margin:20px 0 0 10px;
padding:0;
float:left;
}

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

#menue-left { 
	width:180px; 
	float:left; 
	margin-top:10px
}

#menue-left ul { 
	list-style:none; 
	margin:0; 
	padding:0; 	
}

#menue-left li a { 
	color:#666; 
	background-image: url(images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-decoration:none
}

#menue-left li a:hover { color:#0099cc}
#menue-left ul li {	padding:3px 0px 3px 0px}
#menue-left ul ul li {	margin-left:14px}

#menue-left ul li a.active { color:#0099cc}

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

#content { padding:0 0px 0 30px; margin:0px 180px 0px 200px;}
*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}

.left { float:left; margin-right:15px; margin-bottom:15px}

.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: left center;
padding-left: 20px;
font-size:0.9em
}

#small-fonts { font-size:0.6em}

/************** 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 {
	width:160px;
	margin:40px 0 0px 30px;
	padding:0px 8px 10px 8px;
	background-color:#fff;	
	right:0;
	top:0;
	float:right;	
}
*html #news { width:170px;}

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

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

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