/* CSS Document */

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

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: 720px;	/*Brutto 760px - padding 2*20px */
	padding: 0px 0px 0px 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: 140px;
}

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

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

div#header a {
	float: right;
	display: inline;
	width: 100px;	/* Brutto 112px - margin 2*0px - border 2*1px - padding 2*5px */
	/*margin-top: 30px;*/
	/*margin-left: 15px;*/
	/*float: left;*/
	/*display: block;*/
	text-decoration: none;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin: 10px 30px 0px 30px;
	font-size: 1.2em;
	font-weight: bolder;
	color: #FFFFFF;
	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, div#nav2 span {
	/*display: inline;*/
	padding: 15px 7px 15px 7px;
	font-size: 1.2em;
	font-weight: bolder;
}

div#nav2 a:link, div#nav2 a:visited {
	color: #DBDBDB;
	font-style: normal;
	text-decoration: none;
}

div#nav2 a:active, {
	color: #DBDBDB;
	font-style: normal;
	text-decoration: none;
}

div#nav2 a:hover, div#nav2 span {
	color: #FFFFFF;
	text-decoration: underline;
	font-style: normal;
}

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

div#nav2 li {
	display: inline;
	padding: 11px;
	margin: 0px;
	background: rgb(0, 113, 255, 1); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0, 113, 255, 1) 0%, rgba(0, 34, 144, 1) 50%, rgba(0, 113, 255, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 113, 255, 1)), color-stop(50%,rgba(0, 34, 144, 1)), color-stop(100%,rgba(0, 113, 255, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 113, 255, 1) 0%,rgba(0, 34, 144, 1) 50%,rgba(0, 113, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 113, 255, 1) 0%,rgba(0, 34, 144, 1) 50%,rgba(0, 113, 255, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 113, 255, 1) 0%,rgba(0, 34, 144, 1) 50%,rgba(0, 113, 255, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 113, 255, 1) 0%,rgba(0, 34, 144, 1) 50%,rgba(0, 113, 255, 1) 100%); /* W3C */
	border: 1px solid black;
	border-radius: 0px;
}

div#nav2 li.main {
	display: none;
}

div#nav2 hr {
	float: left;
	display: none;
	visibility: hidden;
}

div#nav2 h4 {
	visibility: hidden;
	/*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: 500px;	 /*Brutto 560px - margin 2*0px - border 2*0px - padding 2*10px */
	float: left;
	padding: 0px 10px 10px 10px;
	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 {
	width: 200px;
	float: left;
	margin-top: 15px;
}

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;
	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-left: 100px;*/
	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 760px */
	clear: both;
	background: url(../img/dots_h.GIF) 0px 0px repeat-x;
}

div#footer h3 {
	width: 760px;
	text-align: center;
	margin-top: -40px;
}

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