﻿/* ===================
   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 #333;
	border-right: 1px solid #333;
	margin: 0px auto;
}

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

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

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

#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:#cc3387;
	padding:4px 8px 4px 8px;
	border-top:1px solid #cc3387;;
	border-right:1px solid #cc3387;;
	border-left:1px solid #cc3387;;
}

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

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

/* xxx line */
.line { 
	clear:both; 
	font-weight:bold;
	color:#333;
	background-color:#dbbc24;
	border:2px solid #dbbc24;
	padding:2px 20px 3px 20px;
	margin:0 2px;	       
}

.line p { margin-bottom:0; }

.lineblue { 
	clear:both; 
	font-weight:bold;
	color:#fff;
	background-color:#3399cc;
	border:2px solid #3399cc;
	padding:2px 20px 3px 20px;
	margin:0 2px;	       
}

.lineblue p { margin-bottom:0; }

.linered { 
	clear:both; 
	font-weight:bold;
	color:#fff;
	background-color:#cc3387;
	border:2px solid #cc3387;
	padding:2px 20px 3px 20px;
	margin:0 2px;	       
}

.linered p { margin-bottom:0; }

/* xxx content */
div.content h1 {  
	color:#3399cc;    
	padding:20px 20px 0 20px;       
}

div.content h2 { 
	color:#3399cc;      
	padding:20px 20px 0 20px;       
}

div.content p {    
	padding:0 20px;          
}

div.contentlr {
	overflow:hidden;
}

div.contentleft { 
	float:left;
	width:480px;
}

div.contentleft h2 { 
	color:#3399cc;      
	padding:20px 20px 0 20px;       
}

div.contentleft p {    
	padding:0 20px;          
}

div.contentright { 
	float:right;
	width:280px;
}

div.contentright p {    
	padding:0 20px;         
}

/* xxx tipps */
.tipps h2 {    
	color:#3399cc;   
	padding:20px 20px 0 20px;       
}

.tipps p {    
	padding:0 20px;          
}

.tipps ul {
	padding:0 0 20px 54px;
	margin:0;
}

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

/* xxx sexcam */
#sexcam {
	padding:0 0 0 8px;	
	margin:0;
}

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

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