@media screen
{

body { 
  
  background: #596a72 url(../images/background-page.png) repeat-x scroll center top;
  padding: 0px; font-family:verdana,arial,sans-serif;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{   
	background: #f2f5f7 url(../images/background-margins.png) repeat-x scroll center top;
	padding: 12px;
	padding-bottom: 0px;
}

#header {
	clear:both;
	height:115px;
	/* border: 6px solid #f00; */
	/* background-color:#f0f;
	background-image:url(../images/headerbg.png);
	background-position:top left;
	background-repeat:repeat-y; */
	/* background:inherit; */
}
#logo {
	position:relative;
	top:0px;
	padding-left:8px;
	padding-top:18px;
	width: 195px;
	float:left;
	
}

#banner {
  padding-top:31px;	
  float: left;
}
	
#headerright{
	width:296px;
	height: 104px;
	float:right;
}

.tx-macinasearchbox-pi1 {
  position:relative;
}

#topsearch{
	margin-top:10px; 
	height: 70px;
    font-size:11px;
    right:0px;
    text-align:left;
    top:0px;
	background: #e4e9ed url(../images/background-search.jpg) repeat-x center top;
	border: 1px solid #c6c6c6;
}
* html #topsearch {margin-top: 2px; }

#topsearch #loginuppergradient {
	/* background: url(../images/background-search.jpg) repeat-x center top; */
  	
}

#topsearch #loginlowergradient {
	/* background: url(../images/background-search.jpg) repeat-x center top; */
	
}

#topsearch a {
	font-weight: bold;	
	font-size:10px;
	color: #7e98a9;
	text-decoration: underline;
	padding: 0 8px;
	
}
* html #topsearch a {
    font-size:11px;	
}


#topsearch form fieldset {
	display: inline;
	padding: 8px;
	background: transparent;
	border: none;
}

span.forgotpasswordlink {
  margin-left: 23px;
}

#topsearch form fieldset input.loginbutton {
	border: 0;
}

#main .forgotpassword div, #main .forgotpassword label {
	padding-bottom: 10px;
}

#topsearch form fieldset input, #loginuppergradient form fieldset input,
input.forgotemail  {
	width: 115px;
	height: 14px;
	border: 1px solid #a9b7c2;
	margin-right: 4px;
	padding: 2px;
}

#topsearch form fieldset div.forgotpassword input.forgotemail, input.forgotemail {
	width: 190px;
}


#topsearch form fieldset div#emailcaption {
	color: #7e98a9;
}

#topsearch form fieldset label, .forgotpassword label {
	color: #7e98a9;
	font-weight: bold;	
}

#topsearch form fieldset .loginbutton, #loginuppergradient form fieldset .loginbutton {
	width: 20px;
	border: 0;
	height: 20px;
	background: none;
	margin-top: -2px;
	margin-left: -2px;
}

#topsearch form fieldset div.forgotpassword input.loginbutton {
  /* padding-top:10px;	*/
}

#topsearch form fieldset div.forgotpassword {
	margin-top: -23px;
}

#topsearch form #welcome {
	float: left;
	color: #cccccc;
	padding-left: 4px;
	padding-top: 4px;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
} 
#topsearch form #loginuser {
	float: left;
	padding-left: 2px;
	padding-top: 4px;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
} 

#topsearch form #changeuser {
	padding-top: 4px;	
	float:right;
}
#topsearch form #changeuser a {
	color: #feb300;
	font-size: 8px;	
}

/*
#topsearch form input#logoutbutton {
	position: absolute;
	top: 4px;
	right: 8px;
	border:0;
	background-color:transparent;
	background-image:url(../images/topnavi-login.gif);
	background-position:center;
	color:#FFFFFF;
	font-size:9px;
	line-height:12px;
	text-decoration:none;
	width:auto;
}

* html #topsearch form input#logoutbutton {
	top: 3px;
	right: 10px;
}

#topsearch form input#logoutbutton:hover {
	color: #feb300;
}
*/


#topsearch .backlinklogin {
	padding-top: 12px;
	padding-left: 12px;
}


#searchbox { 
margin-top:24px; 
  padding-left:18px;
}




.searchboxinput { 
float: left; margin-right: 6px;
top:0;
left:0;
clear: both;
}
.searchboxinput input {
	background-color:transparent;
	color:#909090;
	font-size:15px;
	height:22px;
	padding:1px 3px;
	width:180px;
}

