/* hochzeits-einladung.de CSS Layer */
/* Erstellt von: Michael Rohde/02.12.2003 */

/* Allgemeiner Seitenlayer */

#top_bg {
  position:absolute;
  width:750px;
  height:122px;
  z-index:1;
  left: 0px;
  top: 0px;
  text-align: center;
}
#redbox {
  position:absolute;
  width:113px;
  height:82px;
  z-index:1;
  left: 0px;
  top: 0px;
  text-align: left;
  background-color:#FD8504;
}


#title1 {
  position:absolute;
  width:790px;
  height:82px;
  z-index:1;
  left: 114px;
  top: 0px;
  text-align: right;
  background-color:#9090DD;
}


#schriftzug {
  position: absolute;
  width: 400px;
  height: 42px;
  z-index: 3;
  left: 500px;
  top: 44px;
  text-align: right;
}


#gb {
  position:absolute;
  width:290px;
  height:70px;
  z-index:3;
  left: 120px;
  top: 10px;
  text-align: right;
}

#karten {
  position: absolute;
  width: 71px;
  height: 250px;
  z-index: 3;
  left: 832px;
  top: 22px;
  text-align: right;
}


#paar {
  position:absolute;
  width:203px;
  height:82px;
  z-index:1;
  left: 620px;
  top: 0px;
  text-align: right;
}

#eckarten {
  position:absolute;
  width:203px;
  height:82px;
  z-index:1;
  left: 698px;
  top: 90px;
  text-align: right;
}


#balken {
  position:absolute;
  width:790;
  height:20px;
  z-index:0;
  left: 114px;
  top: 84px;
  text-align: left;
  background-color:#FD8504;
}

#balkentext {
  position:absolute;
  width:80%;
  height:20px;
  z-index:3;
  left: 114px;
  top: 88px;
  text-align: left;
}

#hinweis {
  position:absolute;
  width:187px;
  height:86px;
  z-index:6;
  left: 20px;
  top: 120px;
  text-align: right;
}



#blueballon {
  position:absolute;
  width:113px;
  height:400px;
  z-index:6;
  left: 20px;
  top: 220px;
  text-align: right;
}

#menu {
  position:absolute;
  width:113px;
  height:400px;
  z-index:7;
  left: 58px;
  top: 250px;
  text-align: right;
}


#menu2 {
  position:absolute;
  width:113px;
  height:400px;
  z-index:7;
  left: -5px;
  top: 500px;
  text-align: right;

}

#werbung {
  position:absolute;
  width:150px;
  height:400px;
  z-index:7;
  left: -15px;
  top: 680px;
  text-align: right;

}

#menubg1 {
  position:absolute;
  width:113px;
  height:600px;
  z-index:1;
  left: 0px;
  top: 84px;
  text-align: right;
  background-color:#9090DD;
}


#main {
  position:absolute;
  width:90%;
  height:578px;
  z-index: 1;
  left: 0px;
  top: 84px;
  text-align: left;

}



/* Allgemeingültige Styles für die Html Tags */
body { 
  background: #FFFFFF;
  font-size: 12px;
  font-family: Verdana,Verdana,Helvetica,sans-serif;
  font-weight: normal;
  font-style: normal;

}

.small {
font-family: Verdana,Verdana,Helvetica,sans-serif;
font-weight: bold;
font-style: normal;
font-size : 10px;
color: #000000;

}

.small2 {
font-family: Verdana,Verdana,Helvetica,sans-serif;
font-weight: bold;
font-style: normal;
font-size : 12px;
color: #000000;

}


.blacklink {
font-family: Verdana,Verdana,Helvetica,sans-serif;
font-weight: bold;
font-style: underline;
font-size : 12px;
color: #000000;

}

.verysmall2 {
font-family: Verdana,Verdana,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
font-size : 8px;
color: #FFFFFF;
text-align: center;
}



.font2 {
font-family: Verdana,Verdana,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
font-size : 12px;
color: #6B6BF5;

}


td { 
  font-size: 12px;
  font-family: Verdana;
  text-align: left;
}
td.menu_top { 
  text-align: center;
  background: #99c0db;
}

td.article_head {
  font-size: 12px;
  background: #B2B2FA;
  font-family: Verdana;
  text-align: center;  
}

