/* Css von BDSM Werkstatt
----------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}

html {
	overflow:scroll;
}

/* Grund Formatierung
----------------------------------------------------------------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#333333;
	color:#FFFFFF;
	font-size:12px;
}

h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px 0 7px 0;
}
h1 {
	font-size:24px;
} 
h2 {
	font-size:20px;
} 
h3 {
	font-size:17px;
	padding: 25px 0 3px 0;
} 
h4 {
	font-size:15px;	
}
p {
	padding: 1px 0 1px 0;
}

/* Layout der Seite
----------------------------------------------------------------*/
#wrapper {
	width:960px;
	margin:10px auto;
	border:#000000 solid 2px;	
}

#header {
	text-align:left;
	width:100%;
}

#navi {
	width:100%;
	text-align:left;
	background-color:#000000;
}

#sidebar {
	float:left;
	width:160px;
}

#content {
	float:left;
	width:770px;
	padding:15px 10px 10px 20px;
	font-size:13px;
	background-color: #373737;
}

#footer {
	clear:both;
	width:100%;
	font-size:10px;
	text-align:center;
	border-top:#000 solid 1px;
}

/* Hauptnavigation 
----------------------------------------------------------------*/
/*

#navi a:link img,
#navi a:visited img,
#navi a:hover img,
#navi a:active img {
	color:#FF9C00;
	font-size:15px;
	text-decoration:none;
	font-weight:600;
	text-transform:lowercase;
	border:none;

}

#navi a:hover {
	color:#FF0000;
}

.navitext {
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform:lowercase;
	margin:0 20px 0 20px;
}

/* Sidebarnavigation 
----------------------------------------------------------------*/
#sidebar a:link,
#sidebar a:visited,
#sidebar a:hover,
#sidebar a:active {
	display:block;
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
	border-bottom:#FFF solid 1px;
	padding:2px 5px;
	font-style: oblique;
}
#sidebar a:hover {
	background-color:#999999;
	color:#FFFFFF;
}



/* contentnavigation 
----------------------------------------------------------------*/
#content a:link,
#content a:visited,
#content a:hover,
#content a:active {
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
	padding:2px 5px;
	font-style: oblique;
}
#content a:hover {
	background-color:#999999;
	color:#FFFFFF;
}


/* Ausrichtung für Bilder und Rahmen bei Verlinkung
-----------------------------------------------------------------------------------------*/
.rechts {
	float:right;
	padding:10px 10px;
}
.links {
	float:left;
	padding:0 15px 20px 5px;
}
p.links span {
	display:block;
}
#content a img {
	border: #FF0000 solid 2px;
}
#content a:hover img {
	border: #FF9900 solid 2px;
}
/* Forumular
-----------------------------------------------------------------------------------------*/
input,
textarea {
display:block;
margin:3px 0 15px;
}
form #Name,
form #Email,
form #Nachricht,
form #Submit  {
width:350px;
border:#000 solid 1px;
}
form #Name:hover,
form #Email:hover,
form #Nachricht:hover,
form #Submit:hover {
border:red solid 1px;
}
form #Submit {
width:100px;
}