/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

body
{
text-align: center;
	color: #0f1e83;
	background-color: white;
	font: 76% "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif; 
}

/* @group header */
#header {
	overflow: hidden;
	width: 100%;
	background:url(pics/blauesband.gif) repeat-x;
	}
#senatorlogo{
	float: left;
	}

#mugandpens {
	float: right;
	}
/* @end */

div#container{
	clear: both;
	margin: 0px auto;
	width: 850px;
}

/* @group sidebar */
div#sidecontainer {	
	float: left;
	width: 240px;
}
#sidecontainer img {
	display: block;
	margin: 0em auto 0em 0em;
}
/* @end */

/* @group content */

div#contentcontainer {
	float: left;
	width: 600px;
}

div#contentheader {
	text-align: center;
	margin: 2em 0 3em auto;
}

#contentpage div#content {
	background: url(pics/borderlr.gif) repeat-y center;
}

#contentpage div.block {
	clear: both;
	border: 1px dotted red;
}

#content br {
	clear: both;
}

.imgleft {
	float: left;
	margin: 0.5em 0.5em 0.5em 0em;
}

.imgright {
	float: right;
	margin: 0em 0 0.5em 1em;
}

#bestellformular {
	margin: 2em auto 3em auto;
	text-align: center;
}

div#footer {
	clear: both;
	margin: 1em auto;
	text-align: center;
	width: 33em;
	border-top: 1px solid #6684C0;
}
#footer p {
	margin: 0.5em auto;
	color: #6684C0;
	font-size: 0.8em;
	line-height: 160%;
	letter-spacing:0.2em;
	text-align: center;
}

/* @end */

h1, h2 {
	color: #00afff;
	font-weight: bold;
	letter-spacing:0.1em;
}

h1 {
	font-size: 3em;
	line-height: 1.2em;
	color: red;
	text-align: center;
	margin: 0em 2em 1em 1em;
}

h2 {
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 2em 2em 0.5em 1em;
	clear: both;
}

h2 img {
	float: right;
	margin-top: -1.5em;
}

.brandingmasterclass p {
	font-size: 1em;
	line-height: 140%;
	margin: 2.5em 5em 0em 4em;
	clear:  both;
}
p {
	font-size: 1em;
	line-height: 140%;
	margin: 0em 5em 1em 4em;
	clear:  both;
}

.small {
	font-size: 0.9em;
}
a:link {    color: #009bff; }
a:visited {	color: #152e97; }
a:hover {   color: red; }
a:active {  color: #009bff; }

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

q {
	font-style: italic;
}
blockquote {
	font: italic 1em Georgia,serif;
	line-height: 160%;
	margin: 0.5em 8em;
}

#contentcontainer ol {
	list-style: decimal inside;
	margin: 1em 0px 1em 5em;
}
#contentcontainer ol li {
	margin: 0em 6em 5em 1em;
	line-height: 120%;
	}
#contentcontainer ol img {
	margin: 1.5em 0em 0em 1.3em;
	display: block;
	}

li {
	margin: 0 0 1em 0;
	font-size: 1.5em;
	line-height: 1.2em;
}

#contentcontainer ul {
	list-style: square outside;
	margin: 1em 0px 1em 7em;
}

#contentcontainer li {
	margin: 0 6em 0.5em 0;
	font-size: 1em;
	line-height: 120%;
}