/********* A Daniel Kortemme CSS-FILE **********/

html[xmlns^="http"] {overflow-y: scroll;}

/** Standards **/
* 			{ margin: 0; padding: 0;}
body 		{ font-family:Arial, Helvetica, sans-serif; color:#b8988b; line-height:150%; font-size: 76%; min-height: 100%; height: auto; height: 100%; behavior:url("js/csshover2.htc");}
img 		{ border:none;}
a:hover img 					{ -moz-opacity:0.85; opacity:0.85;}
		a:link, a:visited 		{ color:#e05838; text-decoration:underline;}
		a:hover, a.active 	{ color:#e05838; text-decoration:none;}
ul 			{ list-style:none; padding:0;}
.clear 	{ clear: both; font-size: 0.0001em; line-height: 0.00001em;}
p 			{ padding:0 21px 18px 21px;}
		p.nopadding 			{ padding:0}
		#content p 				{ color:#fff;}
td 			{ vertical-align:top;}
		table 							{ margin:0 0 0 20px; line-height:150%; border:none; width:200px;}
		
/** HEADLINES **/
h2 			{ position:absolute; top:230px; left:297px; font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; color:#fff;}
		#header-container p.headline 	{ position:absolute; left:345px; top:253px; text-align:right; line-height:100%; color:#cebea7;}
h3 			{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; color:#e05838; padding-left:20px; margin-top:15px;}
h4			{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; color:#e05838;  padding-left:0;}
h5			{font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; color:#fff; padding:52px 0 0; font-weight:normal;}
h6			{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; color:#e05838; padding-left:20px; height:30px;}
		h6:hover			{color:#fff;}

/** Layout **/
#site		{ background:url(../images/layout/bg-body.jpg) top center repeat-y;}
		#header-out 				{ background:url(../images/layout/bg-header-out.jpg) top center no-repeat; width:100%;}
		#container	 				{ width:990px; margin:0 auto;}
		#header-container 	{ background:url(../images/layout/bg-header-container.jpg) top no-repeat !important; width:990px; margin:0 auto; position:relative;}
		#content-main 			{ padding-top:286px; padding-left:21px; width:969px;}
		#content						{ width:433px; float:left; background:url(../images/layout/head-img.jpg) top center no-repeat; padding-top:191px; margin-top:4px;}
				#content ul li			{padding-bottom:10px; line-height:150%; color:#fff;}
		
/** Branding **/
#branding			{ width:238px; height:155px; position:absolute; left:378px; top:37px;}
		#branding h1				{ display:none;}

/** Navi **/
ul#navi				{ float:left;width:258px; overflow: hidden;}
		ul#navi li				{ height: 27px; width:258px; display: block; margin-bottom:3px;}
		ul#navi li span 	{ display:block;}
		ul#navi li.last		{ margin-right:0;}
ul#navi li a.n01:link, ul#navi li a.n01:visited			{ height:21px; width:222px; background:url(../images/layout/navi.jpg) top no-repeat; display: block; font-size:1em; color:#b8988b; text-decoration:none; font-weight:bold; text-transform:uppercase; padding-left:36px; padding-top:6px;}
ul#navi li a.n01:hover, ul#navi li a.n01.active		{ background:url(../images/layout/navi.jpg) bottom no-repeat; color:#fff;}
		ul#navi li.list 			{ padding-left:52px; background: url(../images/layout/list-pkt.jpg) 36px 8px no-repeat !important; height:19px; width:100px;}
		ul#navi li.list.last 	{ margin-bottom:9px;}
		
/** Content **/
.head-img				{ width:433px; height:223px; margin-top:4px;}
.box 						{ background:url(../images/layout/box.gif) top no-repeat; width:344px; padding:27px 20px 10px 38px; margin-top:-4px;}
		.box img					{border:2px solid #4A000F; margin-right:20px; float:left; }
		.box img:hover		{border:2px solid #fff;}
		.box-bottom				{background:url(../images/layout/box-bottom.gif) no-repeat; width:402px; height:20px; margin-bottom:10px; }
div.team-img		{float:left; margin:0 20px 20px 21px; width:300px;}
		div.team-img img	{margin-left:20px;}
img.img-text-r		{float:right; margin:5px 21px 5px 10px;border:2px solid #4A000F;}
		img.img-text-l			{float:left; margin:5px 10px 5px 21px;border:2px solid #4A000F;}
		img.img-text-rueckblick	{float:left; margin:5px 0px 5px 21px;border:2px solid #4A000F;}
div.column			{width:413px; border-bottom:1px solid #6A0F28; padding:10px;}
		div.column:hover				{background:url(../images/layout/column-bg-2.gif) repeat-y;}
		div.column:hover img		{border:2px solid #fff;}
div.column-2			{width:425px;border-bottom:1px solid #6A0F28; padding:10px;}
		div.column-2:hover				{background:url(../images/layout/column-bg-2.gif) repeat-y;}
		div.column-2:hover img		{border:2px solid #fff;}
p.events-p				{padding:0 40px 18px 21px;}
ul.events				{ list-style:disc; padding-left:30px;}
		ul.events li.ev-list						{line-height:150%; color:#fff; width:350px;}
		ul.events li.ev-list	:hover		{background:#77002f;}
iframe						{margin:10px 0 0 21px; border:2px solid #4A000F;}
div#divwebstyle		{margin-left:28px; margin-top:10px;}

#playerbox		{padding:0 0 0 18px;}

/** Accordion **/
.basic 				{ width: 300px; }
.basic div br 	{ display:block !important;}
div.accdiv 		{ background:url(../images/layout/column-bg-2.gif) repeat-y;padding:13px 21px 0 23px; margin:0 0 5px 0; width:433px;}
	.basic div div		{padding: 0; margin: 0; border: 0; width: auto !important;}
.acctogas			{cursor:pointer; width:433px;  background:url(../images/layout/events-h6.gif) no-repeat scroll 410px 5px transparent;}

/** Sidebar**/
#sidebar 			{ width:190px; float:left; position:relative; padding-top:265px;}
		#sidebar .hugo-jahn 	{ position:absolute; left:22px; top:4px; width:19px; height:232px; background:url(../images/layout/sidebar-branding.jpg) no-repeat;}
		
#eyecatcher 	{ background:url(../images/layout/eyecatcher.png) no-repeat !important; width:192px; height:914px; position:absolute; left:798px; top:0px;}

/** Footer **/
#footer 				{ background:url(../images/layout/bg-footer.jpg) bottom center no-repeat; width:100%; height:264px; padding:0;}
		#footer-container 		{ width:990px; margin:0 auto; height:264px; position:relative;}