/*   Mailerziehung-BDSM.de  */


/* ####  global  #### */


body {
	background: url(bilder/nav/background.jpg) repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #181818;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	overflow: inherit;
	color: white;
}

td,th, p, li
{ color: white; }

li {padding-bottom: 5px; list-style-type: none; margin-left: -40px;}

h1 { margin: 0; padding-bottom: 10px; letter-spacing: -1px; font-size: 20px;}
h2 { padding: 10px 0 20px; letter-spacing: -1px; font-size: 18px; }
h3 { font-size: 16px; }
h5 { font-weight: bold; font-size: 13px; line-height: normal; }



/* ####  layout  #### */

.header {
/*	height: 166px; */
	height: 231px;
	width: 800px;
	background: url(bilder/nav/bg-header.jpg) no-repeat;
	background-color: #040507;
}
.room {
	background: #333333;
	border: 1px outset #333333;
	overflow: auto;
}

.hinweis  { padding:4px; line-height: 1.9; }

.mainheader {
	float: right;
	width: 575px;
	padding: 10px;
	border: 1px outset #333333;
	background: url(bilder/nav/bg-content_top3.jpg); background-repeat: no-repeat;
	text-align:left; 
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #990000; 
}
.maincontainer {
	float: left;
	width: 615px;
	padding-top: 5%;
	text-align:left; 
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #777777; 
	}
.maincontent {
	float: right;
	width: 565px;
	padding: 10px;
	margin-left: 1px;
	margin-right: 5px;
	border: 1px outset #333333;
	background: #444444;	
	margin-bottom: 40px;	
	background-image: url(bilder/div-background.jpg);
	background-position:0% 100%;   	
	background-repeat: no-repeat;
	clear: both;
}

/* ####  content  #### */

.maintext {
	text-align:left; 
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: white; 
	text-align: justify;
}	
.darkbigtext {
font-size: 20px;
color: #333333;
text-decoration:: none;
}
.footline {
	float: right;
	width: 780px;
	padding: 3px;
	text-align: right; 
	font-size: 10px;	
	font-type: Geneva, Arial, Helvetica, sans-serif;
	color: white;
}
.footer {
	float: left;
	width: 770px;
	text-align: center; 
	font: 10px; Geneva, Arial, Helvetica, sans-serif;
	color: white;
	margin-top: 20px;
	margin-bottom: 15px;
}


