/*

@website: http://www.podzilla.de
@author: Jan Urschel

*/

/* ///////////////////////////////// GLOBAL STYLES ///////////////////////////////// */

html { 	margin: 0; 
		padding: 0; }
		
body { 	background-color: #dcd6c6; 
		margin: 0; 
		padding: 0;
		font-size: 1em; 
		font-family: Arial, Helvetica, sans-serif; 
		color: #000000; }
		
#container { 	background-image: url(images/bg.gif); 
				background-repeat: repeat-y;
				position: absolute;
				top: 0; 
				left: 50%; 
				width: 804px;
				padding: 0; 
				margin: 0 0 0 -402px;  }
				
#container a:link		{ text-decoration: none; color: #798c1b; }
#container a:visited	{ text-decoration: none; color: #798c1b; }
#container a:hover		{ text-decoration: underline; color: #b2c92b; }
#container a:active		{ text-decoration: underline; color: #798c1b; }


/* ///////////////////////////////// HEADER ///////////////////////////////// */

#header {	background-repeat: repeat-x;
			background-image: url(images/header_bg.gif); 
			height: 116px;
			width: 804px;
			padding: 0;
			margin: 0;	}
			
#input { 	position: relative;
			margin: 10px 45px 0 0; 
			padding: 0;
			list-style-type: none;
			float: right; }

#input input { 	background-color: #fefdfc;
				font-size: 0.8em;
				border-color: #d7d7d7; 
				color: #4b560c; 
				border-width: 1px; 
				border-style: solid; }

#input .username { margin: 3px; }
#input .password { margin: 3px; }

.logo {	position: absolute;
		top: 0; }
		
.header_r {	position: absolute;
			right: 0; }
			
#topnavi {	position: absolute;
			top: 84px;
			max-height: 25px;
			margin: 0;
			padding: 0;
			color: #434b1a;
	font-size: 12px;
}
			
#container #topnavi li { 	list-style-type: none;
				display: inline-block;
				padding: 0; 
				color: #434b1a;
	margin-bottom: 0;
	border-right: 1px solid #FFFFFF;
}
				
#container #topnavi a, #contianer #topnavi a:visited 	{ 
	background: #e4dcc9 0;
	left: 36px;
	color: #434b1a;
	padding: 5px;
}

#container #topnavi a:hover 	{
	background: #efe7d3;
	color: #434b1a;
	height: 45px;
	text-decoration: none;
}

#container #topnavi a#current 	{
	background: #c5da30 0;
	color: #434b1a;
	/*border: 1px solid #000;*/
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
}

.site_title {
	color: #737373;
	text-transform: uppercase;
	font: bold 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.site_subtitle {
	color: #84951d;
	text-transform: uppercase;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#subnavi {	position: absolute;
			top: 116px;
			margin: 0;
			padding: 0; }
			
#subnavi li { 	list-style-type: none;
				display: inline;
				margin: 0;
				padding: 0; }
				
#subnavi a { background: url(images/subnavi_support_faq.gif) no-repeat; 		left: 162px; width: 40px; 	}


#subnavi li a span { display: none; }

#subnavi li a:link, #subnavi li a:visited { 	position: absolute;
												top: 0;
												overflow: hidden;
												padding: 25px 0 0 0;
												margin: 0; }
			

/* ///////////////////////////////// BODY ///////////////////////////////// */

#body_up { width: 804px;
	height: 95px;
}

.body_up_l {}

.body_up_m {	position: absolute;
				top: 141px;
				left: 48px;
				width: 708px;
				height: 84px;
				padding: 0;
				margin: 0; }

.body_up_r { position: absolute; right: 0; }

#body_middle { 	position: relative;
				width: 804px;
				height: auto; }

.hdl { width: 514px; height: 84px; }

.main { position: relative;
		height: auto; 
		left: 48px;
		background-color: #FFFFFF;
		border: #dcd9d0 solid 1px;
		padding: 15px;
		width: 675px;
		font-size: 0.8em; }
		
.subheadline { 	position: relative;
				top: -16px;
				left: -16px; }
		
.text { position: relative;
		left: 48px;
		width: 704px; 
		margin-top: 50px;
		font-size: 0.8em; }
		
