/* CSS Document */

/*Einstellungen Body*/
body {
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #252525;
	font-family: Helvetica, Arial, sans-serif;
}

p, li, a {
	color: #4c4c4c;
}

p {
	font-size: 1.2em;
}

a, span {
	font-size: 1.3em;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
	color: #660000;
}

hr {
	color: #cfcfcf;
	margin: 5px;
}

/*Einstellungen Wrapper*/
div#wrapper {
	margin: 0 auto;
	width: 960px;	/*Brutto*/
	padding: 0px;
	font-size: 1em;
	background: url(../img/dots_h.GIF) 0px 160px repeat-x, url(../img/dots_v.gif) 200px 0px repeat-y, url(../img/dots_v.gif) repeat-y 760px 0px;
	background-color: #FFFFFF;
}

/*Einstellungen Header*/
div#header {
	height: 170px;
}

div#header img {
	width: 180px;	/* Brutto 200px - margin 2*0px - border 2*0px - padding 2*10px */
	padding: 10px;
	float: left;
}

div#header h1 {
	width: 540px;	/* Brutto 560px - margin 2*10px - border 2*0px - padding 2*0px */
	margin: 10px;
	float: left;
	padding-top: 30px;
	text-align: center;
}

div#header a {
	width: 166px;	/* Brutto 200px - margin 2*10px - border 2*0px - padding 2*20px */
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: bolder;
	color: white;
	background: rgb(30, 80, 230, 1); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30, 80, 230, 1) 0%, rgba(90, 140, 250, 1) 50%, rgba(30, 80, 230, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30, 50, 230, 1)), color-stop(50%,rgba(0, 34, 144, 1)), color-stop(100%,rgba(30, 80, 230, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30, 80, 230, 1) 0%,rgba(0, 34, 144, 1) 50%,rgba(30, 80, 230, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30, 80, 230, 1) 0%,rgba(0, 34, 144, 1) 50%,rgba(30, 80, 230, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30, 80, 230, 1) 0%,rgba(0, 34, 144, 1) 50%,rgba(30, 80, 230, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(30, 80, 230, 1) 0%,rgba(0, 34, 144, 1) 50%,rgba(30, 80, 230, 1) 100%); /* W3C */
	border: 1px solid black;
	border-radius: 4px;
}

/*Einstellungen Navigation*/
div#nav2 {
	width: 176px;  /*Brutto 200px - margin 2*10px - border 2*2px - padding 2*0px*/ 
	margin: 10px;
	float: left;
	border: 2px solid #cfcfcf;
	border-radius: 4px;
}

div#nav2 a, span {
	padding: 10px;
	font-weight: normal;
}

div#nav2 a:link, div#nav2 a:visited {
	text-decoration: none;
}

div#nav2 a:active, div#nav2 span {
	color: #0000CD;
	text-decoration: none;
}

div#nav2 a:hover {
	color: #0000CD;
	text-decoration: underline;
}

div#nav2 ul {
	list-style-type: none;
	margin-left: 0px;
	padding: 0px 10px 0px 10px;
}

div#nav2 li {
	display: block;
}

div#nav2 h4 {
	text-decoration: none;
	text-align: center;
	padding: 10px 0px;
	margin: -2px;
	font-size: 1.2em;
	font-weight: bolder;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	border: 2px solid #cfcfcf;
}

div#nav2 p {
	display: none;
}

/*Einstellungen Section*/
div#section {
	width: 540px;	/* Brutto 560px - margin 2*0px - border 2*0px - padding 2*10px */
	padding: 0px 10px 10px 10px;
	float: left;
	line-height: 1.8em;
}

div#section b,  {
	font-size: 1.0em;
	font-weight: bold;
}

div#section a {
	color: #0000CD;
	font-size: 1.0em;
	font-weight: normal;
}

div#section li {
	font-size: 1.3em;
}

div#section a:link, div#nav2 a:visited, div#section a:active {
	text-decoration: none;
}

div#section a:hover {
	text-decoration: underline;
}

div#article1 {
	padding: 10px;
}

/*Einstellungen Aside*/
div#aside {
	float: left;
}

div#aside1 h4 {
	text-align: left;
}

div#aside2 h4 {
	text-align: left;
	color:#FFFFFF;
}

div#aside1 {
	width: 146px;	/* Brutto 200px - margin 2*15px - border 2*2px - padding 2*10px */
	padding: 10px;
	margin: 10px;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	border: 2px solid #4c4c4c;
	border-radius: 4px;
}

div#aside2 {
	width: 146px;	/* Brutto 200px - margin 2*15px - border 2*2px - padding 2*10px */
	padding: 10px;
	margin: 10px;
	background-repeat:no-repeat;
	border-radius: 4px;
}

div#aside2 h4{
	text-align: center;
	font-size: 1.4em;
	color:#660000;
}

div#aside2 img{
	width: 150px;
	height: 150px;
}

/*Einstellungen Footer*/
div#footer {
	margin: 15px;	/* Brutto 960px */
	clear: both;
	background: url(../img/dots_h.GIF) 0px 0px repeat-x;
}

div#footer h3 {
	width: 560px;
	margin-left: 200px;
	text-align: center;
	padding-top: 15px;
}

div#footer p {
	width: 185px;	/*Brutto 200px-5px-2*5px*/
	float: left;	
	margin-left: 5px;
	text-align: left;
	padding: 5px;
}