@import url("inhalt.css");
@import url("menues.css");
@import url("frame.css");
@import url("news.css");
@import url("powermail.css");

/* Hide Preloader */
	.coda-slider p.loading { display: none; }

:focus {
	outline: none;
}


/* ---------------------------------------------------------------------------- */
/* Enth�lt das Gund-CSS f�r die Aufteilung des Layouts ohne Inhaltskasten (frame.css).
Die speziellen Anweisungen f�r die Homeboxen befinden sich im home.css. */


* {
  margin: 0;
  padding: 0;
}
* html body * {
  overflow: visible;
}


/* ---------------------------------------------------------------------------- */
/* skiplinks */

#skiplinks {
  left: -32768px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
#skiplinks a.skip: focus, #skiplinks a.skip: active {
  left: 32768px;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0;
  position: absolute;
  width: 100%;
}



/* ---------------------------------------------------------------------------- */
/* main wrapper */

div.wrapper {
  margin:  0 auto;
  text-align:  left;
  width: 999px;
}

/* ---------------------------------------------------------------------------- */
/* header */


div#meta {
	height: 70px;
	width:999px;
}
div.meta_left	{
	float: left;
	width: 463px;
	height:17px;
	padding-left:37px;	
}

	div.quicklinks {
		float:left;
		height:24px;
		width:227px;
		max-width:447px;
		width:auto!important;
		background-color:#D7D7D7;
		background-image:url(../img/ql_left.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		color:#7D7D7D;
		padding-left:6px;
		padding-top:20px;
		list-style-type: none;
		text-decoration: none;
		font-size:11px;
	}
	* html div.quicklinks {
		float:left;
		height:24px;
		width:227px;
		max-width:447px;
		width:auto!important;
		background-color:#D7D7D7;
		background-image:url(../img/ql_left.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		color:#7D7D7D;
		padding-left:6px;
		padding-top:16px;
		list-style-type: none;
		text-decoration: none;
		font-size:11px;
	}
		/* Find Quicklinks-Menu Styles in menues.css */	
	div.quicklinks_end { 
		float:left; 
		background-image:url(../img/ql_right.jpg); 
		background-position:right top; 
		width:9px; 
		height:44px;
	}
						


/* Div Container f�r Spezial-Inhalt oberhalb Logo */

div.meta_right {
	float: left;
	width: 499px;
	height:70px;
}

	

/* Navigation --> Anweisungen im menues.css */
div#navigation_container {
	/*height: 67px;*/
	height: 71px;
	width:999px;
}
div.navigation_left	{
	float: left;
	width:786px;
	height:46px;
	padding-top:25px;
	padding-left:29px;	
}
div.logo {
	float: left;
	width: 125px;
	text-align: right;
	padding-right:58px;
}



/* ---------------------------------------------------------------------------- */
/* content */

div#content_container_home {
	height: 772px;
	width:999px;
}
* html div#content_container_home {
	height: 772px;
	h\eight: 772px;
	width:999px;
}

div#content_container {
	width:999px;
	height:545px;
}



/* ---------------------------------------------------------------------------- */
/* footer */

div#footer {
	padding:30px 57px 20px 37px;
	color: #727272;
	width: 905px;
	font-size:12px;
	line-height:18px;
	background-image:url(../img/bg_footer.gif);
	background-repeat:no-repeat;
	min-height:180px;
	height:180px;
	height:auto!important;
}
div#footer a, div#footer a:link, div#footer a:visited {
	color: #727272;
	text-decoration: none;
}
div#footer a:hover {
	color: #727272;
	text-decoration: underline;
}


	div.projects {
		padding-left:20px;
		width:298px;
		height:auto;
		float:left;		
	}
	div.projects a:link, div.projects a:visited {
	background-image:url(../img/pfeile/pfeil_grau_footer.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:11px;
	}
	div.projects a:hover {
	background-image:url(../img/pfeile/pfeil_grau_footer.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
	
	div.socialising { 
		padding-left:20px;
		width:130px;
		height:auto;
		float:left;
		}
		div.socialising ul { display:block; width:130px; margin:0px; padding:0px; list-style-type: none; text-decoration: none; list-style-image: none;}
		div.socialising ul li {text-decoration:none; list-style-image:none; color:#727272; margin:0px; padding:0px;}
		div.socialising ul li a { text-decoration:none; list-style-image:none; color:#727272; padding:0px 0 0px 18px;}
		div.socialising ul li a:hover { text-decoration:underline; list-style-image:none; color:#727272;}
		
		/* Zuweisung Social Media Icons im Footer */
		li.icon_fb a {  background-image:url(../img/icon/fb_passive.gif); background-repeat:no-repeat; background-position:left top;}
		li.icon_twitter a {  background-image:url(../img/icon/twitter_passive.gif); background-repeat:no-repeat; background-position:left top;}
		li.icon_flickr a {  background-image:url(../img/icon/flickr_passive.gif); background-repeat:no-repeat; background-position:left top;}
		li.icon_youtube a { background-image:url(../img/icon/youtube_passive.gif); background-repeat:no-repeat; background-position:left top;}
		
		li.icon_fb a:hover { background-image:url(../img/icon/fb.gif);}
		li.icon_twitter a:hover { background-image:url(../img/icon/twitter.gif);}
		li.icon_flickr a:hover { background-image:url(../img/icon/flickr.gif);}
		li.icon_youtube a:hover { background-image:url(../img/icon/youtube.gif);}
		
		
	div.usefull {
		padding-left:20px;
		width:130px;
		height:auto;
		float:left;
	}
	div.contac {
		padding-left:20px;
		height:auto;
		float:left;
	}
	
div#footer h1 { font-size:10px; color:#434343; text-transform:uppercase; margin-bottom:11px;}