.main_lo { position: absolute; top: -1px; left: -1px; }

/* @group Global Classes */

img {
	border: none;
}

.image-left {
	float: left;
	margin: 3px 10px 3px 0;
}

.image-right {
	float: right;
	margin: 3px 0 3px 10px;
	clear: both;
}

blockquote, .standout {
	margin: 0;
	font: italic 1.2em/1.5 Georgia, "Times New Roman", Times, serif;
}

h1 {
	letter-spacing: -1px;
	margin: 0 0 5px 0;
	font-size: 2.2em;
}

h2 {
	letter-spacing: -1px;
	margin: 0 0 5px 0;
	font-size: 2em;
}

h3 {
	letter-spacing: -1px;
	margin: 0 0 5px 0;
	font-size: 1.8em;
}

h4 {
	letter-spacing: -1px;
	margin: 0 0 5px 0;
	font-size: 1.6em;
}

.imageStyle {

}

/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}

ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

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

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}
/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
}

#sidebarContainer #sidebar li {
}


/* Table Styles */
table {
	font-size: 1em;
}

a, a:visted{
	color: #84951d;
}
a:hover {
	color: #7f901c;
}
/* @end */
.main_ro { position: absolute; top: -1px; right: -1px; }
.main_ru { position: absolute; bottom: -1px; right: -1px; }
.main_lu { position: absolute; bottom: -1px; left: -1px; }

.right { 	position: relative;
			top: 13px;
			float: right;
			right: 48px;
			margin: 0 0 10px 0;
			background-color: #FFFFFF;
			border: #dcd9d0 solid 1px; 
			width: 178px;
			height: auto;
			font-size: 0.7em;
			color: #7e7e7e; }
			
.right_hdl { 	position: absolute;
				top: -1px;
				left: -1px; }


/* ///////////////////////////////// TOPLIST ///////////////////////////////// */

#toplist_icon {	margin: 15px 0 0 0;
				padding: 13px 0 0 0;
				float: left; }
				
#toplist_icon ul { 	margin: 0;
					padding: 0; }

#toplist_icon li { 	list-style-type: none;
					line-height: 0;
					padding: 0;
					margin: 0;
					border-top: 1px solid #fff; }
					
#toplist_icon li img { 	border: 0; 
						margin: 0;
						padding: 0; }

#toplist_text {	position: relative;
				margin: 15px 0 0 40px;
				padding: 13px 0 0 0; }

#toplist_text li { 	list-style-type: none;
					line-height: 30px;
					padding: 0;
					margin: 0;
					border-top: 1px solid #f7f3e9; }

/* ///////////////////////////////// PAKETE ///////////////////////////////// */

#schema_hdl { 	position: relative;
				top: 12px;
				height: 32px;
				width: 583px;
				left: 165px;
				margin: 0;
				padding: 0; }
			
#schema_hdl li { 	list-style-type: none;
					display: inline;
					margin: 0;
					padding: 0; }
					
#schema_hdl img { 	margin: 0;
					padding: 0;
					border: 0; }

#pakete { 	position: relative;
			background-color: #FFFFFF;
			border: #dcd9d0 solid 1px;
			padding: 0;
			margin: 0;
			top: 20px;
			width: 698px; 
			height: auto; 
			left: 48px; 
			font-size: 0.8em; }

.pakete_lo { position: absolute; top: -1px; left: -1px; }
.pakete_lu { position: absolute; bottom: -1px; left: -1px; }

#schema { border-collapse: collapse; }

#schema .schema_last { border-bottom: 0; }

#schema th { border-bottom: 1px solid #f5f4f1; background-color: #fefdfc; color: #737373; width: 114px; font-weight: normal; }

#schema td { border-left: 1px solid #f5f4f1; border-bottom: 1px solid #f5f4f1; width: 96px; text-align: center; padding: 15px 0; }

#schema_footer { 	position: relative;
					height: 32px;
					width: 583px;
					top: 28px;
					left: 213px;
					margin: 0;
					padding: 0; }
			
#schema_footer li { list-style-type: none;
					display: inline;
					margin: 0;
					padding: 0; }

#schema_footer li a span { display: none; }

