/* Basic Stylesheet for www.spolsp.net */
/* author: www.spolso.net */
/* layout 3-spaltig in box */

* {
	padding:0px;
	margin:0px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
img {
	border:0;
	right: auto;
}
html[xmlns^="http"] {
}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}
html {height:100%;}  /* für maximale Höhe des Rahmens */
* html body {height:100%;} /* für maximale Höhe des Rahmens */
body {
font-size: 68.75%; /* setzt Standardschriftgröße auf 11px */
font-family: Arial, Helvetica, Sans-Serif;
color:#333333;
text-align:center;
overflow: visible; /* für inaktiven scrollbalken bei mozilla */
padding-top:2%;
}
#lang {
width: 930px;
margin: 0 auto;
text-align:right;
margin-bottom:10px;
color:#ccc;
}
#rahmen {
	width: 930px;
	margin: auto;
	text-align:center;
	background-color:#FFFFFF;
	border: 1px solid #999999;
	padding-bottom: 10px;
	position: inherit;
	height: auto;
	background-image: url(header.gif);
	background-repeat: no-repeat;
	background-position: left top;
} 
#top {
float:left;
width:100%;
height:105px;
padding: 0px;
margin: 0px;
}
#logo {
float:left;
width:670px;
height:60px;
margin-left:10px;
}
a#home_link {
display:block;
width:370px;
height:60px;
}
#navi {
clear:both;
height:30px;
padding-left: 22px;
background: url(navi.gif) 40px 2px no-repeat;
}
#main {
	position:relative;
	float: left;
}
#left {
float:left;
width: 150px; /* nur IE 5.x */
width/**/:/**/ 130px; /* alle anderen */
padding-left:22px;
}
#content {
	float:left;
	width:620px;
	background-attachment: fixed;
	background-color: #FFFFFF;
	height: auto;
}
.contentSpalte {
float:left;
display: inline;
width: 260px;
padding-bottom: 20px;
}
.links {
margin-right:20px;
}
.rechts {
padding-top: 38px;
}
#content.contentStatic {
width:600px;
}

#right {
	width: 119px; /* nur IE 5.x */
	width/**/:/**/ 119px; /* alle anderen */
	float:right;
	height: 560px;
	overflow:auto;
	margin-right:27px;
	margin-top:5px;
	display:block;
	padding-left:10px;
	border: 1px solid #eaeaea;
}
#footer {
clear:both;
text-align:left;
width: 930px;
margin-left: auto;
margin-right: auto;
}

/* *** language menu ********* */
#lang a:link, #lang a:visited {
color:#ccc;
font-weight:bold;
text-decoration:none;
}
#lang a:hover, #lang a:focus {
color:#666;
font-weight:bold;
text-decoration:none;
}


/* *** navi ****************************/
#navi, #navi a, #navi a:visited {
color:#333333;
}
#navi ul {
list-style:none;
}
#navi ul li {
float:left;
width:130px;
margin-right: 20px;
width:130px;
height:18px;
display:inline; /* wg doppeltem margin IE bug */
background: url(navi-li.gif) repeat-x;
}
#navi ul li.current {
background: url(navi-li-cur.gif) repeat-x;
height:22px;
}
#navi a {
display:block;
text-align:center;
font-weight:bold;
text-decoration:none;
padding:2px 0px 3px 0px;
}
#navi a:link, #navi a:visited {
color:#FFFFFF;
}
#navi a:hover {
background: url(navi-li-cur.gif) repeat-x;
}
#navi ul li.current a {
padding-top:4px;
}

/* *** left mit subnavi ******************************/
#left ul {
padding:6px 0px 0 0px;
list-style:none;
}
#left ul li {
padding:5px 0 4px 2px;
margin-bottom:0px;
border-bottom: 1px dotted #CCCCCC;
}
#left ul li.current, #left ul li.current1 {
font-weight: bold;
background-color: #EAEAEA;
}
#left ul li.current1 {
border-top: 1px dotted #CCCCCC;
}
#left ul li:hover {
background-color: #F3F3F3;
}
#left a, #left a:visited {
text-decoration:none;
color:#333333;
}
#left a:hover {
text-decoration:none;
background-color: #F3F3F3;
}
#left DIV.tx-macinasearchbox-pi1 {
margin-top:20px;
}
#left h1 {
margin-top:10px;
font-size: 1em;
padding-bottom: 0px;
}
#left p {
padding: 3px 0;
width:130px;
}
#left input.submit, #content input.submit {
padding:1px 3px 2px 3px;
font-size: 0.9em;
color:white;
background: url(navi-li.gif) repeat-x;
border:none;
}
#left input.submit:hover, #content input.submit:hover {
background: url(navi-li-cur.gif) repeat-x;
}
#left input.suche {
margin-left: 3px;
}

