/* Live StyleSheet */

a:link      { color: #145c6e; text-decoration: underline }
a:visited   { color: #5c7176; text-decoration: underline }
a:hover     { color: #000; text-decoration: none }
a:active    { color: #333; text-decoration: underline }

body { 
  color: #393939; 
  font-size: 10pt; 
  font-family: Arial, Helvetica, sans, sans-serif, Geneva;
  background-color: #9b1504;
  margin: 0px;    
  background-image: url("../pics/bgColor.png");
}

h1 { 
  color: #4391a4; 
  font-size: 20pt; 
  font-family: Georgia, Garamond, Times New Roman, Times, serif, Geneva; 
  font-weight: 300;
  margin-top: 14px;
  margin-bottom: 4px;
}

h2{ 
  color: #9b1504; 
  font-size: 16pt; 
  font-family: Georgia, Garamond, Times New Roman, Times, serif, Geneva; 	
  font-weight: 300; 
  margin-top: 14px;
  margin-bottom: 4px;
}

h3 {  
  font-size: 10pt; 
  font-weight: bold; 
  margin-top: 8px;
  margin-bottom: 4px;
}

h3 {  
  font-size: 9pt; 
  font-weight: bold; 
  margin-top: 8px;
  margin-bottom: 4px;
}

p {
  margin-top: 4px;
  margin-bottom: 4px;
}

img { 
  border: 0px; 
  border-color: #ffffff;
}

table { 
  border: 0px ; 
  font-size: 10pt;  
  border-collapse: collapse;
  padding-left:0; 
  padding-right:0; 
  padding-top:0; 
  padding-bottom:0 
}

input, textarea, select { 
  font-family: Verdana, Tahoma, Arial, Helvetica, sans, sans-serif, Geneva; 
  font-size: 8pt; 
  color:#333333;
  background-color: #cccccc;
  border: 1px solid #306f72;
  padding: 2px; 
}
              
.hLine {
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 1px; 
  width: 100%;
  background-image: url("../pics/dot_121212.png");
  background-repeat: repeat-x;
  font-size: 1px;          
}

.clear {
  clear: left;
}

.bg {
  width: 100%;
  background-image: url("../pics/bg.png");
  background-repeat: repeat-x;
}

/* mainNavi */
.mainNavi ul
{
  width: 672px;
  margin: 0 0 0 0;   
  padding: 0 0 0 0;
}

.mainNavi li {
  list-style-type: none;
  list-style: none;
  cursor: pointer;
  width: 168px; 
  height: 42px;
  float: left;
}

.mainNaviButton {
  width: 168px; 
  height: 42px; 
}

.mainNavi .mainElektro { background-image:url(../pics/buttonElektro.png); }
.mainNavi .mainElektro_over { background-image:url(../pics/buttonElektro_over.png); }
.mainNavi .mainKuechen { background-image:url(../pics/buttonKuechen.png); }
.mainNavi .mainKuechen_over { background-image:url(../pics/buttonKuechen_over.png); }
.mainNavi .mainFahrraeder { background-image:url(../pics/buttonFahrraeder.png); }
.mainNavi .mainFahrraeder_over { background-image:url(../pics/buttonFahrraeder_over.png); }
.mainNavi .mainOefen { background-image:url(../pics/buttonOefen.png); }
.mainNavi .mainOefen_over { background-image:url(../pics/buttonOefen_over.png); }

/* framework */
#startTable {
	width: 842px;
	border: 0px solid green;
}
#startLeft {
	background-image:url(../pics/startLeft.jpg); 
	width: 81px;
	height: 450px;
}

#startRight {
	background-image:url(../pics/startRight.jpg); 
	width: 81px;
	height: 450px;
}

#startTop {
	background-image:url(../pics/startTop.jpg); 
	width: 672px;
	height: 241px;
}

#startElektro {
	background-image:url(../pics/startElektro.jpg); 
	width: 168px;
	height: 167px;
}

#startKuechen {
	background-image:url(../pics/startKuechen.jpg); 
	width: 168px;
	height: 167px;
}

#startFahrraeder {
	background-image:url(../pics/startFahrraeder.jpg); 
	width: 168px;
	height: 167px;
}

