/* replace #f0f0f0 #f0f0f0                               */
/* replace #dddddd	 #dddddd	                            */
/* replace #ffe4b5 #ffe4b5                            */
/* replace #ffefd5 #ffefd5                        */
/* replace silver silver                 */
/* replace #bbbbbb #bbbbbb                      */

/* replace #848484 #848484              */
/* replace #ffe4b5 #ffe4b5                    */
/* replace #ffefd5 #ffefd5                 */
/* replace silver silver          */
/* replace #600 #600      */
/* replace #900 #900       */

/* replace silver silver */
/* replace #ffffee #ffffee       */
/* replace black black  */

/* replace silver silver     */
/* replace #ffffee #ffffee        */

/* replace black black        */
 
 
 
/*=====================================================================*/
/* Allgemeines                                                         */
/*=====================================================================*/

body#bodypage
{
background:  #f0f0f0;
font: 90%  Verdana, Arial,  Helvetica, sans-serif;
margin: 0px;
padding-top: 25px;
padding-left: 40px;
color: black;
line-height: 140%;
padding-right: 0px;
}

#content
{
width: 670px;
}

strong
{
font: 90%  Verdana, Arial,  Helvetica, sans-serif;
font-size: 140%;
color: red;
}

#content p:first-letter 
{
font: 90%  Verdana, Arial,  Helvetica, sans-serif;
font-size: 140%;
color: #bbbbbb;
}

#foot
{
margin: 0px;
padding: 0px;
font: 70%  Verdana, Arial,  Helvetica, sans-serif;
color: blue;
line-height: 50%;
}



/*=====================================================================*/
/* Inedex-Seite                                                         */
/*=====================================================================*/

#index
{
background: #f0f0f0 ;
font: 90% 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-top: 3px;
padding-left: 50px;
padding-right: 0px;
color: black;

}

#index1
{
font: 140% 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif;
color: black;
}

#index1 a,
#index1 a:visited,
#index1 a:hover,
#index1 a:active 
{
text-decoration: none;
color: black;
}

#index2
{
font: 110% 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif;
color: black;
}

/*=====================================================================*/
/* Menues                                                              */
/*=====================================================================*/

#shadow1{
background-color:#dddddd	;
width:210px;
height: 102px;
margin:25px 0px 0px 30px;
}

#shadow2{
background-color:#dddddd	;
width:210px;
height:420px;
margin:-80px 0px 0px 30px;
}

body#menu
{
margin: 0px;
padding: 0px;
background:  #f0f0f0 ;
}

div#menubox
{
position:relative;
top:-450px;
width: 210px;
background: #ffefd5;
margin-top: 20px;
padding-top: 20px;
padding-left: 0px;
margin-left: 20px;
border: 1px solid silver;
/*border-left: 10px solid crimson;
border-top: 1px solid crimson;
border-bottom: 1px solid crimson;*/
height: 400px;
}

#menuline1
{
width: 230px;
border-top:  3px solid red;
position: absolute;
top: 66px;
left: 20px;
}

#menupic
{
position:relative;
top:-127px;
margin-left: 20px; 
margin-top: 16px; 
padding-left: 9px;
width: 201px;
background-color: #ffe4b5;
border: 1px solid silver;

}	

#down
{
margin: 0px;
padding:0px;
margin-left: 14px;
background: url(arrowdown1.gif)  left  no-repeat;
}

/*=====================================================================*/
/* Top                                                                 */
/*=====================================================================*/

#top
{
margin: 0px;
padding: 0px;
background:  #f0f0f0 url(ice2.gif) right top no-repeat;
background-position: 420px 0px;
border-bottom: 3px solid red;
height: 66px;
}

#topline1
{
padding-top: 20px;
padding-left: 40px;
font: 30px  'Trebuchet MS',Arial, Verdana,  Helvetica, sans-serif;
color: #616161;
}



/*=====================================================================*/
/* Linien                                                              */
/*=====================================================================*/

hr
{
height: 1px;
border: 0 none; 
border-top: 1px dashed blue;
margin-top: 15px;
margin-bottom: 15px;

}

hr#bottomline1
{
margin-bottom: 0px; /*reagieren in IE und NS unterschiedlich*/
}

hr#bottomline2
{
margin-top: -20px;
}

/*=====================================================================*/
/* Überschriften                                                              */
/*=====================================================================*/

h1
{
font: 90% 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif;
font-size: 160%;
font-weight: lighter;
color: blue;
text-align: left;
padding-bottom: 15px;
border-bottom: 1px dashed blue;
}

h2
{
font: 90% 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif;
font-size: 130%;
font-weight: lighter;
color: blue;
text-align: left;
}

