@charset "utf-8";

html,body {
	height: 96%; /* Stay a bit off top and bottom and stop a scrollbar in IE. */
}
body {
	margin-top: 2%; /* get of that top! */
	margin-bottom: 2%; /* And stay of the bottom as well! */
	background-color: #FFFFFF; /* Fresh and white! */
	font-family: Georgia, Geneva, "Trebuchet MS", Monaco, Calibri, sans-serif; /* Monaco = iMac, Calibri = Windows Vista */
	/*font-size: small 100%; /* This makes sure IE users can increase fontsize with their browser.  */
	color: #6d6d6d; /* A nice grey color. */
}







/* ************************* END GENERAL STYLING ************************* */


/* *************************  START DIV STYLING  ************************* */

#container { /* <DIV #1> */
	width: 800px; /* Edit this to change the width of your site. Set it to 100% for some fun :-) */
	margin-left: auto;  /* This keeps the template centered. */
	margin-right: auto; /* This keeps the template centered. */
	border-top: 1px solid #F4F4F4;
	border-left: 1px solid #F4F4F4;
	border-right: 1px solid #F4F4F4; 
	border-bottom: none;
	}

#news {
font-size: 20px;
font-family: "Trebuchet MS", Verdana, sans-serif;
color: #8b4131;
background: url(/sticker.jpg) no-repeat;
background-position: center 30px;
padding-top: 20px;
padding-bottom: 20px;
}

#newslink {
font-size: 14px;
font-family: "Trebuchet MS", Verdana, sans-serif;
color: #39488e;


}





#header { /* <DIV #2> */
	width: auto; /* Just as wide as the container, ofcourse. */
	height: auto; /* No need to set height, just some padding around the headers is enough to get height. */
	text-align: left; /* The text in this header should align right in my humble opinion... */
	padding: 3% 4%; /* padding top is 3% and padding right is 4%. This creates the height of the header. */
	background: url(diags.jpg) top left repeat-x; /* Couldn't resist. Used an image */
}
	#header h1 { /* The first line of text in the header, the big orange one. */
		font-size: 24px; /* Big font! 150% of the font-size of the body! */
                 font-family: "Trebuchet MS", Verdana, sans-serif;
                 color: #00ACF4; /* Orange color for textline one. */
		display: inline; /* This trick will display the both lines of text next to eachother instead of under eachother* */
		/*letter-spacing: 4px; *//* A thick amount of spacing between the letters, to create a nice effect on the text. */
	}
	#header h2 {
		position: relative; /* All sizes, paddings and margins are measured relative to #header h1. */
		display: inline; /* The trick will only work if you add display: inline here as well, and add a <br /> between them in the HTML code. */
		vertical-align: middle; /* Appear in the center of the #header. */
		font-size: 70%; /* 70% of the size of the font-size from the body. */
		font-weight: 100; /* a very sleek and lightweight font. 600 for big font. */
		text-transform: uppercase; /* ALL CAPS ON THIS LINE OF TEXT */
		color: #00ACF4; /* Ocean blue color... */
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* I love Trebuchet, should've been the standard font! ;-) */
	}

#core_container { /* <DIV #3> */
/* This div will hold all textual contents in the core of your page, hence core_container... */
	width: 100%; /* Just as wide as the #container, since it's still in there. */
	background-color: #FFFFFF; /* Good ol' white. */
	padding-top: 20px; /* war ohne den Ankündigungsbanner 80px...*/
}