td.article_head2 {
  font-size: 12px;
  background: #B2B2FA;
  font-family: Verdana;
  text-align: left;  
}



td.article_content { 
  background: #E1E1FD;
  text-align: left;
}

article_content { 
  background: #cbdbe6;
}

A:link { 
  color: #FD8504 ; 
  text-decoration : none; 
  font-family: Verdana; 
  font-size: 10pt ;
}

A:visited { 
  color: #FD8504; 
  text-decoration : none; 
  font-family: Verdana; 
  font-size: 10pt ;
}

A:hover { 
  color: #000000; 
  text-decoration : none; 
  font-family: Verdana; 
  font-size: 10pt;
}

A:active { 
  color: #FD8504;	
  text-decoration : none; 
  font-family: Verdana; 
  font-size: 10pt ;

}

A.klein:link { 
  color: #FADB02 ; 
  text-decoration : none; 
  font-family: Verdana; 
  font-size: 10pt ;
}

A.klein:visited { 
  color: #FADB02; 
  text-decoration : none; 
  font-family: Verdana; 
  font-size: 10pt ;
}

A.klein:hover { 
  color: #FFFFFF; 
  text-decoration : none; 
  font-family: Verdana; 
  font-size: 10pt;
}

A.klein:active { 
  color: #FADB02;	
  text-decoration : none; 
  font-family: Verdana; 
  font-size: 10pt ;

}


A.front:link { color: #000000; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;}
A.front:visited {color: #000000; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;}
A.front:hover { color: #000000; text-decoration : underline; font-family: Verdana; font-size: 12; font-weight: bold;}
A.front:active {color: #000000; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;}


A.black:link { color: #FFFFFF; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;}
A.black:visited {color: #FFFFFF; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;}
A.black:hover { color: #FFFFFF; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;}
A.black:active {color: #FFFFFF; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;}

A.black2:link { 
  color: #000000; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;
}

A.black2:visited { 
  color: #000000; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;
}

A.black2:hover { 
  color: #000000; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;
}

A.black2:active { 
  color: #000000; text-decoration : none; font-family: Verdana; font-size: 12; font-weight: bold;

}


.bigblack {
  font-family:Verdana; 
  color:#000000; 
  font-size: 20px;
  font-weight: bold;
}


.menge {
  font-family:Verdana; 
  color:#000000; 
  background-color:#FFFFFF; 
  border-style:normal; 
  width:30px;
}

form input {
  font-family:Verdana; 
  color:#000000; 
  background-color:#FFFFFF; 
  border-style:normal; 
}

form option {
  font-family:Verdana; 
  color:#000000;
  background-color:#FFFFFF; 
  border-color:#000000; 
  border-style:ridge; 
}

form textarea {
  font-family:Verdana; 
  color:#000000;
  background-color:#FFFFFF; 
  border-color:#000000; 
  border-style:ridge; 
}


.banner {
  font-family:Verdana; 
  color:#000000;
  background-color:#FFFFFF; 
  border-color:#000000; 
  border-style:ridge; 
  height: 100px;
  width: 400px;
}


textarea {
  font-family:Verdana; 
  color:#000000;
  background-color:#FFFFFF; 
  border-color:#000000; 
  border-style:ridge; 
  height: 200px;
  width: 500px;
}

.textarea2 {
  font-family:Verdana; 
  color:#000000;
  background-color:#FFFFFF; 
  border-color:#000000; 
  border-style:ridge; 
  height: 100px;
  width: 400px;
}

.input2 {
  font-family:Verdana; 
  color:#000000;
  background-color:#FFFFFF; 
  border-color:#000000; 
  border-style:ridge; 
  width:300px;
}

.tableblack {
    border-style: solid;
    border-color: #FD8504;
    border-width: 1px;

}

.tableblue {
    border-style: solid;
    border-color: #9090DD;
    border-width: 1px;

}


.input3 {
  font-family:Verdana; 
  color:#000000;
  background-color:#FFFFFF; 
  border-color:#000000; 
  border-style:ridge; 

}



select { 
  background: #6B6BF5;
  font-size: 12px;
  text-align: center;
  font-family: Verdana;
}