/* ========= Globale Formate ======== */

body	{
		margin: 0; padding: 5% 0;
		background: url("../gfx/start-screen/loch-mit-platine.gif") no-repeat #D4D0C8;
		background-position: 70px 30px;
		font-family: Verdana, Arial, Tahoma, Helvetica, Sans-Serif; font-size: 83%; color: #373C48;
		text-align: center;  line-height: 165%;
		border: 0;
		} 

html {border: 0; margin: 0; padding: 0;}
		
body div {margin: 0; padding: 0;}

#content-start a			{font-size: 100%; padding-bottom: 1px; text-decoration: none; color: #2A71E4; background: none; border-bottom: 1px solid #BDC4CB;}
#content-start a:visited 	{padding-bottom: 1px; color: #4D7FD1; text-decoration: none; background: none; border-bottom: 1px solid #BDC4CB; }
#content-start a:hover, #content-start a:active, #content-start a:focus {color: #ED5908; border-bottom: 1px solid #F87E3B; padding-bottom: 1px; text-decoration: none; background: none;}

/* Gecko Stuff */
html>body #content-start a:hover, #content-start a:active, #content-start a:focus {padding-bottom: 2px; border: 0; background: url("../gfx/pixel-line-std-link_h.gif") left bottom repeat-x;}

#content-start a.ext:after 		{content:url("../gfx/arrow_url.gif");}
#content-start a.intern:before 	{content:url("../gfx/arrow_intern.gif");}
#content-start a.info:before 	{content:url("../gfx/arrow_info.gif");}

/* DIVS */
		
#center-div-start {
				width: 450px;
				margin: 0 auto 0 auto;
				}						
#content-start {
				width: 450px; 
				margin: 500px 0 1px 0; padding: 10px 0 0 0;
				font-size: 90%;	text-align: left;
				background: #FBFBFB;
				} 

#footer-start	{
		width: 450px; height: 20px;
		clear: both;
		text-align: left; text-indent: 8px; line-height: 20px; vertical-align: top; font-size: 10px;
		background: #F6F6F4; border-top: 1px solid #D4D0C8;
		}
		
/* Box */		
.box-ro {background: url("../gfx/start-screen/box-ro.gif") top right no-repeat;}
.box-lo {background: url("../gfx/start-screen/box-lo.gif") top left no-repeat;}
.box-ru {background: url("../gfx/start-screen/box-ru.gif") bottom right no-repeat;}
.box-lu {background: url("../gfx/start-screen/box-lu.gif") bottom left no-repeat;}
.box-content {width: 370px; height: 300px; margin: 11px auto 5px auto; text-align: center;}
			
/* ========= Navigation = Startscreen ======== */

.box-content img {margin-top: 8px;}

.box-content ul {	
		display: block; 
		margin: 23px 0; padding: 0;	
		list-style: none;
		text-align: center;
		}

.box-content ul li 	{
			margin: 0; padding: 0; 
			display: inline;
			text-align: center;
			}
			
.box-content a 	{
		width: 102px; height: 107px;
		display: block; float: left;
		margin: 10px 8px 0 8px; padding: 0;
		color: #4F4F4F; font-weight: normal; font-size: 100%;
		text-decoration: none;
		}
	
/* Styling für die Buttons (Bg-Bilder) */

#dynamic a, #dynamic a:visited {background: url("../gfx/start-screen/show-dynamic.gif") left top no-repeat; text-decoration: none; color: #4F4F4F; }
#dynamic a:hover, #dynamic a:active, #dynamic a:focus, #dynamic a:focus .sffocus {background: url("../gfx/start-screen/show-dynamic.gif") 0px -107px no-repeat;} 

#lightwave a, #lightwave a:visited {background: url("../gfx/start-screen/show-lightwave.gif") left top no-repeat; text-decoration: none; color: #4F4F4F;}
#lightwave a:hover, #lightwave a:active, #lightwave a:focus, #lightwave a:focus .sffocus {background: url("../gfx/start-screen/show-lightwave.gif") 0px -107px no-repeat;}

#network a, #network a:visited {background: url("../gfx/start-screen/show-network.gif") left top no-repeat; text-decoration: none; color: #4F4F4F;}
#network a:hover, #network a:active, #network a:focus, #network a:focus .sffocus {background: url("../gfx/start-screen/show-network.gif") 0px -107px no-repeat;}

/* Schriften */

h1	{
	margin: 0 6px 4px 9px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 150%; font-weight: bold; 
	color: #2A71E4 ; line-height: 115%; 
	}

.box-content h1	{
	font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 130%; font-weight: bold; 
	color: #676767 ; line-height: 115%; 
	margin: 0 0 0 5px;
	}

h2 {
	margin: 0 6px 13px 9px;padding: 0 0 1px 0;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 110%; 
	font-weight: bold; color: #4B5160; line-height: 100%;
	background: none;
	}
	
.h2Styled	{
	width: 99%;
	background: url("../gfx/pixel-line-h2.gif") left bottom repeat-x;
	margin: 22px 0px 11px 0px; padding: 0 0 1px 0;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 115%; 
	font-weight: bold; color: #293040; line-height: 100%;
	}

p	{line-height: 165%; clear: both; margin: 0.5em 6px 1.2em 9px;}

strong {color: #4B5160;}
.see-strong {font-weight: normal; color: #000;}

.ul-image	{ 
		line-height: 180%; 
		list-style-image: url("../gfx/ul-img.gif");
		margin: 12px 5px 26px 28px; padding: 2px 0px 2px 11px; 
		}
		

.ul-circle	{ 
		line-height: 170%; 
		list-style: circle;
		margin: 12px 5px 23px 15px; padding: 2px 0 2px 10px; 
		}
		
.ul-circle li	{ margin-bottom: 0.6em }


/* HTML TAGS for ACCESSIBILITY */

.speakonly { display: block; height: 1px; width: 1px; position: absolute; left: -9000px;}
.seo { display: block; height: 1px; width: 1px; position: absolute; left: -9000px;}
abbr, acronym, span.abbr .help {
  			cursor: help;
  			border-bottom: 1px dotted #333;
			}
			
.clearit	{clear: both; height: 1px; line-height: 0px;}


/* SiteNav */
.sitenavhide, .alt {display: none;}

#sitenav {
		margin: 15px 0 22px 25px; padding: 0 0 0 10px;
		list-style-image: url("../gfx/bullet-sitenav.gif"); 
		}
		
#sitenav li { margin: 0 0 5px 0; padding: 0; color: #2469DC; }

#sitenav li a, #sitenav li a:visited {font-size: 110%;}
#sitenav li a, #sitenav li a:hover, #sitenav li a:active, #sitenav li a:focus ,#sitenav li a:focus sffocus {font-size: 110%;}


/* Bilder */

img	{font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; border: 0px;}