/*

	CSS Stylesheet für den CSS Contest

	Name:			Webstandards
	Autor:			TM%2FFirebird
	ID:			1110734467
	Eingesendet:		13.03.2005/18:21
	Besitzer:		YToyOntpOjA7czo4OiI1MDgxOGI2NSI7aToxO2k6MTExMDY2ODQwMDt9

*/

/*
	CSS & Design von Twisting Moment
	Für den CSS Contest angepasst von Firebird
*/
			
		
body, html
{
	height:				100%;
	width:				780px;
	padding:			0;
	margin:				0 auto;
	font-family:		sans-serif;
	font-size:			12px;
	background:			#D6E9F5;
	line-height:		16px;
}

body
{
	position:			absolute;
	top:0;
	left:				50%;
	width:				750px;
	margin:				0 -390px;
	background:			url("1110734467.css.files/body_bg.jpg") repeat-y #D6E9F5;
	padding:			0 15px;
	height:	        3000px;
}

#top h1 
{
	background:			url("1110734467.css.files/header.jpg") no-repeat;
	float:				right;
	width:				550px;
	height:				113px;
	margin:				0;
	padding:			0;
	text-indent:	    -9999px;
	letter-spacing:		-9999px;
}
h2
{
	margin:			0px;
}

h3
{
	border-bottom:		1px dashed #666;
	color:				#666;
	margin-top:			25px;
	font-weight:		normal;
}

h4
{
	padding:			0;
	margin:				15px 0 0 0;
}

img 
{
	border:				1px solid #666;
}

/* ---------------Navigation------------------*/
#navi
{
	position:			absolute;
	left:				215px;
	top:				113px;
	background:			url("1110734467.css.files/navi_bg.jpg");
	height:				28px;
	width:				550px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	text-transform:		uppercase;
}

#navi ul
{
	height:				28px;
	padding:			0;
	margin:				0;
	list-style:			none;
	/*background:			#CECCC4;*/
}
#navi ul li
{
	height:				28px;
	width:				132px;
	position:			absolute;
}

#navi ul li#technik
{
	right:				0;
}

#navi ul li#design
{
	right:				132px;
	padding-left:       20px;
}

#navi ul li#design a
{
	padding:			7px 0 0 30px;
}

#navi ul li a, #navi ul li.active a:hover
{
	height:				21px;
	padding:			7px 0 0 0;
	text-transform:		uppercase;
	text-decoration:	none;
	display:			block;
	text-align:			center;
	color:				#666;
}

#navi ul li.active a, #navi ul li a:hover
{
	color:				#B3655A;
}
#navi ul li a:hover, #navi ul li.active a:hover
{
	text-decoration:	underline;
}

/* ---------------Menü------------------*/
#toc
{
	position:			absolute;
	background:			url("1110734467.css.files/menu_bg.jpg") repeat-x top;
	min-height:			100px;
	min-width:			100px;
}

#toc ul
{	
	margin:				0;
	color:				#666;
	width:				200px;
	min-height:			100%;
	height:				100%;
	font-size:			12px;
	list-style: 		none;
	padding:			0;
	margin:				0 0 0 0 ;
	width:				200px;
	background:			#F2F2F2;
}



#toc ul li
{
	margin:				0 0 0 0;
	border-bottom:		1px solid #e5e5e5;
	text-align:			center;
}

#toc h2
{
	
	top:				0px;
	width:				200px;
	background:			url("1110734467.css.files/ort.jpg") repeat-x;
	height:				24px;
	padding:			9px 0 0 0;
	margin:				60px 0 0 0;
	text-transform:		uppercase;
	font-size:			1px;
	text-align:			center;

	color:				#333333;
}

#toc h2:after
{
	color:				#eaeaea;
	font-size:			12px;
	content:			"Webstandards & Technik";
}

#toc ul li.h1, #toc ul li.h2, #toc ul li#h2
{
	background:			url("1110734467.css.files/menu_h.jpg") repeat-x top;
	height:				24px;
	padding:			6px 0 0 0;
	border-bottom:		none;
	color: 				#fff;
	margin-top:			1px;
}
#toc ul li.h2, #toc ul li#h2
{
	margin:				0;
}

#toc ul li a
{
	color:				#666;
	text-decoration:	none;
	display:			block;
	height:				20px;
	padding:			5px 0 0 0;
}

#toc ul li a:active
{
	background: 		#EBEAEA;
}

