/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{margin: 0px; padding: 0px;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* Removes list-style from lists */
ol, ul {list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{font-style: normal; font-weight: normal;}


/* Removes border from fieldset and img */
fieldset, img {border: 0px;}

/* Left-aligns text in caption and th */
caption, th {text-align: left;}

/* Removes quotation marks from q */
q:before, q:after {content: '';}

/* CSS DEFINITIONEN */

html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}

div#distance { 
	margin-bottom: 10px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 0%;          /* required */
	float: left;          /* required */
}
div#frame {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	width: 640px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	height: 95%;
}

#nav { width: 640px; height: 30px; background: #666666; }
#nav li { float: left; margin-left: 13px; margin-right: 5px; margin-top: 8px; }

#header { width: 640px; height: 125px; position: absolute; top: 31px; }

#content { width: 638px; position: absolute; top: 156px; border: 1px solid; }

		#pictures { float: left; width: 130px; }	
	#pictures img { margin-bottom: 20px; }
	#text {  }
	#text .img_left { float: left; margin-right: 40px; margin-bottom: 40px; }
	#text2 {  }
	#text2 .img_left { float: left; margin-right: 40px; margin-bottom: 40px; }
	
input { border: 1px solid #666666; padding: 2px; color: #666666; margin-top: 3px; margin-bottom: 5px; }
textarea { border: 1px solid #666666; padding: 2px; color: #666666; margin-top: 3px; margin-bottom: 5px; width: 500px; }
	 .img_bestell { margin-top: 10px; margin-bottom: 10px; margin-right: 10px; }
	 .checkbox { margin-right: 92px; margin-left: 5px; }
	 .textinput { width: 300px; }

.blue, a .blue { color: #24418f!important; border-color: #24418f; }
.red { color: #e22a1b; border-color: #e22a1b; }
.orange { color: #f4a257; border-color: #f4a257; }
.grey { color: #666666; border-color: #666666; }
.vampirrot { color: #C00122; border-color: #C00122; }
.schwarz { color: #050505; border-color: #050505; }

#margin20 { margin: 20px; }

#aufkleber { position: absolute; left: 200px; height: 110px; }

#logo2 { position: absolute; right: -146px; float: left; top: -62px; } 

#logo { position: absolute; right: -155px; float: left; top: 10px; } /* top entfernen */

#bestellButton { position: absolute; float: left; right: 50px; }

#hinweis { position: absolute; bottom: 10px; }

#subnav { position: absolute; bottom: -20px; text-align: center; width: 600px;}
#subnav2 { position: absolute; bottom: -20px; text-align: center; width: 600px;  *width:290px;  }
#subnav3 { position: absolute; bottom: -20px; text-align: center; width: 600px;  *width:520px;  }
#subnav li { float: left; margin: 10px; }

a, a:visited, a:hover { color: white; text-decoration: none;  }

/* Fonts */

body { font-family: Arial, sans serif; font-size: 11pt; }
#text {font-size: 11pt; }

.big { font-size: 12pt; font-weight: bold; }
.kursiv { font-style: italic }
.small { font-size: 9pt; }
.grey { color: #666666!important; }
.grey a, .grey a:visited, .grey a:hover { color: #666666; }
.center { text-align: center; }
.datum {float: left; width: 80px;}
.presseText {margin-left: 120px; font-size: 11pt;}
.datumText {width: 628px; margin-bottom:13px;}