/* CSS Document */

/* Standards */

html, body {
  	margin : 0;
  	padding : 0;
  	height : 100%;
  	width : 100%;
}

body, p, table, tr, td {
 font-family: "Trebuchet MS", sans-serif;
	font-size:		12px;
	font-size:		12px;
	color:			#505559;
	line-height: 	22px;
	
}

p {
	margin: 			0px;
	padding: 			0px;
	font-size:			12px;
	color:			#505559;
	line-height: 		22px;
}


/* Links */


a:link {
	font-size:			12px;
	text-decoration: 	underline;
	color: 				#002F5E;;
}
a:visited {
	font-size:			12px;
	text-decoration: 	underline;
	color: 				#002F5E;
}
a:hover {
	font-size:			12px;
	text-decoration: 	underline;
	color:				#00A7D7;
}
a:active {
	font-size:			12px;
	text-decoration: 	underline;
	color: 				#00A7D7;
}


/* Links Navigation */

.navi:link {
	font-size:			14px;
	text-decoration: 	none;
	color: 				#002F5E;
	text-transform:		uppercase;
}
.navi:visited {
	font-size:			14px;
	text-decoration: 	none;
	color: 				#002F5E;
	text-transform:		uppercase;
}
.navi:hover {
	font-size:			14px;
	text-decoration: 	none;
	color:				#00A7D7;
	text-transform:		uppercase;
}
.navi:active {
	font-size:			14px;
	text-decoration: 	none;
	color: 				#00A7D7;
	text-transform:		uppercase;
}
.navi_aktiv:link, .navi_aktiv:visited, .navi_aktiv:hover, .navi_aktiv:active {
	font-size:			14px;
	text-decoration: 	none;
	color: 				#00A7D7;
	text-transform:		uppercase;
}

/* Links Sub-Navigation */

.subnavi:link {
	font-size:			13px;
	text-decoration: 	none;
	color: 				#002F5E;
	text-transform:		uppercase;
}
.subnavi:visited {
	font-size:			13px;
	text-decoration: 	none;
	color: 				#002F5E;
	text-transform:		uppercase;
}
.subnavi:hover {
	font-size:			13px;
	text-decoration: 	none;
	color:				#00A7D7;
	text-transform:		uppercase;
}
.subnavi:active {
	font-size:			13px;
	text-decoration: 	none;
	color: 				#00A7D7;
	text-transform:		uppercase;
}

.subnavi_aktiv:link, .subnavi_aktiv:visited, .subnavi_aktiv:hover, .subnavi_aktiv:active {
	font-size:			13px;
	text-decoration: 	none;
	color: 				#00A7D7;
	text-transform:		uppercase;
}


/* Links Sub-Navigation */

.bottom:link {
	font-size:			11px;
	text-decoration: 	none;
	color:				#505559;
}

.bottom:visited {
	font-size:			11px;
	text-decoration: 	none;
	color:				#505559;
}

.bottom:hover {
	font-size:			11px;
	text-decoration: 	none;
	color: 				#00A7D7;
}

.bottom:active {
	font-size:			11px;
	text-decoration: 	none;
	color: 				#00A7D7;
}

.bottom_aktiv:link, .bottom_aktiv:visited, .bottom_aktiv:hover, .bottom_aktiv:active {
	font-size:			11px;
	text-decoration: 	none;
	color: 				#00A7D7;
}


/* Fonts */

.font_navi	{
	font-size:			14px;
	text-decoration: 	none;
	color: 				#505559;
	text-transform:		uppercase;
}

.font_subnavi	{
	font-size:			13px;
	text-decoration: 	none;
	color: 				#505559;
	text-transform:		uppercase;
}

.font_bottom	{
	font-size:			11px;
	text-decoration: 	none;
	color:				#00A7D7;
}

.font_topnavi	{
	font-size:			11px;
	text-decoration: 	none;
	color:				#505559;
}


h1	{
	font-size:			20px;
	color: 				#002F5E;
	margin-bottom: 		10px;
}

h2	{
	font-size:			13px;
	color:				#505559;
	margin-bottom: 		5px;
}

	


/* Layout */

#center {
	position:			relative;
	left: 				50%;
	margin-left: 		-400px;
	top: 				30px;
	width: 				800px;
}

#container_top {
	position:			relative;
	top: 				0px;
	width: 				760px;
	max-width:			800px;
	height:				325px;
	padding:			0 0 0 40px;

}

#topnavi {
	position:			relative;
	top: 				0px;
	width: 				760px;
	max-width:			800px;
	height:				20px;
	padding:			10px 0 0 0;
	z-index:			2;
}

#hauptnavi {
	position:			relative;
	top: 				0px;
	width: 				760px;
	max-width:			800px;
	height:				35px;
	padding:			260px 0 0 0;
	z-index:			1;
}

#subnavi {
	position:			relative;
	width: 				760px;
	max-width:			800px;
	padding:			20px 0 0 40px;
}

#content {
	position:			relative;
	width: 				700px;
	max-width:			800px;
	padding:			20px 60px 0px 40px;
	min-height:			290px;
	margin-bottom:		50px;
}

.container_produktbild {
	position:			relative;
	width: 				700px;
	float:				left;
	border:				1px;
	margin:				15px 0 15px 0;	
}


.produktbild {
	position:			relative;
	width: 				150px;
	float:				left;	
}

.produktbild_text {
	position:			relative;
	width: 				520px;
	max-width: 			540px;
	margin-left:		20px;
	float:				left;	
}

.form_box {
	border-right: 		#ccc 1px solid; 
	border-top: 		#ccc 1px solid; 
	border-bottom: 		#ccc 1px solid; 
	border-left: 		#ccc 1px solid; 
	display: 			block; 
	font-family: 		Trebuchet MS;
	font-size:			12px;
	color:				#505559;
	float: 				left; 
	margin-bottom: 		10px; 
	width: 				400px; 
	height: 			19px;
}

.form_box_anzahl {
	border-right: 		#ccc 1px solid; 
	border-top: 		#ccc 1px solid; 
	border-bottom: 		#ccc 1px solid; 
	border-left: 		#ccc 1px solid; 
	font-family: 		Trebuchet MS;
	font-size:			12px;
	color:				#505559;
	margin-bottom: 		10px; 
	width: 				30px; 
	height: 			19px;
}

.form_box_text {
	border-right: 		#ccc 1px solid; 
	border-top: 		#ccc 1px solid; 
	border-bottom: 		#ccc 1px solid; 
	border-left: 		#ccc 1px solid; 
	display: 			block; 
	font-family: 		Trebuchet MS;
	font-size:			12px;
	color:				#505559;
	float: 				left; 
	margin-bottom: 		10px; 
	width: 				400px; 
	height: 			100px;
}

.form_button {
	border:				0px;
	display: 			block; 
	font-family: 		Trebuchet MS;
	font-size:			12px;
	color:				#FFFFFF;
	float: 				left; 
	margin-bottom: 		10px; 
	width: 				100px; 
	height: 			23px;
	background-color:	#00A7D7;
}

.red {
	color:		#FF0000;
}