
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}    

a
{
  color:#00008B;
}

body {
  background-color:#F7F8E0;
  margin:0;
  padding:0;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
}

#header {
  width:750px;
  position:relative;
  margin: 0 auto;
  background-image: url('../img/des/header750.png');
  background-repeat:no-repeat;
}

#menu{
	width:748px;
	height:20px;
	text-align:left;
	margin:0 auto;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  background-color:#CECEF6;
}

	#menubar{
		width:748px;
		float:left;
		margin:0;
		padding:0;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	
	#menubar li{
		float:left;
		margin:0;
		padding:0;
		position:relative;
	}
	
	
#bereichBody {
  width:748px;
  text-align:center;
  margin:0 auto;
  padding:0;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  background-color:#CECEF6;
  border-top-style:none;
}
  
  #info{
    width:490px;
    margin-left:129px;
	  display:none;
	  margin-bottom:10px;
	}
  
  #contentLeft{
    width:355px;
    float:left;
    margin-left:10px;
  }
  
  #contentRight{
    width:355px;
    float:right;
    margin-right:10px;
  }
  
  #contentMiddle{
    width:728px;
    float:left;
    margin-left:10px;
  }
  
  .contentMiddle{
    width:728px;
    float:left;
    margin-left:10px;
  }
  
  #contentMiddleHalf{
    width:490px;
    float:left;
    margin-left:129px;;
  }
    
    .choiceTable{
      padding:0px;
      margin:0 auto;
      text-align:left;
      cursor:pointer;
      border-style:dotted;
      border-width:1px;
    }
    
    .cloud{
      width:50%;
      height:30px;
      border-style:solid;
      background-image:url('../img/des/cloudl.png');
      background-repeat:no-repeat;
      background-color:#A9A9F5;
      margin:0 auto;
      text-align:left;
    }
      
      .cloudLeft{
        width:15px;
        height:30px;
        background-image:url('../img/des/cloudle.png');
        background-repeat:no-repeat;
      }
      
      .cloudRight{
        height:30px;
        text-align:right;
        background-image:url('../img/des/cloudr.png');
        background-position:right top;
        background-repeat:no-repeat;
      }
      
      .cloud h1{
        font-size:11px;
        position:relative;
        float:left;
        margin:0;
        padding:0;
        
      }
    
    .boxTop{
      color:#000000;
      background-color:#A9A9F5;
      background-image:url('../img/des/menu/ecke_left.png');
      background-repeat:no-repeat;
      height:22px;
      line-height:22px;
      padding-left:22px;
      text-align:left;
      margin:0 auto;
    }
    
    .boxRight{
      background-image:url('../img/des/menu/ecke_right.png');
      background-position:right top;
      background-repeat:no-repeat;
      height:22px;
      text-align:right;
      padding-right:12px;
    }
    
    .boxTop h1{
      font-size:12px;
      position:relative;
      float:left;
      margin:0;
      padding:0;
    }
    
    .boxTop h3{
      font-size:11px;
      position:relative;
      float:left;
      margin:0;
      padding:0;
      padding-left:60px;
    }
    
    .boxTop h4{
      position:relative;
      font-size:11px;
      float:right;
      margin:0;
      line-height:20px;
      height:20px;
      padding:0;
      padding-right:20px;
    }
    
    .boxTop h2{
      position:relative;
      font-size:11px;
      float:right;
      line-height:20px;
      margin:0;
      padding:0;
      padding-right:20px;
    }
    
    .boxDown{
      color:#000000;
      border-style:solid;
      border-width:1px;
      border-color:#A9A9F5;
      padding-left:5px;
      padding-right:5px;
      text-align:left;
      margin:0 auto;
    }
    
    .boxDownCenter{
      color:#000000;
      border-style:solid;
      border-width:1px;
      border-color:#A9A9F5;
      padding-left:5px;
      padding-right:5px;
      text-align:center;
      margin:0 auto;
    }