/* #### 0900-Rufnummern #### */
.rufnummer { color: #990000; font-size: 18px; font-weight: bold;  font-family: Tahoma, Verdana; padding-top: -15px; }
.preisauszeichnung { font-size: 10px; color: white;  }


/* ####  Premium-SMS #### */
.smskey { color: #990000; font-size: 16px; }
.preisauszeichnungsms { font-size: 9px; color: white; }


/* ####  Navi & Links  #### */

.navi {
	float: left;
	width: 160px;
	margin-top: 40px;
}

/*
.headnav {
	margin-left: 20px;
	color:black; 
	width: 245px; 
	background: url(bilder/nav/nav-button-bg.jpg) repeat-x; 
	text-decoration: none;
	list-style: none;

}
*/


a.headnav:link {color:black; width: 145px; margin-right: 2px; background: url(bilder/nav/nav-button-bg.jpg) repeat-x; }
a.headnav:visited {color:black; width: 145px; margin-right: 2px; background: url(bilder/nav/nav-button-bg.jpg) repeat-x;
}
a.headnav:hover {color:#990000; width: 145px; background: url(bilder/nav/nav-button-bg.jpg) repeat-x; text-decoration: none;
}
a.headnav:active {background: url(bilder/nav/nav-button-bg.jpg) repeat-x; color:black; text-decoration: none; }
a.headnav { 
width:60; 
font: 12px Verdana, Arial, Helvetica, sans-serif;
background: url(bilder/nav/nav-button-bg.jpg) repeat-x;
color: black; 
padding:3px; 
text-decoration:none; 
border-right: 1px outset #333333;
border-left: 1px outset #333333;
border-bottom: 1px outset #333333; 
background: #444444;
}



.navi-abstand { padding-bottom: 10px;; }

a.menu:link    { color:black; width: 145px; margin-right: 2px;  
				background: url(bilder/nav/nav-button-bg.jpg) repeat-x; text-decoration: none;}
a.menu:visited { color:black; width: 145px; margin-right: 2px; 
				background: url(bilder/nav/nav-button-bg.jpg) repeat-x; text-decoration: none; }
a.menu:hover   { color:#990000; width: 147px; margin-right: -1px; 
				border-right: 1px outset #333333;
				border-bottom: 1px outset #666666;
				padding-left: 5px;
				background: url(bilder/nav/nav-button-bg.jpg) repeat-x;
				text-decoration: none;}
a.menu:active  { background: url(bilder/nav/nav-button-bg.jpg) repeat-x; color:black; 
				margin-right: -2px; pading-left: 2px;
				 text-decoration: none; }
a.menu { 
			text-align:left; 
			width:60; 
			font: 12px Verdana, Arial, Helvetica, sans-serif;
			background: url(bilder/nav/nav-button-bg.jpg) repeat-x; 
			color: black; 
			display:block; 
			padding:2px; 
			padding-left: 5px;
			text-decoration:none; 
			border-right: 1px outset #333333;
			border-bottom: 1px outset #333333; 
}
			
			
/* klasses für hervorgehobenen aktiven link */
a.aktuell { color:#990000; width: 147px; margin-right: -1px; 
			font: 13px Verdana, Arial, Helvetica, sans-serif;
				border-right: 1px outset #333333;
				border-bottom: 1px outset #666666;
				display: block;
			    padding:1px; 				
				padding-left: 5px;
				background: url(bilder/nav/nav-button-bg.jpg) repeat-x;
				text-decoration: none;}

.navhead { 
text-align:left; 
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: black; 
padding:2px; 
padding-left: 5px;
}

a {font-family: Geneva, Arial, Helvetica, sans-serif; color: #990000; }
a:link { text-decoration: none; color: #990000; }
a:visited { text-decoration: none;	color: #990000; }
a:hover { text-decoration: underline; color: #990000; }
a:active { text-decoration: none; color: #990000; }


a.dark {font-family: Geneva, Arial, Helvetica, sans-serif; background-color: #2A2A2A; color: white; }
a.dark:link { text-decoration: none; background-color: #2A2A2A; color: white; padding-left: 3px; padding-right: 3px;}
a.dark:visited { text-decoration: none;	color: white; padding-left: 3px; padding-right: 3px;}
a.dark:hover { text-decoration: none; background-color: #2A2A2A; padding: 3px; color: grey; }
a.dark:active { text-decoration: none; background-color: #2A2A2A; color: white; padding-left: 3px; padding-right: 3px;}

/*
a.dark {font-family: Geneva, Arial, Helvetica, sans-serif; color: #999999; }
a.dark:link { text-decoration: underline; }
a.dark:visited { text-decoration: underline;	color: #999999; }
a.dark:hover { text-decoration: none; color: #999999; }
a.dark:active { text-decoration: underline; color: #999999; }*/

a.headline { font-size: 14px; font-weight: bold;  font-family: Geneva, Arial, Helvetica, sans-serif; color: white;  margin-bottom: -7px;  }
a.headline:link { text-decoration: none; background-color: #2A2A2A; padding: 3px;}
a.headline:visited { text-decoration: none;	color: white;  background-color: #2A2A2A; padding: 3px;}
a.headline:hover { background-color: #2A2A2A; padding: 3px; color: #990000; }
a.headline:active { text-decoration: none; color: white; margin-bottom: -7px;  }

/*
a.headline { font-size: 14px; font-weight: bold;  font-family: Geneva, Arial, Helvetica, sans-serif; color: white;  margin-bottom: -7px;  }
a.headline:link { text-decoration: none; }
a.headline:visited { text-decoration: none;	color: white; }
a.headline:hover { background-color: #2A2A2A; padding: 3px; }
a.headline:active { text-decoration: none; color: #990000; margin-bottom: -7px;  }
*/


/* ####  Sonstiges  #### */

.miniwhite {font-size: 9px; color: white;}
.redhead {color: #990000; font-size: 16px;}
.thumbnail {float:left; margin-right: 10px; margin-bottom: 10px; border: 1px outset #333333; }
.rahmen { border: 1px outset #000000; }
.bestellbutton { float: right; padding-top: 15px; }

.Stil1 {font-weight: bold}
.Stil2 {font-weight: bold}