/*=====================================================================*/
/* Tabellen                                                            */
/*=====================================================================*/
/*
.TX01, .TX02, .TX03, .TX04, .TX05, .TX06, .TX07, .TX08
{
border-collapse: collapse;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;

font-family:  Arial, sans-serif;
}

.TX01 td, .TX02 td, .TX03 td, .TX04 td, .TX05 td, .TX06 td, .TX07 td, .TX08 td
{
border-collapse: collapse;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;

font-family:  Arial, sans-serif;
}
*/
#xlstab table, #xlstab table tr td 
{
border-collapse: collapse;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
font-family:  Arial, sans-serif;
}

#tab-2 , #tab-3
{

border: 3px double silver;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-spacing: 0px;
border-collapse: collapse;
}

#tab-2 td
{
font: 70%  Arial, Verdana,  Helvetica, sans-serif ;
font-weight: 500;
background-color: #ffffee;
color: black;
text-align: center;
border: 1px solid silver; 
padding: 4px 4px 4px 4px ;
}

#tab-3 td
{
font: 70%  Arial, Verdana,  Helvetica, sans-serif ;
font-weight: 500;
background-color: #ffffee;
color: black;
text-align: left;
border: 1px solid silver; 
padding: 4px 4px 4px 4px ;
}

#tab-2 td#rotfett
{
font: 150%  Arial, Verdana,  Helvetica, sans-serif ;
color:red;
}


/*=====================================================================*/
/* Bilder                                                              */
/*=====================================================================*/

#pictext
{
color: Gray;
font-weight: bold;
text-align: left;
padding-bottom: 25px;
padding-top: 25px;
padding-left: 25px;
margin: 0px 0px 0px 0px; /* legt Abstände zum umliegenden text fest*/
}

table#pictext td
{
padding: 15px 15px 15px 15px; /* legt Abstände zum umliegenden text fest*/
}

#content img
{
margin: 15px 15px 15px 15px; /* legt Abstände zum umliegenden text fest*/ 
border: 3px double silver ;
background-color: #ffffee ;
}


#pictext img
{
margin: 0px 0px 0px 0px; /* legt Abstände zum umliegenden text fest*/
}

img#noborder
{
margin: 0px 0px 0px 0px; /* legt Abstände zum umliegenden text fest*/ 
border: 0px;
}

img#picfoot
{
margin: 0px 0px 0px 0px; /* legt Abstände zum umliegenden text fest*/ 
border: 0px;
background-color: transparent;
}

#content a, #piclist a
{

/* Das  ist nur Beispiel 
background: url(link.gif) right  no-repeat;
text-decoration: none;
padding-right: 16px;
padding-left: 0px;
*/

background: url(arrowright.gif) left  no-repeat;
text-decoration: none;
padding-left: 16px;
padding-right: 0px;
}

#content a#nolink
{
background: url(x.gif) left  no-repeat;
text-decoration: none;
padding-left: 0px;
padding-right: 0px;
}

/*=====================================================================*/        
/* nächste Seite                                                                 */
/*=====================================================================*/

#page2 img
{
margin: 0px 0px 0px 0px; /* legt Abstände zum umliegenden text fest*/ 
border: 0px;
background-color: transparent;
}

#page2 a
{
margin: 0px 0px 0px 0px; /* legt Abstände zum umliegenden text fest*/ 
background-image: none;
vertical-align: text-top;
text-decoration: none;

}
#page2 a:visited,
#page2 a:hover,
#page2 a:active
{
background-color: transparent;
color: #900;
}


#piclist img
{
margin: 10px 15px 0px 0px; /* legt Abstände zum umliegenden text fest*/ 
border: 3px double silver ;
background-color: #ffffee ;
}

/*=====================================================================*/        
/* Box                                                                 */
/*=====================================================================*/
	
#boxr 
{
float: right;
margin: 20px;
margin-right: 0px;
}

#boxl 
{
float: left;
margin: 20px;
margin-left: 0px;
}

#boxr, #boxl 
{
width: 250px;
border: 1px solid silver;
background-color: #ffefd5;
color: #848484;
}

#boxr h1, #boxl h1
{
font-family: 'Trebuchet MS', sans-serif;
font-weight: bold;
background-color: #ffe4b5;
color: #848484;
padding-left: 10px ;
padding-bottom: 4px ;
margin: 0px ;
border-bottom: 1px dashed silver;
}

#boxr p, #boxl p
{
font-size: 75%;
line-height: 140%;
padding: 0px 10px 10px 10px;
}

#boxr p:first-letter, #boxl p:first-letter
{
font-size: 100%;
color: #848484;
}