/* *** content ******************************/
DIV.productPics {
float:left;
width: auto;
margin-left:20px;
margin-top: 6px;
display:inline;
overflow:hidden;
margin-bottom: 0px;
}
DIV.productText {
	float:right;
	width: 280px;
	margin-bottom: 0px;
	height: inherit;
}
DIV.contentStatic {
padding-left:20px;  /* nur für Impressum, Datenschutz etc. */

}

DIV.contentStatic DIV.csc-textpic {
margin-right:20px;
}
#content h1, #content h2, #content ul {
margin-right: 15px;
}
#content p {
margin: 5px 15px 7px 1px;
}
DIV.contentStatic p {
font-size:1.1em;
margin: 5px 20px 7px 1px !important;
}
#content h1 {
	padding:6px 10px 5px 0px;
	font-size:1.7em;
	font-weight:bold;
	color:#333333;
	background-color: #F7F7F7;
}
#content h1:first-letter {
font-size: 1.4em;
}
#content h2 {
padding:0px 0px 5px 0px;
font-size:1.6em;
font-weight:bold;
}
#content h3 {
padding:8px 10px 0px 0px;
font-size:1.2em;
font-weight:bold;
}
#content h4 {
padding:3px 10px 0px 0px;
font-size:1.1em;
font-weight:bold;
}
#content ul {
margin-top: 5px;
margin-bottom:0;
list-style-type: square;
list-style-position:inside;
}
#content ul li {
padding-bottom:3px;
}
DIV.products table {
	margin: 0 auto;
	width: 280px;
	font-size: 1em;
	line-height:0.9em;
	border-collapse: collapse;
	padding: 1px;
	float: none;
}


 
#content table p {
	padding:0;
	margin:0;
	background-image: none;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content table h4, h5 {
	padding:3px 10px 2px 5px;
	margin-top:8px;
	margin-bottom: 0;
	margin-right: 20px;
	font-size:1.1em;
	font-weight:bold;
	background-color: #FFFFFF;
}
#content p a, #content p a:visited, #left a.intLink, #left a.intLink:visited {
color: #999999;
padding-left: 10px;
background: url(pfeil.gif) 0 3px no-repeat;
}
#content p a:hover, #left a.intLink:hover {
color: #333333;
padding-left: 10px;
background: url(pfeil-h.gif) 0 3px no-repeat;
}
#left a.intLink:link, #left a.intLink:visited {
text-decoration:underline;
font-weight:bold;
}
#content DIV.login {
	margin-top:15px;
	border: 1px solid #CCCCCC;
}
.contentStatic DIV.login {
margin-right:20px;
}
#content DIV.login table.login {
margin-top:5px;
margin-left:0;
width: 280px;
border: none;
background-image: none;
}

/* *** content buttons ******************************/
DIV.buttons {
clear: both;
margin-top: 30px;
margin-bottom: 0;
}
DIV.buttons ul a, DIV.buttons ul a:visited {
color:#333333;
}
DIV.buttons ul li {
float:left;
list-style:none;
width:130px;
margin-left: 20px;
height:18px;
display:inline; /* wg doppeltem margin IE bug */
}
DIV.contentStatic DIV.buttons ul li {
margin-left: 0;
margin-right: 20px;
}
DIV.contentStatic DIV.buttons ul li.last {
margin-left: 0;
margin-right: 0px;
}
DIV.buttons ul a {
display:block;
text-align:center;
text-decoration:none;
padding:1px 0px 2px 0px;
background: url(navi-li.gif) repeat-x;
}
DIV.buttons ul a:link, DIV.buttons ul a:visited {
color:#FFFFFF;
}
DIV.buttons ul a:hover {
background: url(navi-li-cur.gif) repeat-x;
}

/* *** content product overview ******************************/
DIV.overview {
margin-top: 5px;
}
DIV.catNavi {
float:left;
width:130px;
margin-right:20px;
margin-bottom: 10px;
}
DIV.catNavi img {
padding: 0 0 2px 0px;
}
DIV.overviewImage {
width:150px;
float:left;
display:inline;
}
DIV.overview a:link, DIV.overview a:visited {
text-decoration:none;
color: #666666;
}
DIV.overview a:hover {
text-decoration:none;
color:#000000;
}

/* *** right ******************************/
#right img {
margin-bottom:10px;
}

#right {
     scrollbar-face-color: #EAEAEA;
     scrollbar-track-color: #F3F3F3;
     scrollbar-3dlight-color: #EAEAEA;
     scrollbar-darkshadow-color: #000000;
     scrollbar-arrow-color: #999999;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-shadow-color: #999999
}
#right SPAN.invis {
display:none;
}