#startOefen {
	background-image:url(../pics/startOefen.jpg); 
	width: 168px;
	height: 167px;
}

.startButton { 
	width: 168px;
	height: 167px;
}

.mainContent {
	width: 750px;
	height: 145px;
	padding-top: 0px;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-right: 30px;
	background-color: #fff;
	vertical-align: top;
}

.mainLeft {
	width: 12px;
	height: 22px;
	background-image:url(../pics/mainLeft.png);	
	vertical-align: top;
}

.mainLeftTop {
	width: 12px;
	height: 450px;
	background-image:url(../pics/mainLeftTop.png);
}

.mainRight {
	width: 12px;
	background-image:url(../pics/mainRight.png);
}

.mainBottom {
	width: 806px;
	height: 70px;
	vertical-align: top;
    padding-top: 20px;
	padding-left: 28px;
	background-image:url(../pics/mainBottom.png);
	background-repeat: no-repeat;
}

.bottom { color: #fff; font-size: 8pt; }
.bottom a:link      { color: #e1d26d; text-decoration: underline }
.bottom a:visited   { color: #eae1a2; text-decoration: underline }
.bottom a:hover     { color: #fff; text-decoration: none }
.bottom a:active    { color: #aaa; text-decoration: underline }

.mainBottomWithSide {
	width: 1000px;
	height: 30px;
    padding-top: 20px;
	padding-left: 28px;
	background-image:url(../pics/mainBottom.png);
	background-repeat: no-repeat;
}

.mainRightWithSide {
	width: 178px;
	vertical-align: top;
	background-image:url(../pics/mainRight.png);
	background-repeat: repeat-y;
}

.mainTop {
	width: 810px;
	height: 263px;
}

.mainTop_default { background-image:url(../pics/mainTopDefault.jpg); }
.mainTop_elektro { background-image:url(../pics/mainTopElektro.jpg); }
.mainTop_kuechen { background-image:url(../pics/mainTopKuechen.jpg); }
.mainTop_fahrraeder { background-image:url(../pics/mainTopFahrraeder.jpg); }
.mainTop_oefen { background-image:url(../pics/mainTopOefen.jpg); }

.mainNaviLeft {
	width: 69px;
	height: 42px;
	background-image:url(../pics/mainNaviLeft.png);
}

.mainNaviRight {
	width: 69px;
	height: 42px;
	background-image:url(../pics/mainNaviRight.png);
}

.sideNavi { 
	color: #fff; 
	font-size: 13pt;
	font-family: Georgia, Garamond, Times New Roman, times, serif;
}
.sideNavi a:link      { color: #fff; text-decoration: none }
.sideNavi a:visited   { color: #e3f6f7; text-decoration: none }
.sideNavi a:hover     { color: #08494f; text-decoration: none }
.sideNavi a:active    { color: #08494f; text-decoration: none }

.sideText {	
	width: 166px;
	padding-left: 12px;
	color: #145c6e; 
	font-size: 9pt;
	font-family: Arial, Helvetica, sans, sans-serif, Geneva; 
}

.sideText p {
	margin-top: 7px;
	margin-bottom: 7px;
}

.sideNaviItem {
	width: 166px;
	padding-left: 12px;
}

.sideNaviTop {
	width: 178px;
	height: 263px;
	background-image:url(../pics/sideNaviTop.jpg);	
	background-repeat: no-repeat;
}

.sideNaviMiddle {
	width: 178px;
	height: 42px;
	background-image:url(../pics/sideNaviMiddle.jpg);	
	background-repeat: no-repeat;
}

.sideNaviRight {
	position: absolute;
	width: 10px;
	height: 145px;
	z-index: 20;
	margin-left: 168px;
	background-image:url(../pics/sideNaviRight.png);
}

.sideNaviBg {
	width: 178px;
	background-image:url(../pics/sideNaviBg.png);
}

.sideNaviSep {
	width: 178px;
	height: 7px;
	background-image:url(../pics/sideNaviSep.png);
	font-size: 1px;
}

.sideNaviBottom {
	width: 178px;
	height: 25px;
	background-image:url(../pics/sideNaviBottom.png);
}

#overlay table, #overlay p { color: #000 }
#overlay h2 { color: #FF3333; }