/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background: #404040 /*url(../images/body_bg.gif) repeat*/;
}

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

body {
	background-color:#404040; /*HG Farbe*/
	padding:0;
	margin: 15px 0;
	text-align:center;
	color:#000000;
	color:#000000;
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size:9pt;
	/*width: 100%;*/
	/*height: 100%;*/
	/*font-size: 62.5%;*/
	/* reset font-sizes to 1em == 10px */
}

/* nicht angefasst ------------->*/
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Verdana,Helvetica,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}
/* <--------------- nicht angefasst*/

/* Layout CSS */
#Main {

    background: url(bg.jpg) repeat-y scroll center top; /*HG-Bild*/
    width:1000px;
    margin:auto;
    padding:0pt; /* Abstand ganz oben */
    text-align:left;
	
	/*margin:20px auto;*/
	/*width:900px;*/
}


#Header {
    /*background:#666666 url(header.jpg?z=31197) repeat scroll 0px;
    height:230px;
    margin-left:auto;
    margin-right:auto;
    width:820px;*/
	
	/*background:#666666; /*url(../images/blueback.gif) bottom left repeat-x;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	clear:left;*/
	
	background: url(header.jpg) repeat scroll 0px;  /*Logo + Rundung oben*/
    height:201px;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
}
	#Header h1 {
		color:#fff;
		font-size:1.5em;
		line-height:4.5em;
		padding-left:20px;
	}
	
	#Menu1 {
			/*padding:10px 50px 0;*/
		font-family: Trebuchet MS, sans-serif;
		font-size:8pt;
		color: #FFFF00;
	}
	
	 /*Menu ul*/
	
	#Menu1 ul {
	list-style: none;
	text-align: left;
	margin: 40px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #000000;	/* Linie oben*/
	}
	
	#Menu1 li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #000000; /* Zwischenlinien */
}


	* html body #Menu1 li {
		height: 1%;
	}

	#Menu1 li a {
		font-size:1.2em;
		text-decoration: none;	
		color: #000000; /* Textfarbe Menue*/
		letter-spacing:1px;
		
	}
	
	#Menu1 li a:hover {	
		color: #CE0002 ;
	}
	
	#Menu1 ul ul { margin: 0 0 0 5px; padding: 0; }
	#Menu1 ul ul li { border: none; }

	 /*Menu li*/
	
	/*#Menu1 li {
			float:left;
			margin-left:2px;
			background:url(../images/menu1_right.gif) no-repeat right top;
	}*/
			
	/*#Menu1 li.current,
	#Menu1 li.section {
		background:url(../images/menu1_right_on.gif) no-repeat right top;
	}*/
	
	/*#Menu1 li a {
		display:block;
		color:#fff;
		font-weight:bold;
		font-size:1.1em;
		text-decoration:none;
		padding:5px 15px;
		background:url(../images/menu1_left.gif) no-repeat left top;
	}*/
	
	/*#Menu1 li a:hover {
		color:#d2ebff;
					}*/
	
	#Menu1 li.current a,
	#Menu1 li.section a {
		/*background:url(../images/menu1_left_on.gif) no-repeat left top;*/
		font-weight:bold;
		color:#CE0002;
	}

#ContentContainer {
	/*width: 970px;*/
	width: 940px;	
	margin: 0px auto;
	padding-top:20px; /* davor padding: o; */
	/*background:#f5f5f5 /*url(../images/ss_watermark.gif) bottom left no-repeat;
	padding-top:20px;
	padding-bottom:20px;
	overflow: auto;*/
}

#Banner { /*Brauch ich das???*/
	text-align: center;
}

#Menu2 { /*Brauch ich das???*/
	margin-left: 20px;
	width: 17em;
	float:left;
	background:#f0f0f0;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px;
}
	#Menu2 li {
		padding-left:15px;
		background:url(../images/menu2_arrow.gif) no-repeat left center;
	}
	#Menu2 a {
		color:#333;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
	}
	#Menu2 a:hover {
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#0083C8;
	}

#Content {
	float: left;
	margin: 0px 20px;
	width:70%;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
	padding-bottom:20px;
}
div.breadcrumbs a {
	text-decoration:none;
}


#MainContent {
	float: left;
	width: 640px;
	padding: 20px 0 0 0;
	margin: 0px 0px 0px 20px ; 
	display: inline;
}


#MainContent p, #MainContent h1, #MainContent h2, #MainContent h3, #MainContent ol, #MainContent ul, #MainContent form {
	margin:10px 0pt 0pt 0pt ;
}

#MainContent p, #sidebar p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#000000;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;	
	color:#000000;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;	
	color:#000000;
}

#MainContent img {
	border:1px solid #CCC;
	padding:5px ;
}

a, a:visited {
	color:#FF0000;
	text-decoration:none;
}

a:hover {
	color:#881212;
	text-decoration:underline;
}


#Footer {
	/*background:#015581;
	clear:both;
	text-align:right;
	padding-right:20px;
	border:1px solid #ccc;
	border-top:0;*/
	
	background: url(footer.jpg) no-repeat scroll 50% top;  /*runder Rahmen unten */
    clear:both;
    font-size:90%;
    height:70px;
    padding:10px 0px 0px;
    text-align:center;
}
	#Footer span {
		color:#ccc;
		font-size:1.1em;
		line-height:2em;
		font-weight:bold;
		padding-left:20px;
		background:url(../images/ss_logo.gif) no-repeat;
	}
	#Footer a {
		color:#fff;
	}
		#Footer a:hover {
			text-decoration:none;
		}

ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

li {
    color:$fontColor;
    margin:0px 0px 2px;
    padding:0px;
}

p {
	color:$fontColor;
	font-family:Trebuchet MS 9 ;
	font-size:${fontSize}px;
    margin:0px 0px 5px;
    padding:0px;
}


div {
	color:$fontColor;
	font-family:Trebuchet MS 9 ;
	font-size:${fontSize}px;
    color:$fontColor;
    font-size:${fontSize}px
}

a {
    color:#FF0000;
    text-decoration:none;
}

a:hover {
    color:#881212;
    text-decoration:none;
}


#rightside {
	float: left;
	width: 185px;
	padding: 0px
	margin: 10px 0 0 0;	
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #000000;
}


#rightside *  {
	margin: 15px;
}