/* *** footer ******************************/
#static {
font-size:1em;
font-weight: bold;
padding-top:2px;
}
#static ul li {
display:inline;
list-style:none;
padding-right:10px;
}
#static ul li a, #static ul li a:visited {
text-decoration: none;
color:#C0C0C0;
}
#static ul li a:hover {
text-decoration: underline;
color:#666666;
}

/* *************** nach oben link ************/
P.csc-linkToTop {
text-align:right;
}

/* *************** suche ************/
DIV#content table.csc-searchResultInfo, DIV#content table.csc-searchform {
width: 580px;
font-weight: bold;
background-color: #EAEAEA;
}
DIV#content table.csc-searchResultInfo td, DIV#content table.csc-searchform td {
padding: 5px 7px;
}
DIV#content h3.csc-searchResultHeader a, DIV#content h3.csc-searchResultHeader a:visited {
color: #0B5D7A;
padding-left: 7px;
}
DIV#content p.csc-searchResult {
padding-left: 7px;
}
DIV#content h2.searchForm {
margin:0;
padding:0;
font-size: 1.3em;
}
DIV#content table.csc-searchform td.csc-form-labelcell {
width: 80px;
}

/* ***** FORMULARE ******** */
DIV.kontaktForm {
margin-top:15px;
}
DIV.kontaktForm form fieldset {
width:570px;
padding:0;
padding-top: 5px;
}
DIV.kontaktForm form fieldset legend {
padding: 0 5px 10px 7px;
font-size: 1.1em;
color:#666666;
}
DIV.kontaktForm form p {
width:560px;
clear:both;
text-align:left;
padding:0 0 3px 15px;
}
DIV.kontaktForm form p label  {
float:left;
width:105px;
}
DIV.kontaktForm form p input, DIV.kontaktForm form p textarea, DIV.kontaktForm form p select {
margin-left:5px;
font-size:1em;
}
DIV.kontaktForm form p textarea {font-size:1.2em;}
span.error {
color:red;
font-weight:bold;
}
DIV.kontaktForm form input:focus, DIV.kontaktForm form textarea:focus { background-color : #F0F0F9;}


/* ***** DATABASE-LINKS ******* */
TABLE.csc-uploads-3 {
margin-top: 10px;
}
TABLE.csc-uploads-3 img {
margin-right: 10px;
margin-bottom:10px;
border: 1px solid #CCCCCC;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileName, TABLE.csc-uploads-3 tr td.csc-uploads-fileSize {
vertical-align:top;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileName p {
font-weight:bold;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileSize p {
font-size: 0.9em;
}

/* ***** SITEMAP ******** */

/* main navi */
DIV.csc-sitemap ul {
padding:0;
list-style:none;
}
DIV.csc-sitemap ul li {
list-style: none;
list-style-position: outside;
font-weight:bold;
font-size: 1.1em;
width: 272px;
background: url(espe.gif) repeat-x;
padding: 3px 0 3px 8px;
margin-top: 8px;
}
/* kategorie */
DIV.csc-sitemap ul li ul {
margin-left: 10px;
padding-top: 5px;
}
DIV.csc-sitemap ul li ul li {
font-weight:bold;
font-size: 1em;
background: none;
padding: 0 0 0 0;
margin-top: 0;
width: 200px;
}
/* produkty */
DIV.csc-sitemap ul li ul li ul {
margin-left: 20px;
padding-top: 0;
}
DIV.csc-sitemap ul li ul li ul li {
list-style-position: inside;
font-weight:normal;
font-size: 0.9em;
list-style: square;
}
/* linky */
DIV.csc-sitemap a:link, DIV.csc-sitemap a:visited, UL.csc-menu a:link, UL.csc-menu a:visited {
text-decoration: none;
color: #333333;
}
DIV.csc-sitemap a:hover, UL.csc-menu a:hover {
text-decoration: underline;
color: #0B5D7A;
}
/* right spalte static navi sitemap */
UL.csc-menu-1, UL.csc-menu {
padding:0;
list-style:none;
}
UL.csc-menu-1 li, UL.csc-menu li {
list-style: none;
list-style-position: outside;
font-weight:bold;
font-size: 1.1em;
padding: 0px;
margin-bottom: 5px;
margin-left:20px;
}

/* ***** espe ********/
#espe {
clear:both;
width: 930px;
margin-left: auto;
margin-right: auto;
height:25px;
padding-top: 0px;
padding-right:3px;
}
#espe a.espe_link {
float:right;
height: 21px;
width: 40px;
margin-left: 5px;
overflow: hidden;
background: url(espe.gif) top left no-repeat;
display: block;
}
#espe a.espe_link:hover {
background-position: bottom left;
}