#core_left { /* <DIV #4> */
	width: 200px; /* A fixed width to display the images correctly below eachother. */
	float: left; /* Always stay on the left side of the #core_container. */
	padding: 12px; /* 12px space inside this div before anything happens. */
	/*_padding: 6px; /* IE HACK. 6px space for IE, because of the boxmodel error. Remove this and check the page in IE... :( */
	height: auto; /* Height is automaticlly calculated. No need to set it. */
	background-color: #FFFFFF;
}
	#core_left img {
		border: 0; /* The images on the left may not have a border. */
	}
	#core_left p {
		font-size: 70%; /* The fontsize is 70% of the fontsize of the body tag. */
	}
	#core_left a, #core_left a:link, #core_left a:visited {
		color: #000000; /* All links, visited or not are black. */
		text-decoration: none; /* with no line under it. */
	}
	#core_left a:hover {
		color: #00ACF4; /* Oceanblue linktext on hover. */
	}
	#core_left h3, #core_left h4 {
		position: relative; /* All sizes, paddings and margins are measured relative to #header h1. */
		display: inline;
		vertical-align: middle; /* Appear in the center of the #header. */
		font-size: 90%; /* 90% of the size of the font-size from the body. */
		font-weight: 500; /* a bolder font. 600 for even bolder, 100 for very sleek. */
		text-transform: uppercase; /* ALL CAPS ON THIS LINE OF TEXT */
		color: #00ACF4; /* Ocean blue color... */
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	#core_left li { /* The contents of core_left is presented in an unordered list. Here it is. */
		font-size: 14px; /* Fontsize and styling. */
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	.litxt { /* This is the text in the unordered list within core_left, with 5% space on the left. */
                 text-align: center;
                 padding-bottom: 10px;
		width: 95%;
		padding-left: 0%;
	        font-family: "Trebuchet MS", Verdana, sans-serif;
                 font-size: 70%;
         }
	#core_left ul { /* this is the ul styles for core_left. */
		/* position:fixed;*/
		list-style: none; /* No dot in the list please. */
		padding-left: 0px; /* Get yourself to the left of the page. */
		margin-left: 0; /* IE needs this to do the same as stated above... */
	}


#core_right { /* <DIV #5> */
	width: 600px; /* this div is 476px wide and contains all contents on the right of the page. */
	float: left; /* Always show up on the rightside of the screen, even when width is changed of the #container. */
	margin: 0; /* No margins, no paddings. */
	padding: 0;
	background-color: #FFFFFF; /* Fresh white! */
}
	#core_right h5, #core_right h6 { /* The headers in #core_right */
		position: relative; /* All sizes, paddings and margins are measured relative to #header h1. */
		vertical-align: middle; /* Appear in the center of the #header. */
		font-size: 90%; /* 90% of the size of the font-size from the body. */
		font-weight: 500; /* a bolder font. 600 for even bolder, 100 for very sleek. */
		text-transform: uppercase; /* ALL CAPS ON THIS LINE OF TEXT */
		color: #00ACF4; /* Ocean blue color... */
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	
	
	#core_right h4, #core_right h3 { /* The headers in #core_right */
		position: relative; /* All sizes, paddings and margins are measured relative to #header h1. */
		vertical-align: middle; /* Appear in the center of the #header. */
		font-size: 75%; /* 90% of the size of the font-size from the body. */
		font-weight: 500; /* a bolder font. 600 for even bolder, 100 for very sleek. */
		text-transform: uppercase; /* ALL CAPS ON THIS LINE OF TEXT */
		color: #00ACF4; /* Ocean blue color... */
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	
	
	
	
	
	#core_right p, #core_right h5, #core_right h6, #core_right h4, #core_right h3  {
		padding-left: 5%; /* The headers and paragraphs in core_right should stay 5% off the edge of div #core_right. */
		
	}

         #core_right p  { /* The paragraphs in #core_right should have this styling: */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* Font... */
		font-size: 90%; /* 80% of the font-size from the body tag. */
		line-height: 18px; /* The whitespace between the lines. */
                 text-align: justify;
                 
	}

         #core_right ul, #core_right ol {
         	
         	font-family: "Trebuchet MS", Verdana, sans-serif; /* Font... */
		font-size: 30%; /* 80% of the font-size from the body tag. */
		line-height: 18px; /* The whitespace between the lines. */
                 text-align: left;
                 padding-left: 40px;
         }