html, body {height: 100%;}
a:link { text-decoration:none; }
a:visited { text-decoration:none;}

body
{
	font-family: 		Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size:		16px;
	font-weight:		normal;
	font-style:		normal;
	color:			#444444;
	margin:			0px;
	padding:		0px;
	background-color: 	#FFFFFF;
}

h1,h2,h3,h4,h5,h6{font-weight:400;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;}
h1{font-size:1.8em;line-height:1.3;margin-bottom:0.4em;}
h2{font-size:1.5em;line-height:1.4;margin-bottom:0.3em;}
h3{font-size:1.2em;line-height:1.5;margin-bottom:0.2em;}

.gred{color:#ae1565;}

/* Zentrale Seiten-Elemente ----------------------------------------------------------------
   (1) Logo:					#qw-logo
   (2) Box rechts (unterhalb des Logos):	#qw-right-box
   (3) Top-Msg:					#qw-top-msg
   ----------------------------------------------------------------------------------------- */

#wrapper
{
	position:	relative;
	height: 		100%;
	min-height:		720px;
	width:			940px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#FFFFFF;
	z-index: 1;
}

#top
{
	position: absolute;
	top:		0px;
	left:		0px;
	width:		100%;
	height:		100px;
	background-color:	#FFFFFF;
	z-index: 2;
}


#logo
{
	position:	absolute;
	width:		200px;
	height:		90px;
	right:		0px;
	top:		5px;
	margin: 0px;
	padding: 0px;
	background: url(images/gutlogo2.jpg);
	background-size: 200px auto;
	background-repeat: no-repeat;
}

#top-msg
{
	position:	absolute;
	width:		700px;
	height:		40px;
	left:		0px;
	top:		20px;
	margin:		0px;
	padding:	0px;
	overflow:	hidden;
	line-height:	40px;
	font-size:	24px;
	vertical-align:	middle;
	color:		#6c749b;
}

#sub-msg
{
	position: 	absolute;
	width: 		700px;
	height: 	0px;
	left: 		0px;
	bottom: 	0px;
	margin:		0px;
	padding:	0px;
	overflow: 	hidden;
	line-height: 	0px;
	font-size:	24px;
	font-weight:	normal;
	font-style:	normal;
	text-align:	left;
	vertical-align:	middle;
	color:		#ae1565;
}

#content-wrapper
{
	position: absolute;
	left:0px;
	top: 147px;
	width: 920px;
	margin: 0px;
	padding: 10px;
	background-color: #D9D9D9;
	overflow:	auto;
	z-index: 3;
}

#content
{
	position:absolute;
	left:10px;
	top:10px;
	width: 900;
	//min-height:400px;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
	overflow:	auto;
	z-index: 4;
}

#footer
{
	position: absolute;
	bottom:		0px;
	left:		0px;
	width:		100%;
	height:		30px;
	line-height:	30px;
	font-size:	12px;
	font-weight:	normal;
	font-style:	normal;
	text-align:	left;
	vertical-align:	middle;
	align:		center;
	background-color:	#FFFFFF;
	z-index: 5;
}



#qw-logo
{
	position:	absolute;
	width:		160px;
	height:		160px;
	right:		20px;
	top:		5px;
	z-index:	1;

	margin:		0px;
	padding:	0px;
	overflow:	hidden;

	//border:		1px solid #ff0000;
}

#qw-right-box
{
	position:	absolute;
	width:		200px;
	height:		200px;
	right:		20px;
	bottom:		5px;
	z-index:	2;

	margin:		0px;
	padding:	0px;
	overflow:	hidden;

	//border:		1px solid #ff0000;
}

#qw-top-msg
{
	position:	absolute;
	width:		800px;
	height:		66px;
	left:		20px;
	top:		5px;
	z-index:	3;

	margin:		0px;
	padding:	0px;
	overflow:	hidden;

	line-height:	66px;
	font-size:	66px;
	vertical-align:	middle;
	color:		#336188;

	//border: 1px solid #ff0000;
}


#qw-sub-bxs
{
	position:	absolute;
	width:		70px;
	height:		30px;
	left:		20px;
	top:		71px;
	z-index:	4;

	margin:		0px;
	padding:	0px;
	overflow: hidden;

	line-height: 30px;
	font-size:	30px;
	font-weight:	normal;
	font-style:	normal;
	text-align:	left;
	vertical-align:	middle;
	color:		#689ac3;

	//border: 1px solid #ff0000;
}



#qw-sub-msg
{
	position: absolute;
	width: 800px;
	height: 30px;
	left: 95px;
	top: 71px;
	z-index: 5;

	margin:		0px;
	padding:	0px;
	overflow: hidden;

	line-height: 30px;
	font-size:	30px;
	font-weight:	normal;
	font-style:	normal;
	text-align:	left;
	vertical-align:	middle;
	color:		#689ac3;

	//border: 1px solid #ff0000;

}



#qw-kontakt
{
	width: 160px
	height:160px;
	position:absolute;
	right:20px;
	bottom:5px;
	margin: 0px;
	padding: 0px;
	font-size:	12px;
}



#qw-content
{
	width: 400px;
	height:400px;
	position:absolute;
	left:20px;
	top:160px;
	z-index: 6;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	overflow:	auto;
}
.ctd
{
	padding:	10px;
	vertical-align:	top;
}


.qw-osa
{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #336188;
	background-color: #d39745;
}



#qwfs
{
	width: 32px
	height:32px;
	position:absolute;
	right:0px;
	bottom:0px;
	margin: 0px;
	padding: 0px;
}


/* Navigations-Elemente --------------------------------------------------------------------
   (1) Logo:					#qw-logo
   (2) Box rechts (unterhalb des Logos):	#qw-right-box
   (3) Top-Msg:					#qw-top-msg
   ----------------------------------------------------------------------------------------- */

nav {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 100%;
	height: 40px;
	z-index: 6;

	background-color: #fff;
	border: 1px solid #ae1565;
	border-radius: 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	color: #888;
	display: block;
	margin: 0px 0px 0px 0px;
	//overflow: hidden;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav ul li {
	display: inline-block;
	list-style-type: none;
      
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
}


nav > ul > li > a > .caret {
	border-top: 4px solid #aaa;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle;
  
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear; 
}

nav > ul > li > a {
	color: #aaa;
	display: block;
	line-height: 40px;
	padding: 0 24px;
	text-decoration: none;
}

nav > ul > li:hover {
	background-color: rgb( 40, 44, 47 );
}

nav > ul > li:hover > a {
	color: rgb( 255, 255, 255 );
}

nav > ul > li:hover > a > .caret {
	border-top-color: rgb( 255, 255, 255 );
}
      
nav > ul > li > div {
	background-color: rgb( 40, 44, 47 );
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 165px;
	//visibility: hidden;
  
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}


nav > ul > li:hover > div {
	display: block;
	opacity: 1;
	visibility: visible;
}

nav > ul > li > div ul > li {
	display: block;
}

nav > ul > li > div ul > li > a {
	color: #fff;
	display: block;
	padding: 12px 24px;
	text-decoration: none;
}

nav > ul > li > div ul > li:hover > a {
	background-color: rgba( 255, 255, 255, 0.1);
}