/* layout */
* 				{ margin: 0; }
body 			{ margin: 0 auto; text-align: center; width: 910px; background: #184757;/*background: #2a7c99*/;
				font-family: 'Questrial', sans-serif;
				-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
				
h1 				{color: #3db2db; font-size: 1.4em; font-weight: lighter;}
h5				{color: #981e51; padding: 10px 0; font-size: 1.1em; font-weight: lighter;}
h6				{color: #981e51; padding-left: 15px; padding-top: 25px; font-size: 1.5em; font-weight: lighter; text-align: left;} /*ausnahmsweise größer als h5*/
p				{margin: 15px; line-height: 1.5em; color: #184757; font-weight: lighter;}
a				{text-decoration: none; color: #981e51;}

ul			 	{line-height: 180%; padding-left: 2em; padding-right: 2em;}
li 				{text-align: justify; color: #184757; line-height: 1.5em; font-weight: lighter; list-style-image:url(images/kreis.png)}





/*header*/
#header 		{ height: 300px; background: #184757;/*background: #2a7c99;*/ }



/*menu*/
#menu 			{height: 60px; background: #184757;/*background: #2a7c99;*/ text-align: center;}
#menu ul 			{display: inline-block;}
#menu li 			{display: inline-block;}
#menu li a 		{display: inline-block; padding: 0em 0.9em; text-decoration: none; font-size: 0.90em; 
				font-weight: light; text-transform: uppercase; line-height: 60px; color: #3db2db;}
#menu li:hover a, 
#menu li.active a {background: #fff; border-radius: 7px 7px 0px 0px; color: #3db2db;}




/*main*/
#main 			{overflow: hidden; padding-top: 20px; padding-bottom: 20px; background:#fff; border-radius: 7px 7px 0px 0px;}
#main p			{text-align:justify; padding-right: 15px; padding-left: 0px;}
#main a:hover 	{color: #3db2db; }
#main h2 		{font-size: 3.5em; font-weight: lighter; color: #184757;}
#main h4 		{font-size: 2.3em; font-weight: lighter; color: #184757; letter-spacing: 0.2em; padding-bottom: 15px;}
#main h5			{padding-right: 15px; padding-left: 15px;}
#main img		{padding: 0 .8em; border:none;}

#sub-menu 		{text-align: left; width: 900px;}
#sub-menu ul		{display: inline-block; background: #981e51;}
#sub-menu li 		{display: inline-block; }
#sub-menu li a 	{display: inline-block; text-decoration: none; font-size: 0.90em; margin-top: 10px;
				font-weight: light; letter-spacing: 0.3em; text-transform: uppercase; line-height: 20px; color: #fff; width: 19.0em; height: 2.0em;}
#sub-menu li:hover a, 
#sub-menu li.active a {color: #3db2db;}


.main-liste ul 	{line-height: 180%; padding-left: 1em; margin: 15px; color: #d0dadd;}
.main-liste li 	{text-align: left; line-height: 1.5em; list-style-image:url(images/kreis.png)}


.content 		{margin: 15px; clear: both;}

.bildbox		{width: 250px;}

.textbox		{float: right; width: 600px;}
.textbox a:hover{text-decoration: underline;}
.textbox h2 		{color: #981e51;}		
.textbox h3 		{margin: 0.0em 0em; letter-spacing: 0.2em; font-size: 1.8em;
				text-align: left; color: #981e51;}	
.textbox ul 		{line-height: 180%; padding-left: 1em;}
.textbox li 		{text-align: left; line-height: 1.5em; list-style-image:url(images/kreis.png)}	
	
.angebotbox		{clear: both; margin-top: 35px; background-color: #3db2db;}
.angebotbox h3	{margin: 0.0em 0em; padding-top: 0.5em; padding-left: .2em; font-weight: lighter; 
				letter-spacing: 0.2em; font-size: 1.8em; text-align: left; color: #fff;}
.angebotbox ul 	{line-height: 180%; padding-left: 1.5em;}
.angebotbox li 	{text-align: left; line-height: 1.5em; color: #fff; list-style-image:url(images/kreis_weiss.png)}		

.vorteilbox		{clear: both; float: left; width: 550px; margin-top: 15px; margin-left: 0px; text-align: left;}
.vorteilbox h3	{margin: 0.5em 0em; letter-spacing: 0.2em; font-size: 1.8em;
				text-align: left; color: #981e51;}		
.vorteilbox ul 	{line-height: 180%; padding-left: 1.5em;}
.vorteilbox li 	{text-align: left; line-height: 1.5em; list-style-image:url(images/kreis.png)}
.vorteilbox a:hover {color: #3db2db; }

.langebox		{clear: both; float: left; width: 900px; margin-top: 15px; margin-left: 0px; text-align: left;}
.langebox p		{margin: 0px; line-height: 1.5em; color: #184757; font-weight: lighter;}
.langebox h3	{margin: 0.5em 0em; letter-spacing: 0.2em; font-size: 1.5em;
				text-align: left; color: #981e51;}		
.langebox ul 	{line-height: 180%; padding-left: 1.5em;}
.langebox li 	{text-align: left; line-height: 1.5em; list-style-image:url(images/kreis.png)}
.langebox a:hover {color: #3db2db; }

	
.kontaktbox		{float: right; width: 300px; margin-top: 35px; margin-left: 15px; background-color: #981e51;}
.kontaktbox h3	{margin-top: 0em; margin-bottom: 1.0em; font-weight: lighter; letter-spacing: 0.1em; font-size: 1.2em;
				text-align: center; color: #fff;}	
.kontaktbox p	{margin: 15px; line-height: 1.5em; color: #fff;}
.kontaktbox a	{color: #fff; text-decoration: none;}
.kontaktbox a:hover{color: #3db2db;}

.dreispaltig-links	{width: 300px; margin-top: 20px;}
.dreispaltig-links h3 {margin: 0 auto; width: 250px; padding-top: 20px; 
					padding-bottom: 5px;  font-size: 1.2em; 
					letter-spacing: 0.1em; font-weight: lighter; color: #981e51;}
.dreispaltig-links p {width: 210px; text-align: center; margin: 10px auto; line-height: 1.5em; color: #184757;}
.dreispaltig-mittig	{float: right; width: 300px; margin-top: 20px;}
.dreispaltig-mittig h3 {margin: 0 auto; width: 250px; padding-top: 20px; 
					padding-bottom: 5px;  font-size: 1.2em; 
					letter-spacing: 0.1em; font-weight: lighter; color: #981e51;}
.dreispaltig-mittig p {width: 210px; text-align: center; margin: 10px auto; line-height: 1.5em; color: #184757;}
.dreispaltig-rechts	{float: right; width: 300px; margin-top: 20px;}
.dreispaltig-rechts h3 {margin: 0 auto; width: 250px; padding-top: 20px; 
					padding-bottom: 5px;  font-size: 1.2em; 
					letter-spacing: 0.1em; font-weight: lighter; color: #981e51;}
.dreispaltig-rechts p {width: 210px; text-align: center; margin: 10px auto; line-height: 1.5em; color: #184757;}

.angebot-button	{display: block; margin: 0 auto; width: 210px; height: 30px; padding: 20px; background: #3db2db; color: #fff; text-align: center;}
.angebot-button a {text-decoration: none; color: #fff; }
.angebot-button a:hover {color: #981e51 !important;}



/*bottom*/
#bottom 		{clear: both; background-color: #184757; padding: 2em; border-top: 20px solid rgba(255,255,255,0.08);
				text-align: center;}
#bottom p 		{letter-spacing: 1px; font-size: 0.90em; font-weight: light; color: #3db2db;}
#bottom a 		{text-decoration: none; color: #fff;}
#bottom a:hover{color: #3db2db;}