.shoutBox {
  width:748px;
  text-align:left;
  margin:0 auto;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  background-color:#CECEF6;
  border-top-style:none;
}

  .shoutBox h1{
    float:right;
    height:40px;
    line-height:20px;
    font-size:11px;
    position:relative;
    float:left;
    margin:0;
    margin-top:4px;
    margin-left:7px;
    padding:0;
    font-weight:normal;
  }
  
  #shoutNickname{
    width:90px;
    height:12px;
    font-size:9px;
    font-weight:bold;
  }
  
  #shoutNachricht{
    width:150px;
    height:12px;
    font-size:9px;
    font-weight:bold;
  }
  
  #shoutPasswort{
    width:70px;
    height:12px;
    font-size:9px;
    font-weight:bold;
  }
  
  #shouts{
    width:95%;
    float:left;
    margin-left:10px;
  }
  
  #buttonSend{
    height:19px;
    font-weight:bold;
    font-size:10px;
  }
  
  .rig {
      height:20px;
      text-align:right;
      line-height:20px;
      padding-right:12px;
    }

.bold{
  font-weight:bold;
}

.noscri{
  width:100%;
  color:#FF0000;
  text-align:center;
  font-weight:bold;
}
.pfeil{
  width:12px;
  height:20px;
  border:none;
}

.frage{
  width:10px;
  height:20px;
  border:none;
  cursor:pointer;
}

.fragen{
  width:10px;
  height:10px;
  border:none;
  cursor:pointer;
}

.quad{
    display:inline;
    border-style:solid;
    border-width:1px;
    text-align:center;
    vertical-align:top;
    width:15px;
    height:12px;
}

.shop{
  font-size:10px;
  vertical-align:top;
  text-align:left;
  padding-left:5px;
}

.werb{
	font-size:13px;
}

.output{
  font-weight:bold;
  font-size:11px;
}

.pageWe{
  font-weight:bold;
  font-size:12px;
}
.pageNo{
  font-size:11px;
  background-color:#CECEF6;
  vertical-align:top;
  text-align:left;
  padding-left:5px;
}

.trAnz{
  background-color:#CECEF6;
  border-color:#000000;
  border-style:solid;
  border-width:1px;
}

.table2{
  border-color:#000000;
  padding:0px;
  border-style:solid;
  border-width:1px;
  float:left;
  text-align:left;
  border-collapse:collapse;
  border-spacing:1px;
  background-color:#A9A9F5;
  margin-left:8px;
}

.inputStyle{
  height:16px;
  font-weight:bold;
  font-size:11px;
  border-style:solid;
  border-color:#A9A9F5;
}

.handelZeile{
  width:100%;
  height:30px;
  border-color:#8D8D8D;
  border-width:1px;
  text-align:center;
}

.handelZelle{
  height:30px;
  padding-top:2px;
  vertical-align:middle;
  text-align:center;
  border-width:1px;
  float:left;
  border-color:#8D8D8D;
  border-style:solid;
}

.searchRow{
  float:left;
  text-align:left;
  margin-left:80px;
}

.shoutiRow{
  width:114px;
  float:left;
  text-align:left;
  margin-left:5px;
  margin-top:4px;
  margin-bottom:4px;
}

.searchRowRight{
  float:left;
  text-align:left;
}

.shoutRow{
  border-style:solid;
  border-width:1px;
  border-color:#8D8D8D;
}

.quellcode{
  overflow : hidden; 
  background-color: whitesmoke;
  border : 1px dotted #A9A9F5;
  font-size:11px;
  
}

.footer {
  width:748px;
  height:20px;
  line-height:15px;
  text-align:center;
  margin:0 auto;
  padding:0;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  background-color:#A9A9F5;
  border-top-style:none;
  vertical-align:middle;
}

#timeOut{
  width:748px;
  font-size:10px;
  margin:auto;
  text-align:center;
}


.He
{
 border-color:#000000;
 border-style:solid;
 border-width:1px;
 font-weight:bold;
 text-align:center;
 font-size:13px;
 vertical-align:top;
 background-color:#CECEF6;
 font-weight:bold;
 font-family: 'courier new', 'lucida console';
}

.no{
 border-color:#000000;
 border-style:solid;
 border-width:1px;
 font-size:11px;
 text-align:right;
 background-color:#CECEF6;
 font-weight:normal;
 font-family: 'courier new', 'lucida console';
}

.no1{
 border-color:#000000;
 border-style:solid;
 border-width:1px;
 font-size:11px;
 text-align:left;
 background-color:#CECEF6;
 font-weight:normal;
 font-family: 'courier new', 'lucida console';
}
