body,table { color: #660000; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; background-color: #cc9966; text-align: "justify"; background-image: url(images/back8.gif); }
a:link { color: #660000 ; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; }
a:visited { color: #660000; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; }
a:hover { color: #660000; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; background-color: white; text-decoration: none; }
a:active { color: #660000; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; background-color: white; text-decoration: none; }

.smooth a:link { color: #660000; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
.smooth a:visited { color: #660000; font-size: 14px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }
.smooth a:hover { color: #660000; font-size: 14px; font-family: Helvetica, Arial, sans-serif; background-color: white; text-decoration: none; }
.smooth a:active { color: #660000; font-size: 14px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }

h1 { color: #660000; font-size: 22px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; text-decoration: underline; text-align: center; }
h2 { color: #660000; font-size: 18px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: normal; font-weight: normal; }
h3 { color: #ff0033; font-size: 18px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: normal; font-weight: normal; }


/* ----------container zentriert das layout-------------- */
#container { width: 1000px; margin-left: auto; margin-right: auto; } 

/* ----------header-------------- */
#overheader { background-image: url(images/wurstkettelang.png); background-repeat: repeat-x; margin-bottom: 5px; height: 25px; width: 800px;margin-left: auto; margin-right: auto; }
#header { margin-bottom: 10px;width:1000px; height:auto; margin-left: auto; margin-right: auto; }

/* -----------------Inhalt--------------------- */ 
#badge { position: fixed; top: 0; left: 50px; width: auto; height:auto; }
#content { width: 800px; height: auto;margin-left: auto; margin-right: auto;  }
#text { width:768px; background-color: #ffcc99; height:auto; padding: 10px; border: double 6px #660000;  margin-bottom: 10px; text-align: "justify"; }
.pictext { height:300px; width:250px; float:right;margin-left:10px;border: solid 2px #660000;  }

#ecard-container { /*height: 320px;*/ height: auto; }
#skala { width:220px; height: auto; float:left; margin-right: 10px; margin-bottom: 10px; background-color: #cccccc; padding: 10px; border: double 6px #660000; text-align;: "justify"; text: "block"; }
.salamipic { height:auto; width:auto; border: 2pt #660000; }
#sendung { width:506px; /*height:auto;*/ height: auto; float:left; /*margin-left: 210px;*/ background-color: #cccccc; padding: 10px; margin-bottom: 10px; border: double 6px #660000; }
#sendung .msg { font-weight: bold; }
#ecard ul { list-style: none; /*height: 100px;*/ }
#ecard ul li {/*float: left;*/ padding: 0.1em 0; }
#ecard .image-container div { float: left; text-align: center; margin: 0.5em; }
#ecard label {
	float: left;
	width: 10em;
	margin-right: 0.5em;
	vertical-align: middle;
}
#ecard input { vertical-align: middle; }
#ecard input[type=text],
#ecard textarea { width: 260px; }
#ecard input.missing { background-color: red; }

#brief { float:left; padding-bottom: 20px; background-color: #cccccc; height:100px; width:768px; height:auto; padding: 10px; margin-bottom: 10px; border: double 6px #660000; text-align: "justify"; }
#videos { float:left; padding-bottom: 20px; background-color: #ffcc99; height:100px; width:780px; height:auto; padding: 10px; margin-bottom: 10px; border: double 6px #660000; }
#kontakt { width:auto; height:200px; float:left; margin-right: 10px; margin-bottom: 10px; background-color: #ffcc99; padding: 10px; padding-bottom: 15px; border: double 6px #660000; }

#kontaktbox { width:auto; height:auto; float:left; margin-right: 10px; margin-bottom: 10px; padding: 10px; background-color: #cccccc; border: double 6px #660000; text-align: center; }

.picpersonal { height:auto; width:auto; float:left;border: solid 2px #660000; }
.personal { height:auto; width:auto; float:left; margin-top: 14px; padding:5px; margin-left:5px; border-left: 2px solid #660000; }
.ecard { height:auto; width:auto; float:left; border: double 6px #660000; padding:10px; }

/* ----------------footer---------------------- */ 
#footer { clear:left; background-image: url(images/wurstkettelang.png); background-repeat: repeat-x; margin-top: 10px; padding-bottom: 10px; height:25px; } 
#footer1 { clear:left; background-color: #ffcc99; margin-top: 10px; padding: 10px; height:25px; text-align: center; border: double 6px #660000; } 
#footerbadge { position: fixed; bottom: 0; right: 25px; width: auto; height:auto; }

.count { font-weight: bold; }
ol.ecards li div { display: inline-block; width: 20em; }
table.ecards { background: white; }