/* Titel: Haupt-Stylesheet */

/* #region Layout Hintergrund */
/* ---  HINTERGRUND  --------------------------------- */
*
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
html
{
	background-image:url(Ueberordner_Grafik/ds_background.jpg);
	background-repeat:repeat;
}
/* #endregion */


/* #region allgemein */
/* +++  ALLGEMEIN   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---  Layout >> ALLGEMEIN  ------------------------- */

@media screen and (max-height: 700px)

{
.bild
{
	display:none;
}
}
.content_container
{
	position:relative;
	width:606px;
	height:530px;
	left:-20px;
	border-bottom-color:#a294bc;
	border-right-color:#a294bc;
	border-bottom-width:20px;
	border-bottom-style:solid;
	border-right-width:20px;
	border-right-style:solid;
	border-radius:40px;
	background:#b6b6d3;
	float:right;
}
.footer
{
	margin-top:15px;
	margin-left:60px;
}
.inhalt
{
	margin-top:80px;
	margin-left:10px;
	width:590px;
}
.main_headline
{
	margin-top:30px;
	margin-left:40px;
	width:330px;
	float:left;
}
.main_nav_container
{
	width:900px;
	height:32px;
	background:#a294bc;
	border-radius:18px;
	margin-bottom:5px;
}
.signet_logo
{
	margin-left:110px;
}
.sub_nav_container
{
	width:284px;
	height:550px;
	border-top-right-radius:40px;
	border-bottom-left-radius:40px;
	border-bottom-right-radius:40px;
	background:#522e96;
	float:left;
}
.wrapper
{
	width:920px;
	overflow:hidden ! important;
	margin:10px auto auto;
}

/* ---  Typo >> ALLGEMEIN  --------------------------- */

.footer
{
	font-size:15px;
	font-weight:bold;
	color:#b00;
}
h1
{
	font-size:24px;
	font-weight:bold;
	font-variant:small-caps;
	color:#1c1133;
}
.text_zentral
{
	font-size:14px;
	font-style:normal;
	color:#1c1133;
}
.text_zitat
{
	font-style:italic;
	font-size:16px;
	color:#1c1133;
}
/* ---  Layout + Typo >> NAVIGATION  ----------------- */

.main_nav
{
	color:#ffc;
}
.main_nav:hover
{
	color:#0ff;
}
.main_nav_active
{
	color:#0f0;
}
.main_nav_container
{
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
}
.main_nav_container .menu li a
{
	width:103px;
	height:28px;
	margin-left:2px;
	margin-right:1px;
	margin-top:1px;
	background:#522e96;
	border:1px solid #000;
	border-radius:6px;
	display:block;
	line-height:30px;
	float:left;
	-webkit-transition:500ms ease-in;
	-moz-transition:500ms ease-in;
	-ms-transition:500ms ease-in;
	-o-transition:500ms ease-in;
	transition:500ms ease-in;
}
.main_nav_container .menu li a:hover
{
	background:#1c1133;
	color:#0ff;
	-webkit-transition:300ms ease-in;
	-moz-transition:300ms ease-in;
	-ms-transition:300ms ease-in;
	-o-transition:300ms ease-in;
	transition:300ms ease-in;
}
.main_nav_container .menu li:first-child a
{
	margin-left:19px;
}
.menu
{
	list-style-type:none;
}
.menu li a
{
	text-decoration:none;
	text-align:center;
}
.sub_nav_link
{
	font-size:14px;
	font-weight:700;
	color:#0000ff;
	margin-left:50px;
}.sub_nav_link_vm
{
	font-size:14px;
	font-weight:900;
	color:#0000ff;
	margin-left:300px;
}
.sub_nav
{
	font-size:15px;
	font-weight:500;
	color:#ffc;
}
.sub_nav_container .menu li a
{
	width:254px;
	height:26px;
	margin-left:9px;
	margin-top:3px;
	background:#522e96;
	border:1px solid #0a0;
	border-radius:6px;
	display:block;
	line-height:26px;
	-webkit-transition:background 500ms ease-in;
	-moz-transition:background 500ms ease-in;
	-ms-transition:background 500ms ease-in;
	-o-transition:background 500ms ease-in;
	transition:background 500ms ease-in;
}
.sub_nav_container .menu li a:hover
{
	background:#1c1133;
	color:#0ff;
	-webkit-transition:background 300ms ease-in;
	-moz-transition:background 300ms ease-in;
	-ms-transition:background 300ms ease-in;
	-o-transition:background 300ms ease-in;
	transition:background 300ms ease-in;
}

.sub_nav_container .menu li:first-child a
{
	margin-top:15px;
}
/* #endregion */

/* #region HAUPTSEITE */
/* +++  HAUPTSEITE  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---  Layout >> HAUPTSEITE  ------------------------ */

#hinweis
{
	margin-top:25px;
	margin-left:25px;
	margin-right:15px;
}
#ich
{
	margin-top:-220px;
	margin-left:350px;
}
#motto
{
	margin-left:25px;
	margin-top:150px;
}
#nolink
{
	margin-left:250px;
	width:240px;
	height:20px;
	background-image:url(Ueberordner_Grafik/kontakt.png);
}
#nolink:hover
{
	background-image:url(Ueberordner_Grafik/kein_link.png);
}
#nolink:active
{
	background-image:url(Ueberordner_Grafik/wirklich_nicht.png);
}

/* ---  Typo >> HAUPTSEITE  -------------------------- */

#hinweis
{
	font-size:14px;
	color:#1c1133;
}
/* #endregion */

/* #region Layout + Typo Impressum */
/* ---  Layout + Typo >> IMPRESSUM ------------------ */

#impress
{
	width:254px;
	height:26px;
	margin-left:9px;
	margin-top:3px;
	background:#522e96;
	border:1px solid #070;
	border-radius:6px;
	display:block;
	line-height:26px;
	-webkit-transition:background 500ms ease-in;
	-moz-transition:background 500ms ease-in;
	-ms-transition:background 500ms ease-in;
	-o-transition:background 500ms ease-in;
	transition:background 500ms ease-in;
	list-style-type:none;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#ccc;
}
#impress:hover
{
	background:#1c1133;
	color:#0ff;
	-webkit-transition:background 300ms ease-in;
	-moz-transition:background 300ms ease-in;
	-ms-transition:background 300ms ease-in;
	-o-transition:background 300ms ease-in;
	transition:background 300ms ease-in;
}
#impressum
{
	margin-left:18px;
	margin-top:60px;
}
#text_impressum
{
	font-style:italic;
	font-size:18px;
	font-weight:bold;
	color:#aaaaaa;
}
/* #endregion */