@import url(css/csc.html);

* {
	margin: 0;
	padding: 0;
         }
 /*
html * {
	font-size: 100.01%;
         }

body {
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-size: 65.00%;
	}
 */
html, body {
	height: 99%;
         }

body {
         text-align:center;
    	font: 10px verdana, arial, helvetica, sans-serif;
	line-height:12px;
	color:#555;
         background: #fff;
      /*   background: #fff url(bilder/schnecke.jpg) fixed no-repeat bottom right;*/
	}
/* --------------- Positionierung */

#indiemitte {
         position: relative;
     	width:679px;
     	margin: 0 auto;
	padding: 0;
         min-height: 100%;      /*footer*/
        }

* html #indiemitte {             /*footer*/
         height: 100%;
        }

#logo {
         background: #FFF;
         width: 100%;
         text-align: center;
         margin: 25px 0 30px 0;
         }

#hulle {
         margin: 0 0 30px 0;
         width: 657px;
         }  /*  654  float: right;
     */

#container {
   	position: relative;
	margin: 0 auto 30px auto;
	text-align: left;
         width: 657px;    /*370*/
         }

#container.container-schmal {
         width: 325px;
         }
#container.container-mittel {
         width: 370px;
         }
#container.container-breit {
         width: 657px;
         }
/*
.container-schmal .spalte {
         position: absolute;
         left:220px;
         width: 90px;
         margin: 3px 0 0 0;
         padding: 0;
         text-align: left;
         }
*/
.container-schmal .spalte {
         position: relative;
         width: 90px;
         margin: 3px 0 0 0;
         padding: 0;
         text-align: left;
         float: right;
         }

.container-schmal .spaltebreiter {
         width: 130px;
         }

.box {
         position: relative;
         float: left;
     /*   width: 90px;     */
         margin: 3px 3px 0 0 ;
         padding: 0;
         text-align:left;
         }

.box-text {
         width: 215px;
         }

.box-bild {
         width: 90px;
         }

.box-2bilder {
         width: 185px;
         }

#fuss {
	position: relative;
         margin:-30px 0 0 0;
         height: 30px;
         text-align:center;
         }

#menu {
	position: absolute;
         top: 121px;
         left: 20px;
         width: 120px;
         text-align: left;
         }

/* --------------- allgemeines */
p {
         margin: 0 0 12px 0;
         }

h1{
	margin: 0;
         padding: 0;
	font: 10px verdana, arial, helvetica, sans-serif;
         font-weight: bold;
	line-height:12px;
         }

.box ul {
         list-style-image: url(geigenbau/quad.html);
         }

.box li {
         margin-left: 18px;
         }

table {
	border-spacing: 0;
         border-collapse:collapse;
         }

table, th, td {
         border: 0;
         margin: 0;
         padding: 0;
         }

a,
span.cur {
        font-weight: normal;
        background: transparent;
        color: #555;
        text-decoration: none;
        border-bottom: 1px solid #940909;
        }

a.img {
        border: 0;
        }

 /*
a:link {
        text-decoration : none;
        }

a:visited {
        border-bottom: 1px solid #CCC;
        }
*/
a:hover {
        color: #940909;
        border-bottom: 1px solid #555;
        }

a.img:hover {
        border: 0;
        }
/*
a:active {
        text-decoration : none;
        }
*/
.grau {
	color:#999;
         }

.grau a {
	color:#999;
	border-bottom: 1px solid #999;
         }


.grau a:hover {
        border-bottom: 1px solid #940909;
        }

#logo a,
#logo a:hover {
        text-decoration: none;
        border: 0;
        }

dl.def {
        display: block;
        margin: 0;
        }

dl.def dt {
        margin: 0;
        padding: 0;
        height: 1%;
        clear: left;
        display: block;
    /*    font-weight: bold;
    */    float: left;
        width: 110px;
        }

dl.def dd {
        margin: 0;
        padding: 0 0 0 3px;
        clear: right;
        height: 1%;
        display: block;
    /*    background: #ccc;
        margin-left: 130px;
     */
         }

/* ------------- menu */

#menu li {
        padding: 4px 0;
        margin: 0;
        }

#menu li ul li {
        padding: 0 0 0 5px;      /* 10px */
        }

#menu, #menu a {
        font-weight: bold;
        }

#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        }

#menu a:link,
#menu a:hover,
#menu a:visited {
        text-decoration: none;
        }

/* --- 1.Ebene --- */
#menu li a:link,
#menu li a:visited {
         color: #940909;
         border-bottom: 1px solid #555;
         }
/*
#menu li a.akt {
         color: #D9E0D6;
         }  */

#menu li a:hover,
#menu li .cur {
         color: #555;
         border-bottom: 1px solid #940909;
         }

span.cur {
        font-weight: bold;
        }
/*nur im Druck sichtbar (Print ON) */
.pon {
	display: none;
         }

.csc-textpic-image img {
	padding: 3px 0 0 0;
         }



/*************************/
/*** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php ***/
/*************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	width: 0;         /**/
	clear: both;
	visibility: hidden;
	}
.clearfix {display:inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */