/* -------------------H T M L - T A G S----------*/
@page { size:landscape;}
@page :left { margin-left:1.5cm; margin-right:2cm  }
@page :right { margin-left:2cm; margin-right:1.5cm  } 
body {
	width: 100%;
	background-color: #eee;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
}


body, h1, h2, h3, h4, h5, h6, div, span, p, ul, dl, ol, li, dd, dt, table, tr, th, td, textarea, select, option, input, label {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 18px;
}

table {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 60%;
}

p {
	margin: 0px 0px 14px 0px;
}


h1 { 
	font-weight: bold; 
	font-size: 15px; 
	line-height: 23px;
	margin: 0 0 10px 0;;
	padding: 0;
}

h2 {  
	font-size: 12px; 
	line-height: 16px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

h3 { 
	font-weight: bold;
	font-size: 12px; 
	line-height: 17px;
	margin: 62px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.textgr {
	color: #D1D3D4;
	font-size: 12px;
	font-family: Arial,  Helvetica, Verdana, Tahoma, sans-serif;
}

.textrtb {
	color: #B41045;
	font-weight: bold;
	font-family: Arial,  Helvetica, Verdana, Tahoma, sans-serif;
	}


/* - - - - - - - - - -Links - - - - - - - - - */

a, a:link { 
	color: #906;
	font-weight: normal;
	background-color: transparent;
	text-decoration: underline;
}

a:visited { 
	color: #000000;		
	font-weight: normal;
	background-color: transparent;
	
}

a:hover { 
	color:#333;
	font-weight: normal;
	background-color: transparent;
	text-decoration: underline;
}

/* - - - - - - - - - -Formular- - - - - - - - - */

select { 
	color: #000000; 
	background-color: transparent; 
	border: solid 1px #520000; 
	}

/*input { 
	color: #000000; 
	background-color: transparent; 
	border: solid 1px #520000; 
	}*/

textarea { 
	color: #000000; 
	background-color: transparent; 
	border: solid 1px #520000; 
	}

/* - - - - - - - - - -Aufzaehlung- - - - - - - - - */

ul { 
	/*list-style-image: url(../listitem.gif); */
	margin-bottom: 1px; 
	margin-top: 1px;
	}

ul.rot { 
	/*list-style-image: url(../listitem-print.gif); */
	margin-bottom: 1px; 
	margin-top: 1px;
	}

li { 
	margin-left: -18px;
	margin-right: 20px;
	margin-bottom: 2px;
	}



/* ----------------------L O G O-------------------------*/

#LogoLeisteRot {
	width:880px;
	height: 150px;
	text-align:right;
	margin:auto;
	background-color: #c20000;
	overflow: hidden;
}

.LogoRot {
	padding: 31px 10px 0px 53px;
	background-color: #890000;
	float: left;
	vertical-align: middle;
	
}


#LogoLeisteDblau {  
	width:880px;
	height: 150px;
	text-align:right;
	margin:auto;
	background-color: #ffffff;
	overflow: hidden;
	color:#cccccc;
}
.TopLine01
{
background-color: #cccccc;
height:10px;
border-bottom:2px solid #cccccc;

}
.TopLine02
{
background-color: #1A58B2;	
height: 2px;
border-bottom:1px solid #cccccc;

}

.TopLinks
{

 text-align: right;
 border-bottom:1px solid #cccccc;
 width:100%;
 padding:2px 0 1px 0;
}
.TopLinks a:link { 
	color: #cccccc;	
	text-decoration: none; font-weight: normal;
}

.TopLinks a:visited { 
	color: #cccccc;	
	text-decoration: none;
	font-weight: normal;
}

.TopLinks a:hover { 
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}

.TopLinks a:focus { 
	color: #cccccc;	
	text-decoration: none;
	font-weight: normal;
}
.TopLinks a:active { 
	color: #cccccc;	
	text-decoration: none;
	font-weight: normal;
}


.TopLine04
{
/*background-color: #1A58B2;*/
width: 100%; height:95px;  border-bottom:2px solid #cccccc;

}
.TopLogo { 
padding: 0; float: left; width:266px; height:95px; float:left; 
background-image: url(../images/logo-print.gif); 
background-repeat: no-repeat; text-align: center; vertical-align: middle; }

.TopRight {
 
 text-align: right;
 top:0px;width:310px; height:95px; float:right;padding:0 1px 0 0;
 }  

.TopMiddle { 
   width:auto; height:80px; 
   color: #DCE0DF;white-space: nowrap;	
	font-weight: bold;
	text-align:left;margin:0px 310px 0px 250px;padding:25px 0 0 0;
}
.telfax {padding-left:78px; width:200px;}
.tel {width: 35px; float:left; color:#333;}
.information {visibility:hidden;}
/* ----------------------H A U P T M E N U E-------------------------*/

#MenueLeisteRot {
	width:880px;
	height: 45px;
	text-align:left;
	color: #ffffff;
	margin:auto;
	background-color: #4d0000;
	overflow: hidden;	
}



#MenueLeisteDblau {  
	width:880px;
	height: 1px;
	text-align:left;
	color: #ffffff;
	margin:auto;
	background-color: #f6f; 
	overflow: hidden;	
}


/* -------------------M A I N----------*/

#mainContent {
	width:880px;
	height: auto;
	text-align:left; 
	margin:auto;
	background-color: #ffffff;
	overflow:hidden;	

}
/* DRUCK  Menüleiste nur mittlerer Rand */
.colboxleft { border-right:1px solid #333; width:150px; height:100%;float:left;background-color:#eeeeee; }
.colboxright {  float:right; text-align: right; height:100%; padding:0 5px 0 0; }
.colboxmiddle { width:auto; margin-left:150px; margin-right:100px; padding:5px 0 15px 10px;height:100%;}

.contentbox { width:550px; 
  height:240px; margin: 5px 5px 0px 5px; border-color: #000066; border-style: solid; border-width: 2px 2px 2px 2px; }
  
.contentboxImg
{
 
 width:150px; float:left; height:220px;top:0;background-color: #000066;
}
.contentboxText
{ width:auto; height:220px;margin:0 10px 0 158px;
}

.contentboxswf
{
 float:left;
 width:100%;
 height:20px;
 left:0;
 background-color:#1A58B2;;
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 
}
.contentboxKoll { width:550px; height:300px; margin: 5px 5px 0 0; border-color: #cccccc; border-style: solid; border-width: 2px 2px 12px; }
.contentboxImgKoll
{
 float:left;
 width:150px;
 height:260px;
 
 top:0;
 background-color:#cccccc;
 vertical-align: middle;
 text-align: right;
 margin:0px 5px 0px 0px;
}
.contentboxKollText
{width:auto; height:100%;/*220px;*/margin:0 10px 0 158px;
}
.contentboxKollText a, contentboxKollText a:visited, .contentboxKollText a:link, .contentboxKollText a:active
{color: #000000;text-decoration: underline; font-weight: normal;}
.contentboxKollText a:hover
{color:#c39;}

/* DRUCK  nicht anzeigen */
.zur-Kollektion
{
 visibility: hidden;
 float:right;
 padding:0 10px 0 0;

 }
 /* DRUCK  nicht anzeigen */
.search{visibility:hidden;
     width:200px;float:right;height:20px;line-height: normal;text-align: right;margin:0 5px 0 0;
  }
.searchbutton {width:80px;background-color: gray; color:#ffffff; font-size:12px; padding:0 2px 2px; height:20px;  border-color: #fff #666 #666 #fff; border-style: solid; border-width: 2px; }
.searchbutton:hover {font-weight:bold;}

.contentboxLink
{width:200px; height:20px;/*220px;*/margin:5px 10px 0 0; 
 }
.contentboxLink a, contentboxLink a:visited, .contentboxLink a:link, .contentboxLink a:active
{color: #666;text-decoration: underline; font-weight: bold;}

.contentboxLink a:hover
{color:#c39;}	

.contentboxdesigner01 {width:150px; height:100px;float:left; }
.contentboxdesigner02 {width:auto; height:auto; padding:3px}
/* -------------------F u s s z e i l e ----------*/

#AdressLeisteRot {
	width:880px;
	height: 45px;
	text-align:left;
	margin:auto;
	background-color: #4d0000;
	overflow:hidden;
}


#AdressLeisteDblau {
	width:880px;
	height: 45px;
	text-align:left;
	margin:auto;
	background-color: #ffffff;
	overflow:hidden;
	border-top:1px solid #000066; 
}

.Adresse {
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	padding: 25px 0px 0px 25px;	
	color: #cccccc;	
	text-decoration: none;
	text-align: center;
}

.Adresse a:link { 
	color: #cccccc;	
	text-decoration: none;
}

.Adresse a:visited { 
	color: #cccccc;	
	text-decoration: none;
}

.Adresse a:hover { 
	color: #c39;
	text-decoration: underline;
}

.Adresse a:focus { 
	color: #cccccc;	
	text-decoration: none;
}
.Adresse a:active { 
	color: #cccccc;	
	text-decoration: none;
}
/*----------------------------------------------*/

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.clear {
	clear: both;
}

.clearRight {
	clear:right;
}

.clearLeft {
	clear: left;
}

.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* - - - - - - - - - - M E N U E - - - - - - - - - */

.LevelLine
	{
	margin: 3px 3px 3px 3px;      /*padding:innen,margin:aussen, ob,re,un,li*/
	background-color:#333;
	}
.fstLevel  
	{
	width:150px;
	vertical-align:top;
	padding: 3px 0 3px 0;
	margin: 0 0 0 3px;      /*padding:innen,margin:aussen, ob,re,un,li*/
	font-weight:normal;
	text-align: left;
	color:#333;
	display: block;
	border: 0;
	font-size:11px;
	border-left: 8px solid #eeeeee;
	}
.fstLevel a
	{
	text-decoration: none;
	color:#333;border-left: 8px solid #eeeeee;
	}
.fstLevel a:link, .fstLevel a:visited, .fstLevel a:hover,.fstLevel a:focus, .fstLevel a:active
	{
	text-decoration: none; color: #333;border-left: 8px solid #eeeeee;font-weight:normal;
	}
.fstLevel a:hover,.fstLevel a:focus, .fstLevel a:active
	{
	text-decoration: none;color:#333;border-left: 8px solid #eeeeee;font-weight: bold;
	}
.fstLevelActive
	{
   width:150px;
	vertical-align:top;
	padding: 3px 0 3px 0;
	margin: 0 0 0 3px;      
	font-weight:normal;
	text-align: left;
	color:#333;
	display: block;
	font-size:11px;
    text-decoration: none;
    border-left: 8px solid #eeeeee;
	}
.fstLevelActive a
	{
    color:#333;
    text-decoration: none;border-left: 8px solid #333;font-weight:normal;
	}
.fstLevelActive a:link, .fstLevelActive a:visited, .fstLevelActive a:hover, .fstLevelActive a:focus, .fstLevelActive a:active
	{
    color:#333;text-decoration: none;border-left: 8px solid #333;font-weight:normal;
	}

.seclevel, .secLevel a
	{
    text-align: left;
    padding: 2px 0 2px 3px;      /*padding:innen,margin:aussen, ob,re,un,li*/
    margin: 0 0 0 15px;      
    color:#333;
	font-weight: normal;
	text-decoration: none;
	display: block;
	border: 0;
	font-size:11px;
	text-decoration: none;
	
	}
.secLevel a:link, .secLevel a:visited
	{
    font-weight:normal;
    color:#333;
	}
.secLevel a:hover
	{
    font-weight:bold;
    color:#333;
	}
.secLevel a:focus, .secLevel a:active
	{
    font-weight:normal;
    color:#333;
 	}
.secLevelActive, .secLevelActive a
	{
    text-align: left;
    padding: 2px 0 2px 3px;    
    margin: 0 0 0 15px;      /*padding:innen,margin:aussen, ob,re,un,li*/
   color:#333;
    font-weight:bold;
    text-decoration: none;
    display: block;
    border: 0;
    font-size:11px;
	}
.secLevelActive a:link, .secLevelActive a:visited
	{
    font-weight:bold;
   color:#333;
    
	}
.secLevelActive a:hover
	{
   color:#333;
    font-weight:bold;
	}
.secLevelActive a:focus, .secLevelActive a:active
	{
    font-weight:bold;
    color:#333;
	}
	
	
 .backmain {
 background-color: #ffe172;
  }
#kontaktform
	{
    font-size: 0.83em;
    margin: 0.5em 1em 2em 0em;
    padding: 0.5em;
    width:95%;
    background-color:#eee;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    color: #000000;
    text-decoration: none;
	}

/* - - - - - - - - - - Modelle Übersicht - - - - - - - - - */
.artikellisting {
  
  margin:0 0 5px 0;
  padding:0 0 15px 0;
  top:10px;
  position:relative;
  width:580px; 
  z-index:2;
  height:100%
  
}
.artikelbox { 
  float:left;
  width:260px;
  height:120px;
  top:0;left:0;
  position:relative;
  z-index:2;
  border:solid 1px gray;
  margin:0 0 10px 0;
 
  padding:0;

  }
.artikelbox-right { 
  float:right;
  width:260px;
  height:120px;
  position:relative;
  top:0;
  left:0;
  z-index:2;
  border:solid 1px gray;
  margin:0 0 10px 0;
 /* margin:0 10px 0 270px;
 */
  padding:0;
  
  }

.artikelboxImg{ 
  position:absolute;
  top:0;
  width:210px; 
  height:80px;
  z-index:5; 
  border:0; }  
.artikelboxZoom{
  width:18px;
  left:192px;
  top: 0;
  height:18px;
  z-index:7; 
  position:absolute;
  }
.artikelboxText { 
  left:5px; margin:0; 
  position:absolute; 
  width:210px; 
  z-index:2; 
  top:85px;
  left: 0px; }
  
.artikelboxPages{
  left:10px;
  font-size:12px;
  margin: 5px 0px 15px 0px;
  padding: 0 0 0 0;
  width:580px; 
  float:left;
  height: 20px;

  
}
.joshi-jazawa-fahne{
  background-color:#fe8ffd; 
  background-image: url(../images/fahne-joshi.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  
 }
.joshi-jazawa-origami-fahne{
  background-color:#999; 
  background-image: url(../images/fahne-joshi-origami.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  
 }
.koali-fahne{
  background-color:#a3ff33; 
  background-image: url(../images/fahne-koali.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  
 }
 .morel-golddouble-fahne{
  background-color:#decb0e; 
  background-image: url(../images/fahne-morel.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  }
 .morel-classic-fahne{
  background-color:#decb0e; 
  background-image: url(../images/fahne-morel.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  }
   .cottet-classic-fahne{
  background-color:#039; 
  background-image: url(../images/fahne-cottet-classic.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  }
 .oega-fahne{
  background-color:#b5cfe9; 
  background-image: url(../images/fahne-oega.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  }
  .rebel-fahne{
  background-color:#c99; 
  background-image: url(../images/fahne-rebel.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  }
   .rebel-vision-fahne {
  background-color:#dedbf5; 
  background-image: url(../images/fahne-rebel-vision.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  }
  .nomad-fahne{
  background-color:#f90; 
  background-image: url(../images/fahne-nomad.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  }
.lightec-fahne {
 background-color: #ccc; 
 background-image: url(../images/fahne-lightec.jpg); 
 background-repeat: no-repeat; 
 width: 75px; 
 height: 100%; }
.tatoo-fahne {
 background-color: #ccc; 
 background-image: url(../images/fahne-tatoo.jpg); 
 background-repeat: no-repeat; 
 width: 75px; 
 height: 100%; }
.morel-1880-fahne{
  background-color:#cccccc; 
  background-image: url(../images/fahne-morel-1880.jpg); height:100%; 
  background-repeat: no-repeat;
  width:75px;
  }
/* - - - - - - - - - - Modellansicht Detail - - - - - - - - - */
#modelllisting {
  
  margin:0 0 0 0;
  padding:0 0 0 0;
  top:30px;
  width:750px;
  z-index:2;
}
.modellbox { 
  float:left;
  width:750px;
  height:400px;
  position:relative;
  z-index:2;
  /*border:solid 1px red;*/
  margin:0 40px 10px 0;
  padding:0;
  }

.modellboxImg{ 
  position:absolute;

  width:710px; 
  height:270px;
  z-index:2; 
  border:0; }  

.modellboxText { 
  left:17px; margin:0; 
  position:absolute; 
  width:auto;
  z-index:4; 
  /*top:280px;*/
  text-align: left; 
  background-color: #eeeeee;
  border:1px solid black;
  }
.modellboxText a{ 
 text-decoration: underline; color:#000000;font-weight: normal;}