/* ===================
   main.css 070523
   =================== */

/* ===================
   1. All
   =================== */
/* 1a. */
* { padding:0; margin:0; }
h1, h2, p, ul, ol { margin-bottom:1em; }  
ul { margin-bottom:0; } 
li { margin-right:1em; } 

/* 1b. all */
html { height: 101%; }
body {
        color:#000;
        background-color:#c0c0c0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:small;
}

img { border:0; }

h1 { font-size:150%; }

h2 { font-size:120%; }

/* 1c. links all */
a { 
	text-decoration:none;
	outline:none;} 
a:link { color:#000; }
a:visited { color:#000; }
a:hover, a:focus { 
	text-decoration:underline;
}
a:active { color:#000; }

/* ===================
2. Content
   =================== */
/* 2a. */
#wrapper {
	color: #000;
	background-color: #fff;
	width: 780px;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	margin: 0px auto;
}

/* 2b. */
#mdh { text-align:center; }

/* 2b. head */
#head h1 { 
	text-align:right;     
        padding:20px 20px 0 20px;       
}

#head p { 
	text-align:right;      
        padding:0 20px;          
}

/* 2b.1. navi */
#navi { 
	text-align:left;
	color:#000;
        padding:5px 20px 4px 20px;
        margin:0 2px;
        border-bottom:2px solid #ab0000;
}

#navi ul { margin-bottom:0; }

#navi li {
        display:inline;
        list-style-type:none;
        list-style-position:inside;
        margin:0;
}

#navi a {
	font-weight:bold;
        color:#fff;
        background-color:#ab0000;
        padding:4px 8px 4px 8px;
        border-top:1px solid #ab0000;
        border-right:1px solid #ab0000;
        border-left:1px solid #ab0000;
}

#navi a:hover,
#navi a:focus { 
        color:#ab0000;
        background-color:#fff;
        text-decoration:none;
}

#navi a:active { 
        color:#ab0000;
        background-color:#fff;
}

/* 2c. promo + navi */
#mdh1 { 
	float:left;
	width:584px;
	padding:5px 0 5px 9px; 
}

* html #mdh1 { width:578px; }

#plz { 
        float:right;
        width:174px; 
        color:#fff;
        background-color:#ab0000;
        padding:0px 1px 1px 1px;       
        margin:0 2px 0 0;
} 

* html #plz { margin:0 1px 0 0; }

#plz ul { margin:0; }

#plz li {
        list-style-type:none; 
        margin:0;    
}

#plz a {
	display:block;
	font-weight: bold;
	font-size:x-small;
	line-height:100%;
	color: #fff;
	background-color:#ab0000;
	border:1px solid #ab0000;
	padding:3px;	 
	margin:0; 
}

* html #plz a { height:1%; }

#plz a:hover,
#plz a:focus { 
        color:#ab0000;
        background-color:#fff;
        border:1px solid #fff;
        text-decoration:none;
}

#plz a:active { 
        color:#ab0000;
        background-color:#fff;
        border:1px solid #fff;
}

#mdh3 { 
	padding:5px 0 5px 9px; 
}

#mdh12 { 
	padding:5px 0 5px 9px; 
}

/* 2d. */
#desc, #desc1, #desc2, #desc3 { 
	clear:both; 
	font-weight:bold;
        color:#fff;
        background-color:#ab0000;
        border:1px solid #ab0000;
        padding:2px 20px 3px 20px;
        margin:0 2px;	       
}

#desc p, #desc1 p, #desc2 p, #desc3 p { margin-bottom:0; }

/* 2e. rss */
#rss h2 {      
        padding:20px 20px 0 20px;       
}

#rss p {    
        padding:0 20px;          
}

#rss ul {
        padding:0 0 20px 54px;
        margin:0;
}

#rss li {
	list-style-image: url(../images/rss.gif);
	padding:0 0 0 10px;
	margin:0;
}

/* 2f. content */
#content h2 {      
        padding:20px 20px 0 20px;       
}

#content p {    
        padding:0 20px;          
}

/* 2g. tipps */
#tipps1 h2 {      
        padding:20px 20px 0 20px;       
}

#tipps1 { 
	float:left;
	width:584px;
	
}

* html #tipps1 { width:578px; }

#tipps2 { 
        float:right;
        width:174px; 
} 

#tipps1 p {
	line-height:125%;
	padding: 30px 20px 10px 20px;
}

#tipps2 img { 
       text-align:left;
       padding:20px;
}

/* 2h. footer */
#footer {
	clear:both; 
        padding:20px;
        margin:0 2px;
        border-top:1px solid #ab0000;
}

.imp { 
       text-align:center;
       font-size:80%;
       letter-spacing:2px;
}