#toc ul li.ueber a
{
	background:			url(http://standards.webmasterpro.de/templates/../images/menu_h1.jpg) repeat-x top;
	height:				25px;
	padding:			7px 0 0 0;
	border-bottom:		none;
	color: 				#E8E7E3;
	margin-top:				0px;
}
#toc ul a:hover
{
	text-decoration:	none;
	background: 		#EBEAEA;
}
/*----------------Inhalt-----------------*/
#content
{
	float:				right;
	width:				490px;
	clear:				right;
	margin:				20px 0 0 0 !important;
	margin:				30px -5px 0 0px;
	padding:			10px 27px 60px 0 !important;
	padding:			10px 38px 60px 0;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#444;
}

#content h2, #content h1
{
	padding:			7px 0 0 0;
	margin:				20px 0 0 0;
	text-transform:		uppercase;
	font-size:			14px;
	width:				375px;
	color:				#B3655A;
}

#content h3
{
	border-bottom:		1px dashed #666;
	color:				#B3655A;
	margin-top:			25px;
	font-weight:		normal;
	font-size:			14px;
	padding:			0 0 2px 0;
}

#content ul
{
	background:			#F6F6F5;
	border:				1px solid #666;
	width:				450px;
	padding:			10px 5px 10px 30px;
	margin:				20px 0 10px 0;
}

#content li
{
	margin:				5px 0;
}

acronym, abbr
{
	cursor:				help;
}

#content ul ul
{
	border:				none;
	padding:			0;
	margin:				10px 0 10px 30px;
	list-style-type:	circle;
	background:			none;
	width:				400px;
}

#content ol
{
	list-style-type:	decimal-leading-zero !important;
	list-style-type:	decimal;
	background:			#F6F6F5;
	border:				1px solid #666;
	width:				440px;
	padding:			10px 5px 10px 40px;
	margin:				20px 0 10px 0;
}

#content p.clear
{
	clear:				right;
	padding:			0;
	margin:				0;
}

p.back
{
	padding:			0;
	margin:				-18px 0 0 0;
	float:				right;
}

#content ul li a, #content li a
{	
	color:				#B3655A;
	border:				none;
}

#content ul li a:hover, #content ol li a:hover
{
	color:				#000;			
}

#content img.noborder
{
	border:				none;
}

#content img.vorschau
{
	margin:				12px 10px 10px 0 !important;
	margin:				0 10px 10px 0;
	float:				left;
}

#content img a
{
	margin:				0;
	padding:			0;
}

#content div
{
	display:			inline;
}

address, div#content a
{
	display:			inline;
	color:				#333;
	text-decoration:	none;
	background-color:	#F6F6F5;
	border-bottom:		1px dashed #666;
	font-style:			normal;
	cursor:				pointer;
	margin-right:	    2px;
}

div#content a:hover
{
	background:			none;
}

div#content a[href^="#"]
{
	border-bottom:		1px dashed #666;
}

#content ul li a[href^="#"]
{
	border-bottom:		none;
}

div#content a[href^="http"]
{
	border-bottom:		1px dashed #666;
}

#content ul li a[href^="http"]
{
	border-bottom:		none;
}

#content ol li a[href^="http"]
{
	border-bottom:		none;
}
address
{
	cursor:				default;
}
/*------------------------Benutzermanagement-------------------------*/
#content table
{
	border-collapse:	collapse;
	border:				1px solid #666;
}

table th
{
	background-color:	#CECCC4;
	color:				#FFFFFF;
	width:				30px;
}

table tr td, table tr th
{
	padding:			3px;
	border-bottom:		1px solid #666;
	font-size:			12px;
}
			
table tr td
{
	border-right:		1px dashed #666;
	min-width:			150px;
}

ol
{
	list-style-type:	lower-alpha;
}

ul
{
	list-style-type:	disc;
}

div.sourcecode
{
	background-color:	#F5F5F5;
	border:				1px solid #AAAAAA;
	padding:			3px;
	padding-bottom:		0px;
	width:				75%;
	max-height:			400px;
	max-width:			75%;
	overflow:			auto;
}

div.line_numbers
{
	float:				left;
	font-family:		monospace;
	color:				#888888;
	padding-right:		10px;
}

code.highlight
{
	padding:			0px;
	margin:				0px;
}
/*---------------Formulare, Inputfelder, Fieldset-----------------------------------*/
form li{
	padding:			0;
	margin:				5px 0 0 0;
	
}

form ul#attach
{
	padding:			0;
	margin:				0;
	list-style:			none;
	background:			none;
	border:				none;
}

form ul#attach input#upload
{
	width:350px;
}

fieldset, pre
{
	background:			#F6F6F5;
	border:				1px solid #666;
	padding:			10px !important;
	padding:			0 10px 10px 10px;
	margin:				10px 0;
}

fieldset legend
{ 
	color: #B3655A;
}

label
{
	display:			block;
	border:				1px solid #666;
	border-bottom:		none;
	padding:			1px;
	width:				484px !important;
	width:				480px;
	background-color:	#CECCC4;
	color:				#666;
	font-size:			11px;
}

input[type=text], textarea
{
	width:				486px;
	margin:				0 30px 10px 0;
	border:				1px solid #666;
	background-color:	#F6F6F5;
}

input[type=file], select.bigInput
{
	width:				484px !important;
	width:				478px;
	border:				1px solid #666;
	border-top:			none;
	background-color:	#F6F6F5;
	display:			block;
	padding:			1px;
	margin-top:			0px;
	font-size:			11px;
}

#content #rating textarea
{
	width:				422px !important;
}

input#comment, input#article
{
	width:				484px !important;
	width:				480px;
	border:				1px solid #666;
	padding:			1px;
	background-color:	#F6F6F5;
}

div#rating input#nick
{
	width:				420px;
	border:				1px solid #666;
	padding:			1px;
	background-color:	#CECCC4;
}

input.noFormat
{
	width:				60px;
	border:				1px solid #666;
	background-color:	inherit;
}
input[type=file]{
	margin:				0 0 15px 0;
}
textarea
{
	height:				300px;
	font-family:		monospace;
	width:				484px !important;
	width:				480px;
}

input[type=submit]
{
	margin:				0 30px 10px 0;
	border:				1px solid #666;
	background:			#CECCC4;
	float:				right;
	font-size:			11px;
}

div.changeDiffer
{
	font-family:		monospace;
	width:				490px;
	border:				1px solid #000;
	background-color:	#F6F6F5;
	overflow:				auto;
}

div.changeDiffer del
{
	text-decoration:	none;
	background-color:	#F4E2E0;
}

div.changeDiffer ins
{
	text-decoration:	none;
	background-color:	#E1DFDB;
}

address#subArticle
{
	display:			block;
	margin:				10px 0 0 0;
}

table.small, table.small th
{
	font-size:			10px;
	font-weight:		normal;
	text-align:			center;
}
/* --------------------Rating-------------------------------*/
div#rating
{
	border:				1px solid #666;
	background:			#F6F6F5;
	padding:			0 10px;
	margin:				20px 0;
	width:				470px;
	height:				220px;
	overflow:			auto;
}

div#rating input[type=submit]
{
	margin:				0;
	border:				1px solid #666;
	background:			#CECCC4;
	float:				none;
	font-size:			11px;
}
div#rating select#percent
{
	width:				48px;
}

div#rating p.Fright
{
	float:			right;
	margin:			0 30px 0 0;
}

div#rating select, div#rating input.textInput, div#rating textarea
{
	border:				none;
	background-color:	#CECCC4;
	font-size:			11px;
}

div#rating textarea
{
	height:				50px;
	font-family:		sans-serif;
	margin:				0 0 10px 0;
}

div#rating input.textInput, div#rating textarea
{
	border:				1px solid #666;
}

div#rating h3
{
	border-bottom:		1px dashed #666;
	margin:				15px 0;
	padding:			0;
	clear:				both;
}

div#rating h4
{
	margin:				0px;
	padding:			0px;
	font-size:			13px;
}

div#rating, div#rating input, div#rating select
{
	font-size:			11px;
}
div#rating .small
{
	float:right;
	font-size:			9px;
	margin: 			5px 30px 0 0;
}

div#rating .date
{
	float:				right;
	font-size:			9px;
	margin: 			0 5px 0 0;
	color:				#B3655A;
}

div#rating .date a:hover
{
	color:				#666;
}

div#rating a
{
	background-color:	inherit;
}

div#rating div#ratingBox
{
	width:				150px;
	border: 			1px solid #666;
	font-size:			9px;
}

div#rating div#ratingBox div
{
	background: 		#B3655A;
	font-size:			9px;
	color:				#FFFFFF;
	text-align:			center;
}

div#rating p.comment
{
	margin:			    10px 0;
	border-bottom:		1px dashed #666;
	padding:			0 0 15px 0;
}

/*----------------------------Copyright---------------------------------------*/
div#counter
{	
	position:			absolute;
	bottom:				0px;
	left:				15px;			
	width:				750px;
	background:			url("1110734467.css.files/ort.jpg") bottom repeat-x;
	margin:				10px 0 0 0;
	padding:			0;
	height:				30px;
}

#counter a
{
	float:				right;
	padding:			7px 0 0 0;
	margin:				0 15px 0 0;
	color:				#fff;
	text-align:			center;
	font-size:			11px;
}

div#counter a:after
{
	content:			" · Design by TM";
}