* {
	padding: 0px;
	margin: 0px;}

a {	color: inherit!important;
	text-decoration: none;}

.clear {clear: both;}

body {	
	background: #fff;
	font: 100.1%/1.3em Verdana;}

#main {
	display: block;
	width: 946px;
	margin: 20px auto 10px;}

h1 {
	display: block;
	float: left;
	width: 946px;
	height: 144px;
	background: transparent url(images/banner.jpg) no-repeat;}

h1 span {visibility: hidden;}

.menupunkt {
	display: block;
	float: left;
	width: 89px;
	height: 90px;}

a.eins {clear: both;
	background: transparent url(images/home.jpg) no-repeat;}

a.zwei {background: transparent url(images/gluehbirne.jpg) no-repeat;}
a.drei {background: transparent url(images/tshirt.jpg) no-repeat;}
a.vier {background: transparent url(images/chat.jpg) no-repeat;}
a.fuenf {background: transparent url(images/sprachrohr.jpg) no-repeat;}
a.sechs {background: transparent url(images/i.jpg) no-repeat;}


a.elf {background: transparent url(images/fdp-logo.gif) no-repeat; float: right;}
a.zwoelf {background: transparent url(images/julis-logo.jpg) no-repeat; float: right; margin-right: 10px;}


#content {
	clear: both;
	width: 406px;
	height: 384px;
	float: left;
	background: transparent url(images/textfeld.jpg) no-repeat;
	padding: 23px 23px 0px 13px;
	font-size: 0.9em;}

#content .default {line-height: 1.7em;}
#content .default a:hover {text-decoration: underline;}
#content .default a {padding-left: 20px;
	color: #000;}
#content .default i {font-style: normal; color:#007fbe;}

#video {
	width: 490px;
	height: 375px;
	padding: 26px 6px 6px;
	float: right;
	background: transparent url(images/video.jpg) no-repeat;}

#video object {margin: 20px;}

#tool {
	clear: both;
	height: 41px;
	padding-top: 18px;
	background: transparent url(images/toolmenu.jpg) no-repeat;
	text-align: center;
	color: #007fbe;
	font-size: 0.7em;
	font-weight: 600;}

#tool a {color: #007fbe;}

/*...........*/

#flex {
	clear: both;
	width: 947px;
	padding: 0px;
	height: auto;
	float: left;
	background: url(images/flex/flex_mitte.jpg) repeat-y;
	font-size: 0.9em;}
.flex_oben {display: block; background: url(images/flex/flex_oben.jpg) no-repeat; height: 27px;}
.flex_unten {display: block; background: url(images/flex/flex_unten.jpg) no-repeat; height: 25px; clear: both;}
.flex {width: 275px; padding: 20px; display: block; float: left; font-size: 0.8em;}
.flex span {background: #feea13; padding: 5px; color: #444; display: block; font-weight: 600; line-height: 1.5em;}
.flex span i { font-weight: normal;}
.flex img {float: left; margin: 4px 6px 4px 0px;}