.searchboxsubmit { 
	float: left; /* display:inline; */ 
	top: 70px;
	right: 55px;
	
}

* html .searchboxsubmit, * html .searchboxinput {
	top: 64px;
}



/*#footer { color:#888; background:#fff; margin: 1em; padding: 1em 0 0 0;  solid; }*/

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width:1012px;
    margin-left:auto;
	margin-right:auto;
	max-width:inherit;  /*min-width fuer fixes Layout abschalten */
	min-width:inherit;  /*  max-width fuer fixes Layout abschalten */
}

* html #page_margins {
	width:1012px;
	
}

/* Korrektur von Randabstaenden */
#main { 
	margin:0;
    padding:0;
    /* background:inherit; b*/
	/* @@@@ Hier inneren Gradienten rein */
 }



/* Formatierung der Fusszeile */
#footer {
	width: 1012px;
	float:left;
	clear:both;
	margin:0;
	margin-left:0px; 
	margin-right:0px;
    margin-bottom:10px;
	background:inherit;
	height:20px;
	/* text-align:center; */
	padding-top:14px;
	border-top: 12px solid #98a9b1;

}

#footer #footertext {
	font-size: 10px; 
	font-weight:bolder; 
	color: #c7d5de; 
	text-align:right; 
	padding-right:10px;
	float: left;
	width: 696px;
}
	

/* Himtergrundgrafik fuer linke Spalte - Grafikbreite 250 Pixel */
/*#main { background: #fff url() repeat-y top left; }*/



/* ######################################################################################################
** ### Formatierung der Allgemeinen Inhaltsspalte LINKS  ###############################################
** ######################################################################################################*/

/*Breite  linke Spalte */
#col1 { width: 210px; }

#col2 {
	min-height:200px;
	height:auto !important;
	height:200px; 
	
}
/*ergibt Abstand mittlere Spalte */
#col3 {
	padding-top:5px;
  	margin-left: 0px;
  	/* min height */
	min-height:200px;
	height:auto !important;
	width: 680px;
	height:200px; 
	border-left: none;
	/* default 2spaltig */
	margin-right:0;
}





/* ######################################################################################################
** ### Formatierung der inneren Spaltencontainer und deren Abstaende ####################################
** ######################################################################################################*/

#col1_content {  }

#col2 {  
}

#col3_content {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 30px;
	padding-bottom: 30px;
	
	background-color: #FFFFFF;
}
	
/* ######################################################################################################
** ### Formatierung der Downloadbox                       ###############################################
** ######################################################################################################*/
#downloadbox_wrapper{
	
	  padding: 5px 10px 15px 10px;
}
#downloadbox_bg{
	background-color:#f2f2f2;
}
#downloadbox_mainbox{
 background:url(../images/downloadbox/dbox_ww.png) left repeat-y;
}

#downloadbox_bee {
 background:url(../images/downloadbox/dbox_ee.png) right repeat-y;
}

#downloadbox_bnn {
 background:url(../images/downloadbox/dbox_nn.png) top repeat-x;
}

#downloadbox_bss {
 background:url(../images/downloadbox/dbox_ss.png) bottom repeat-x;
}

#downloadbox_bnw {
  background:url(../images/downloadbox/dbox_nw.png) left top no-repeat;
}

#downloadbox_bne {
 background:url(../images/downloadbox/dbox_ne.png) right top no-repeat;
}

#downloadbox_bsw {
 background:url(../images/downloadbox/dbox_sw.png) left bottom no-repeat;
}

#downloadbox_bse {
 background:url(../images/downloadbox/dbox_se.png) right bottom no-repeat;
}
	
/*erste Wert f�r den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
#downloadbox_content{

  padding: 5px 10px 20px 10px; 
}
	
#downloadbox_header{
  font-size:1.0em;
  color:#7e98a9;
  font-weight: bold;
  padding: 3px 10px 22px 40px;
  
}
	

#downloadbox_file{
	float:left;
  
}
#downloadbox_label{
  padding-top:2px;
  font-size:0.88em;
}
#downloadbox_size{
	display:none;
	float:right;
}
	
#downloadbox_icon{
	float:left;
	margin-right:17px;
	margin-left:5px;
	
	background-image:url(../images/downloadbox/dbox_icon.png);
	height:22px;
	width:20px;
}

	
}