#boxl ul , #boxr ul
{
list-style: none outside;
margin-left: 15px;
}

#boxr a, #boxl a
{
background-image: url(arrowright2.gif);
background-repeat: no-repeat;
background-position: 0 2px;
background-color: transparent;
padding-left: 15px;
color: #600;
border-left: 0 none;
}

#boxr a:visited,
#boxr a:hover,
#boxr a:active 
#boxl a:visited,
#boxl a:hover,
#boxl a:active
{
background-color: transparent;
color: #900;
}

/*=====================================================================*/        
/* Navigationsmenues                                                   */
/*=====================================================================*/
		
ul#navlist li a,ul#subnavlist li a
{
font: 12px 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif ;			
font-weight: 500;
text-decoration: none;
}

div#navcontainer
{
width: 170px;
padding-left: 12px; 
margin: 0px;
margin-top: 20px;
}

		
/* NAV LIST */
ul#navlist
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#navlist li { display: inline; }

ul#navlist li a
{
	color: #ffffff; /* weiß*/
	display: block;
	background: #aaaaaa url(ecke-10.gif) top left no-repeat;
	            /* grau */
	padding: 2px 0 2px 13px;
	border-top: solid 1px #ffefd5;
	width: 170px;
}

ul#navlist li a:hover { background: #ff8800 url(ecke-10.gif) top left no-repeat; }
                                    /* orange */
					 
ul#navlist li a#current
{
	color: #ffffff;
	background: #aaaaee url(ecke-10.gif) top left no-repeat;
	            /* hellblau */
}

/* SUB NAV LIST */
ul#subnavlist
{
	margin: 0 0 0 13px;
	list-style-type: none;
	padding: 0;
}

ul#subnavlist li { display: inline; }

ul#subnavlist li a
{
	display: block;
	color: black; 
	background: #ffefd5 ;
	padding: 2px 0 2px 13px;
	border-top: solid 1px blue;
	height: auto;
	width: 157px;
}

ul#subnavlist li a:hover { background: #ffe4b5 ; }


ul#subnavlist li a#current
{
	color: blue;
	background:  url(arrowright.gif)  left no-repeat;
}


/*
.tab1
{
border: 1px solid black;
background-color: #ffffee;
border-collapse: collapse;
}

.td1
{
font: 60% 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif ;
padding: 2px;
border: 1px solid black;
background-color: #ffffee;
border-collapse: collapse;
}



#tab-3 
{
border: 0px;; 
}
*/


#lego, #legolasche, #legomarkr, #legomarkm, #legofenster, #legoschere, #legoschere2, #legoschered, #legodoppel, #lego table td
{
float:left;
font-weight:bold;
font-family:arial;
height:120px;
margin-right:20px;
margin-bottom:20px;
}

#lego table td
{
font-size:150%;
}

#legotitel
{
width:100%;
color:black;
font-size:130%;
border-bottom:1px solid blue;
margin: 0 0 20px 0;
}

#legddoseite
{
background:  url(legowand.gif) no-repeat;
}

#legogiebel
{
background:  url(legogiebel.gif) no-repeat;
height:165px;
width:220px;
}

#legogiebelr
{
background:  url(legogiebelr.gif) no-repeat;
height:165px;
width:220px;
}

#legowand
{
background:  url(legowand.gif) no-repeat;
height:120px;
width:220px;
}

#legofenster
{
background: url(legofenster.gif) no-repeat;
width:65px;
/*padding-left:45;*/
}

#legolasche
{
background: url(legolasche.gif) no-repeat;
padding-left:35px;
}

#legomarkr
{
background:url(legomarkr.gif) no-repeat;
padding-top:80px;
}

#legomarkm
{
background: url(legomarkm.gif)  no-repeat;
padding-top:80px;
}

#legoschere2
{
background: url(legoschere2.gif) no-repeat;
padding-top:40px;
}

#legoschere
{
background: url(legoschere.gif) no-repeat;
padding-top:40px;
}

#legoschered
{
background: url(legoschered.gif) no-repeat;
padding-top:40px;
}

#legodoppel
{
background: url(legodoppelt.gif) no-repeat;
padding-top:40px;

}

#legowand #legor ,#legogiebel #legor, #legogiebelr #legor 
{
vertical-align:bottom;
padding-left:45px;
color: white;
}

#legowand #legol,#legogiebel #legol , #legogiebelr #legol
{
text-align:center;
width:30px;
color: white;
}

#legogiebel #legog 
{
height:45px;
padding-left:55px;
color:black;
}

#legogiebelr #legogr 
{
height:45px;
padding-left:125px;
color:black;
}