@charset "UTF-8";
/* CSS Document */

@font-face 
{ 
font-family: 'NewsGothicMT'; 																/* Für Überschriften und Titel und Links */ 
            src: 	url('fonts/NewsGothicMT.eot#')  format('eot'),
                  	url('fonts/NewsGothicMT.woff')  format('woff'),
                  	url('fonts/NewsGothicMT.ttf')   format('truetype'),
                  	url('fonts/NewsGothicMT.svg#NewsGothicMT')  format('svg'); 
  			font-weight: normal;
  			font-style: normal;	
			
}

@font-face 
{		
			
font-family: 'CenturyGothic';																/* Für normale Texte */
			src: 	url('fonts/CenturyGothic.eot#') format('eot'),  
			 		url('fonts/CenturyGothic.woff') format('woff'), 
					url('fonts/CenturyGothic.ttf')  format('truetype'), 
					url('fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  			font-weight: normal;
  			font-style: normal;				  
}

/*------------------------------------------------------ */
/*--- ALLGEMEIN ---------------------------------------- */
body 
{ 
/*	font-family: 		NewsGothicMT; /**/
	font-family: 		News Gothic MT;
	font-size: 			13px; 
	color:				#535353; /*#9b9066;*/
	/*max-width:			980px;  /**/
	width:				980px; 	/**/
	background-color:	#FFFFFF; /*	*/
	margin: 			0px;
	margin-left:		auto; /*115px;*/
	margin-right:		auto; /*115px;*/
	padding: 			0px; 
}



a 
{
	font-family: 		CenturyGothic; 
	font-size: 			14px; 
	color:				#535353; /*#9b9066;*/
	text-decoration:	none; 
}

a:hover 
{ 	
	font-family: 		CenturyGothic; 
	font-size: 			14px; 
	color:				#d836e2; /* cyan 00e4f8 */
	text-decoration:	none; 
}

a:active 
{ 	
	font-family: 		CenturyGothic; 
	font-size: 			14px; 
	color:				#d836e2;
	text-decoration:	none; 
}

/*------------------------------------------------------ */
/*--- HEADER LOG  -------------------------------------- */

#headlogo
{
	position:			relative;
	height:				100px;
	width:				450px;
	left:				auto;
	right:				auto;
	margin-left:		auto;
	margin-right:		auto;
}

  
#pagemenu 
{
/*	background-color:	#06C; */
	position:			realtive;
	height:				40px;
	width:				980px;
	margin-top:			30px;
	margin-left:		auto;
	margin-right:		auto;
}

#pagemenu_text
{
/*	background-color:	#06C; */
	font-family: 		News Gothic MT;
	text-transform: 	uppercase;
	font-size: 			18px; 
	color:				#3d3d3d; 
	position:			realtive;
	height:				30px;
	width:				220px;
	margin-top:			0px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
	float:				left;
}

#pagemenu_space
{
/*	background-color:	#06C; */
	position:			realtive;
	height:				30px;
	width:				160px;
	margin-top:			0px;
	margin-left:		auto;
	margin-right:		auto;
	float:				left;
}


#pagebody 
{
/*	background-color:	#06C; */
	position:			realtive;
	height:				auto;
	width:				980px;
	margin-top:			0px;
	margin-left:		auto;
	margin-right:		auto;
}


#pagebody_text
{
/*	background-color:	#06C; */
	font-family: 		News Gothic MT;
	text-transform: 	none;
	text-align:			justify;	
	font-size: 			16px; 
	line-height: 		200%;
	color:				#3d3d3d; 
	position:			realtive;
	margin-top:			50px;
	margin-left:		40px;
	margin-right:		40px;;
}

#pagefooter
{
/*	background-color:	#06C; */
	position:			realtive;
	width:				980px;
	margin-top:			0px;
	margin-left:		auto;
	margin-right:		auto;
	float:				left;	
}

#pagefooter img
{
/*	background-color:	#06C; */
	display: 			block;
	position:			realtive;
	margin-left:		auto;
	margin-right:		auto;
	width:				450px;
}
  
#pagefootermenu 
{
/*	background-color:	#06C; */
	position:			realtive;
	width:				980px;
	margin-top:			40px;
	margin-left:		auto;
	margin-right:		auto;
	float:				left;
}

#pagefootermenu_text
{
/*	background-color:	#06C; */
	font-family: 		News Gothic MT;
	text-transform: 	uppercase;
	font-size: 			10px; 
	color:				#838383; 
	position:			realtive;
	height:				20px;
	width:				120px;
	margin-top:			0px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
	float:				left;
}

#pagefootermenu_space
{
/*	background-color:	#06C; */
	position:			realtive;
	height:				40px;
	width:				310px;
	margin-top:			0px;
	margin-left:		auto;
	margin-right:		auto;
	float:				left;
}


#body_frame_1x1
{  
/*	background-color:	#30F; /**/
	-moz-box-shadow: 	0 0 5px #888;
	-webkit-box-shadow:	0 0 5px#888;
	box-shadow: 		0 0 5px #888;
	background-image: 	linear-gradient(45deg, #eaeaea, #ffffff);
	position:			relative;
	background-repeat:	no-repeat;
	width:				320px;
	height:				200px;
	top:				0px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			10px;
	float:				right;
}


.body_top
{  
	position:			relative;
/*	background-color:	#30F; /**/
	width:				100%;
	height:				40px;
	top:				0px;	
	margin-right:		0px;
	margin-top:			0px;
	float:				right;
}


.body_main
{  
/*	background-color:	#f0F; /**/
	position:			relative;
	top:				0px;
	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	float:				left;	
}

.body_main_text
{ 
/*	background-color:	#3fF; /**/
	position:			relative;
	text-transform: 	none;
	font-size: 			14px;
	text-align:			justify;
	top:				0px;
	bottop:				0px;
	margin-left:		20px;
	margin-right:		20px;
	margin-top:			0px;
	margin-bottom:		0px;
	float:				left;
}	


.button-1
{   

	font-family: 		CenturyGothic; /*NewsGothicMT; */
	font-size: 			16px; 
	color:				#535353;
	text-transform: 	uppercase;
	-moz-box-shadow: 	0 0 5px #888;
	-webkit-box-shadow:	0 0 5px#888;
	box-shadow: 		0 0 5px #888;
	background-image: linear-gradient(45deg, #eaeaea, #ffffff);
	position:			realtive;
	/* background-image:url(/bilder/menubuttons_cyan.png); /**/
	height:				80px;
	width:				280px;
	top:				0px;
	left:				0px;
/*	margin-left:		0px; /**/
/*	margin-right:		10px; /**/
	margin-top:			20px;
	margin-bottom:		0px;
	top:				0px;
	right:				0px;
	float:				left; /**/
}

.button-2
{   

	font-family: 		CenturyGothic; /*NewsGothicMT; */
	font-size: 			16px; 
	color:				#535353;
	text-transform: 	uppercase;
	-moz-box-shadow: 	0 0 5px #888;
	-webkit-box-shadow:	0 0 5px#888;
	box-shadow: 		0 0 5px #888;
	background-image: linear-gradient(45deg, #eaeaea, #ffffff);
	position:			realtive;
	/* background-image:url(/bilder/menubuttons_cyan.png); /**/
	height:				80px;
	width:				280px;
	top:				0px;
	left:				0px;
/*	margin-left:		0px; /**/
/*	margin-right:		10px; /**/
	margin-top:			20px;
	top:				0px;
	right:				0px;
	float:				left; /**/
}

.button-3
{   
	font-family: 		CenturyGothic; /*NewsGothicMT; */
	font-size: 			16px; 
	color:				#535353;
	text-transform: 	uppercase;
	-moz-box-shadow: 	0 0 5px #888;
	-webkit-box-shadow:	0 0 5px#888;
	box-shadow: 		0 0 5px #888;
	background-image: linear-gradient(45deg, #eaeaea, #ffffff);
	position:			realtive;
	/* background-image:url(/bilder/menubuttons_cyan.png); /**/
	height:				80px;
	width:				280px;
	top:				0px;
	left:				0px;
/*	margin-left:		0px; /**/
/*	margin-right:		10px; /**/
	margin-top:			20px;
	top:				0px;
	right:				0px;
	float:				left; /**/
}






/*------------------------------------------------------ */
/*--- FOOTER ------------------------------------------- */

.trigger {
	position:relative;
	float:left;
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 1px #fff inset;
	-webkit-box-shadow:0 1px 1px #fff inset;
	box-shadow:0 1px 1px #fff inset;
	background:-moz-linear-gradient(center top, #e9e9e9 50%, #ddd 50%);
	background-color:#ddd;
	cursor:pointer;
	text-shadow:0 1px 0 #fff;
	padding:		5px;
	
	border:1px solid #ddd;
	color:#888;
	*/
	
	
	margin-bottom:	5px;


	width:			190px;
	height:			90px;
}
.trigger_active {
	color:#333;
}
.toggle_container {
	position:	relative;
	float:		right;
	margin-top:		0px;
	padding:		5px 10px;
	width:			900px;
	height:			90px;
}


/*------------------------------------------------------ */
/*--- FOOTER ------------------------------------------- */

#footermenu
{  
/*	background-color:	#30F; */
	position:			relative;
	height:				90px;
	width:				980px;
	top:				0px;
	margin-left:		10px;
	margin-right:		auto;
	margin-top:			10px;
	float:				left;
}

#footermenu2
{ 
/*	background-color:	#30F; */ 
	position:			relative;
	height:				90px;
	width:				980px;
	top:				0px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			10px;
	float:				left;
}

#footerpartner
{  
	position:			relative;
/*	background-color:	#30F; */
	background-image:	url(/bilder/body_footerpartner.png);
	
	height:				60px;
	width:				980px;
	top:				0px;
	margin-left:		auto;
	margin-right:		auto;
}

#footerpartner_logo
{   
	position:			relative;
/*	background-color:	#3FC; */ 
	margin-left:		25px;
	margin-top:			0px;
	margin-bottom:		0px;
	float:				left;
}

#footerbutton_twitter
{  
	position:			realtive;
	height:				30px;
	width:				30px;
	top:				0px;
	margin-right:		0px;
	margin-left:		0px;
	margin-top:			0px;
	float:				left;
}

.footerbutton_twitter_on
{   
	background-image:	url(/bilder/icon_twitter.png); 
	position:			realtive;
/*	background-color:	#30F; */
	z-index:			1;
}

.footerbutton_twitter_off
{   
	background-image:	url(/bilder/icon_twitter2.png); 
	position:			realtive;
/*	background-color:	#30F; */
	z-index:			2;
}

#footerbutton_facebook
{   
	position:			realtive;
	height:				30px;
	width:				30px;
/*	background-color:	#30F; */
	position:			relative;
	top:				0px;
	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	float:				left;
}

.footerbutton_facebook_on
{   
	background-image:	url(/bilder/icon_facebook.png); 
	position:			realtive;
/*	background-color:	#30F; */
	z-index:			1;
}

.footerbutton_facebook_off
{   
	background-image:	url(/bilder/icon_facebook2.png); 
	position:			realtive;
/*	background-color:	#30F; */
	z-index:			2;
}


#footerbutton_xing
{   
	position:			realtive;
/*	background-color:	#30F; */
	position:			relative;
	height:				30px;
	width:				30px;
	top:				0px;
	margin-left:		0px;
	margin-right:		0px;	
	margin-top:			0px;
	float:				left;
}

.footerbutton_xing_on
{   
	background-image:	url(/bilder/icon_xing.png); 
	position:			realtive;
/*	background-color:	#30F; */
	z-index:			1;
}

.footerbutton_xing_off
{   
	background-image:	url(/bilder/icon_xing2.png); 
	position:			realtive;
/*	background-color:	#30F; */
	z-index:			2;
}

#footerbutton_google
{   
/*	background-color:	#30F; */
	position:			relative;
	height:				30px;
	width:				30px;
	top:				0px;
	margin-left:		0px;
	margin-right:		0px;	
	margin-top:			0px;
	float:				left;
}

.footerbutton_google_on
{   
	background-image:	url(/bilder/icon_google.png); 
	position:			realtive;
/*	background-color:	#30F; */
	z-index:			1;
}

.footerbutton_google_off
{   
	background-image:	url(/bilder/icon_google2.png); 
	position:			realtive;
/*	background-color:	#30F; */
	z-index:			2;
}


.footermenu_field
{   
/*	background-color:	#30F; */
	position:			relative;
	height:				90px;
	width:				160px;
	top:				0px;
	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	float:				left;
}

.footermenu_field_tide
{   
/*	background-color:	#30F; */
	position:			relative;
	height:				90px;
	width:				140px;
	top:				0px;
	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	float:				left;
}

.footermenu_field_supertide
{   
/*	background-color:	#30F; */
	position:			relative;
	height:				100px;
	width:				80px;
	top:				0px;
	margin-left:		0px;
	margin-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	float:				left;
}

.footermenu_text
{   
/*	background-color:	#3FC; */

	position:			relative;
	height:				16px;
	margin-left:		0px;
	margin-right:		0px;
	margin-top:			10px;
	margin-bottom:		0px;
}

.footermenu_text a
{
	font-family: 		NewsGothicMT; 
	font-size: 			11px; 
	color:				#535353;; /*#9b9066;#b5ab89;*/
	text-decoration:	none; 
}

.footermenu_text a:hover 
{ 	
	font-family: 		NewsGothicMT; 
	font-size: 			11px; 
	color:				#d836e2;
	text-decoration:	none; 
}

.footermenu_text a:active 
{ 	
	font-family: 		NewsGothicMT; 
	font-size: 			11px; 
	color:				#d836e2;
	text-decoration:	none; 
}

.footer_logo
{   
	position:			relative;
/*	background-color:	#3FC; */ 
	margin-left:		0px;
	margin-right:		40px;
	margin-top:			17px;
	margin-bottom:		0px;
	float:				right;
}

.footercopyright
{
	/*background-color:	#30F; /**/
	text-transform:		none;
	position:			absolute;
	margin-left:		0px;
	margin-top:			50px;
	margin-right:		10px;	
	font-size: 			9px; 
	font-style:			italic;
	color:				#b2b3b4;
	text-decoration:	none;	
}

.footercopyright a
{
	/*background-color:	#30F; /**/
	font-size: 			9px; 
	font-style:			italic;
	color:				#b2b3b4;
	text-decoration:	none;	
}

.icon_horizontal
{
/*	background-color:	#3FC; */ 
	margin-left:		0px;
	margin-right:		10px;
	margin-top:			0px;
	margin-bottom:		0px;
	float:				left;		
}