*{
    margin:0; padding:0;
}
img{
    border:none;
}
body{
    font-size:90%;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	text-align: center;
	background-color: Black;
	color: white;
}
h1{
	font-size: 1.3em;
}
h2{
	font-size: 1.2em;
}
h3{
	font-size: 1.1em;
}

h4{
	font-size: 1.0em;
}


a{
	text-decoration: none;
	display:block;
	color:silver;
}
ul, li{
	padding-left:0.25em;
	}

ul{
	margin-left:1em;
	}
hr{
    margin:0.25em auto 0.5em auto;
    border:none;
    background-color:silver;
	 height: 1px;

}
table{
    width:95%;
}
#main{
    margin: 0 auto;
    text-align:left; 
    width:90%;
}

#head{
    margin-top:1em;
    width:100%;
    background-image: url(http://www.historische-zelte.de/img/logo_background.jpg);
	 background-position: right;
    background-repeat: repeat-x;
	 height: 80px;
    border-bottom:1px solid silver;
}
#content{
	width: 77%;
	float: left;
	padding:1em 0 1em 0;
	text-align:left;
}

#menu{
	width: 18%;
	border-left:1px solid silver;
	float: right;
	padding: 1em 0 0 1em;
	font-size: 90%;
	text-align:left;
}
#menu a{
	margin-left: 1.5em;
    padding-left:0.5em;
}

#menu a:hover{
	text-decoration:none;
    color:black;
    width:80%;
    background-color:silver;
}


#menu h3 a{
	margin-left: 0.5em;
	margin-bottom:0.15em;
}

.cl{
	clear: both;
	}
.welcome{
	float:left;
	width: 45%;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin:0;
	padding:0.75em;
}
.img{
	float:left;
	width: 46%;
	margin-left:1.5em;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	padding:0.5em;
}
.img h3{
    margin-top:0.75em;
    margin-bottom:0.5em;
}
.sub{
	display: block;
	border-bottom: 3px groove white;
	margin-bottom: 1em;
	padding-bottom:0.5em;
	
}
.typ{
    width:45%;
    float:left;
    border:1px solid silver;
    font-size:0.9em;
    height:235px;    
    padding:1em;
    margin-right:0.5em;
    margin-bottom:0.5em;
}
.typ img{
    display:inline;
    float:left;
    padding-left:0.5em;
}
.typ p{
    padding-left:0.5em;
}
.typ a{
    border-bottom:1px solid silver;
    border-left:1px solid silver;
    float:right;
    width:6em;
}
.typ a:hover{
    color:black;
    background-color:silver;
}
.typen{
    width:31%;
    float:left;
    border:1px solid silver;
    font-size:0.9em;
    padding:0.5em;
    margin-right:0.5em;
    margin-bottom:0.5em;
    font-size:0.8em;
}

.zelt{
    width:95%;
    padding:1em;
}
.zelt img{
    float:left;
    margin-right:0.5em;
    margin-bottom:0.25em;
}
.zelt,.artikel form{
    width:99%;
    border-bottom:1px solid silver;

}
.zelt form table{
    width:98%
}
.zelt form table td{
    border-bottom:1px solid silver;
}
.tda{
    width:11em;
}
.tdb{
    width:22em;
}
.tdc{
    width:5em;
}
.tdd{
    width:2em;
    text-align:center;
}
.tde{
    width:20px;
    text-align:center;
    
}

.artikel img,p{
    float:left;
    padding:0.5em;
}
.artikel ul,li{
    margin-left:1.5em;
}
.artikel table{
    float:left;
}
.inLink{
    float:left;
    margin-left:1.5em;
    font-weight:bold;
}
.inLink:hover{
    color:black;
    background-color:silver;
}
.miniLink{
    float:right;
    font-size:0.7em;
    border-bottom:1px solid silver;
    border-left:1px solid silver;
    font-weight:bold;
}
.liste{
    width:95%;
}
.liste td{
    border-bottom:1px solid silver;
}
.liste a{
    font-weight:bold; 
}
.liste a:hover{
    color:black;
    background-color:silver;
}
.Warnung{
    display:block;
    color:red;
    border:3px double red;
    background-color:white;
}
.link{
    width:97%;
    border-bottom:1px solid #C99E0E;
    float:left;
    margin-bottom:1em;
    font-size:0.8em;
}
.link p{
    margin:0.25em;
    float:left;

}
.link a{
    margin:0.5em 0.5em 0.5em 0.5em;
}
.link img{
        float:right;
}
.promo{
	width:95%;
	border:1px solid silver;
	text-align:left;
	font-size:0.9em;
	padding:0.5em;
}
.promo a{
	float:left;
        margin:0 0 0.25em 0.25em;
	font-size:0.8em;

}
.promo a:before{
	content:"[ ";
}
.promo a:after{
	content:" ]";
}