@media all
{



/* Formatierung der Seite */
body {background:#fff; padding:0px;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */

#page_margins {
	border:0px #889 solid; 
	min-width:940px; 
	width:940px; 
	margin:auto;
	clear:both;
}

#page{
	margin-top: 52px;
	border:0px #667 solid; background:#fff;
}



#topnav {
	top:3px;
	border: 0px solid #000;
	right: 178px;
}


#header {
	position:relative;
	height:90px; 
	color:#313127;
	background-color: #fff;
	font-size:0.7em;
}

#header img {
	position:relative; 
}

#header a{
	font-style:normal;
	font-weight:normal;
}

#header div.tx-macinasearchbox-pi1 {
	position:absolute;
	top:0px;
	right:0px;
}


#header div.tx-macinasearchbox-pi1 input {
	margin-left:0;
	vertical-align:top;
	border: 1px solid #a8a8a8;
	background-color:#d8d6d7;
	color:#323228;
  font-size: 1.2em;
}



#header div.tx-ghfontsize-pi1 {
	position:absolute; 
	top:61px; 
 /* right:80px;*/ 
	right:70px; 
	border: 0px solid #000;
	margin:0;
	padding:0;
	float:none;
	clear:both;	
  background-color: transparent;
}



#header div.tx-ghfontsize-pi1 ul{
  width:65px;
}
#header div.tx-ghfontsize-pi1 ul li{
	border: 0px solid #000;
/*  width:16px;*/
  float:left;
  list-style-type:none;
}
#header div.tx-ghfontsize-pi1 ul li IMG.tx-ghfontsize-smaller {	
  border: 0px solid #000;
}
#header div.tx-ghfontsize-pi1 ul li IMG.tx-ghfontsize-reset {	
  border: 0px solid #000;

}
#header div.tx-ghfontsize-pi1 ul li .tx-ghfontsize-larger {	
  border: 0px solid #000;
}



#header div.tx-ghfontsize-pi1 a:hover,
#header div.tx-ghfontsize-pi1 a{
	margin:0;
	padding:0;
	color:#323228;
  background-color: transparent;
}



#header div.tx-ghfontsize-pi1 UL,
#header div.tx-ghfontsize-pi1 LI{
  background-color: transparent;
  padding:0;
  margin:0;
}
#header div.tx-ghfontsize-pi1 LI{
  padding-left: 0px;
	border: 0px solid #000;
}


#header div.printlink,
#header div.reader, #header div.socialnav {
	position:absolute; 
	top:62px; 
	right:0px; 
	border: 0px solid #000;
	margin:0;
	padding:0;
}

#header div.socialnav {
  right:140px;
  width:100px;
  height:20px;
  height:18px;
  width:140px;
  top:58px;
}

#header div.socialnav a {
  height:18px;
  width:18px;
  float:left;
  margin-right:10px;
  background-image:url("../../img/Blog_grau.jpg");
  background-repeat:no-repeat;
}

#header div.socialnav a.blog:hover {
background-image:url("../../img/Blog_MO.jpg");
}

#header div.socialnav a.xing {
  background-image:url("../../img/xing_grau.jpg");
}
#header div.socialnav a.xing:hover {
  background-image:url("../../img/xing_MO.jpg");
}

#header div.socialnav a.youtube {
  width:42px;
  background-image:url("../../img/YouTube_grau.jpg");
}

#header div.socialnav a.youtube:hover {
  background-image:url("../../img/YouTube_MO.jpg");
}

#header div.socialnav a.do {
  background-image:url("../../img/do_grau.jpg");
}

#header div.socialnav a.do:hover {
  background-image:url("../../img/do_MO.jpg");
}

#header div.printlink a,
#header div.reader a{
  color: #000;
  font-size: 11px;
}




/* linke Spalte */
#col1 {
	width:220px;
}
#col1_content {
	margin:0; 
	color:#444; 
	background:inherit;	
	font-size: 0.7em;
}
/* Rechte Spalte */
#col2 {
	/* width:25%; */
	width: 180px;
}
#col2_content {	
	/* margin-left:1em; margin-right:1em;*/
	width:180px;
	margin:0px;
	margin-left: 40px;
	padding-top: 84px;
	float:left;
  border: 0px solid #000;
	font-size: 0.7em;
}

/* Mittlere Spalte */
#col3 {
/*margin-left:22.5%; margin-right:25%; border-left:0px dotted #ddd; border-right:0px dotted #ddd;*/
	margin:0;	
	margin:0px 0px 10px 0px; 	
}
#col3_content {
	margin:0;
	padding:0;
	width: 498px; 
	float:left;
	font-size: 0.7em;
}
.home #col3 .col3_content {
	 width: 498px !important;
   padding:0 !important;
}

#footer{
	clear:both;
	position: relative;
	width:100%;
	color:#888; 
	background:#fff url(/fileadmin/img/bg_footer.jpg) no-repeat; 
	margin:0px 0px 0px 0px; 
	padding:46px 0 0 0; 
	border-top:0px #ddd solid; 
	line-height:1.3em;
	font-size: 0.7em;
	
}




/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {
	margin:0; 
	padding:0; 
	margin-top: 16px;
	background:#fff; 
	width:718px; 
	border:0px solid #000;
}
#teaser div {
	margin:0; 
	padding:0; 
	clear:both;
	margin-right:1em;
	width:auto;
	float:none;

}

#teaser .block1{
	margin-left:0px; 
	padding-left:0px; 
  font-size:0.7em;
  color: #323226;
}

#teaser a{
  color: #323226;
	font-style:normal;
	font-weight:normal;
}
#teaser span{
  color: #0193cf;
	font-style:normal;
	font-weight:normal;
}



}