#schema_footer li a:link, #schema_footer li a:visited { position: absolute;
														overflow: hidden;
														padding: 32px 0 0 0;
														margin: 0; }

/* ///////////////////////////////// KONTAKT ///////////////////////////////// */

#kontakt { 	position: relative;
			background-color: #FFFFFF;
			border: #dcd9d0 solid 1px;
			padding: 0;
			margin: 0;
			top: 13px;
			width: 514px; 
			height: auto; 
			left: 48px; 
			font-size: 0.8em; }
			
#kontakt form {	margin: 0;
				padding: 0; }

#form_kontakt { border-collapse: collapse; }

#form_kontakt th { 	border-bottom: 1px solid #f5f4f1;
					border-right: 1px solid #f5f4f1;
					width: 120px;
					padding: 10px;
					background-color: #fefdfc;
					color: #737373;
					font-weight: normal;
					text-align: right; }
							
#form_kontakt td { 	border-bottom: 1px solid #f5f4f1;
					width: 354px;
					padding: 10px; }
					
#form_kontakt input, #form_kontakt textarea {	background-color: #fff;
												border-color: #d7d7d7; 
												color: #4b560c; 
												border-width: 1px; 
												border-style: solid;
												width: 346px; }
												
#form_kontakt textarea { 	height: 150px;
							 }
												
#form_kontakt .form_kontakt_last { border-bottom: 0; }

#form_kontakt .form_kontakt_last input {	width: 100px;
											margin-right: 5px;
											background-color: #fefdfc; }

/* ///////////////////////////////// BESTELLEN ///////////////////////////////// */

#bestellen { 	position: relative;
				background-color: #FFFFFF;
				border: #dcd9d0 solid 1px;
				padding: 0;
				margin: 0;
				width: 514px; 
				height: auto; 
				left: 48px; 
				font-size: 0.8em; }
			
#bestellen form {	margin: 0;
					padding: 0; }

#form_bestellen { border-collapse: collapse; }

#form_bestellen th { 	border-bottom: 1px solid #f5f4f1;
						border-right: 1px solid #f5f4f1;
						width: 120px;
						padding: 10px;
						background-color: #fefdfc;
						color: #737373;
						font-weight: normal;
						text-align: right; }
							
#form_bestellen td { 	border-bottom: 1px solid #f5f4f1;
						width: 354px;
						padding: 10px; }
					
#form_bestellen input, #form_bestellen textarea {	background-color: #fff;
													border-color: #d7d7d7; 
													color: #4b560c; 
													border-width: 1px; 
													border-style: solid;
													width: 346px; }
													
#form_bestellen .form_bestellen_anrede select {	background-color: #fff;
												border-color: #d7d7d7; 
												color: #4b560c; 
												border-width: 1px; 
												border-style: solid;
												width: 100px; }
												
#form_bestellen .form_bestellen_land select {	background-color: #fff;
												border-color: #d7d7d7; 
												color: #4b560c; 
												border-width: 1px; 
												border-style: solid;
												width: 200px; }
													
#form_bestellen textarea { 	height: 150px; }
												
#form_bestellen .form_bestellen_last { border-bottom: 0; }

#form_bestellen .form_bestellen_last input {	width: 100px;
												margin-right: 5px;
												background-color: #fefdfc; }
												
#form_bestellen .plz { width: 50px; margin-right: 5px; }

#form_bestellen .wohnort { width: 287px; }

#form_bestellen .username { width: 190px; margin-right: 5px; }

#form_bestellen .subdomain { 	width: 150px;
								background-color: #fff;
								border-color: #d7d7d7; 
								color: #4b560c; 
								border-width: 1px; 
					 			border-style: solid; }
					 			
#form_bestellen .agb { width: 478px;
						padding: 5px; }

#form_bestellen .agb_checkbox { width: 10px;
								margin-top: 10px; }
											
/* ///////////////////////////////// FOOTER ///////////////////////////////// */

#footer { 	
			text-align: center; 
			vertical-align: bottom; 
			color: #4b560c;
			font-size: 0.7em;
			width: 804px; 
			height: 86px;  }
			
#footer p { margin: 0;
			padding: 0;
			position: relative;
			top: -45px; }