/* ###################################################################################################### */
/* /// MATHELINA - Template ///////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */




html,body{
	margin:0;padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}



/* ###################################################################################################### */
/* /// Allgemeines START //////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

body,table,tr,form,td,th,thead,span,div,p  , img {
	margin: 0px;
	padding: 0px;
/*	border: none;*/
	border-collapse: collapse;
	vertical-align: top;
}
body,table,tr,td,th,thead,span,div,p, input,select, textarea {
	font-family		: "Arial", "Helvetica", "Verdana", "Sans Serif";
	color			: #333333;
}

#main_wrapper {
	text-align:center;
	min-width: 980px;
}

table,tr,td,th,thead,span,div,p {
	overflow: hidden;
}

a{
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
}
a:focus , a#active {
	text-decoration	: none;
}

img{
	vertical-align: middle;
}

a img{
	border:none;
}

.red {
	color: #f00;
}

.orange {
	color: #F76402;
}

.black {
	color: #000;
}


/* ###################################################################################################### */
/* /// Allgemeines ENDE ///////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */




/* ###################################################################################################### */
/* /// Headlines START ////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

h1,
span.h1,
span.h1_orange,
h1.orange {
	font-size: 1.3em;
	color: #F76402;
	font-weight: bold;
}

span.h1_black,
h1.black
{
	font-size: 1.3em;
	color: #333333;
	font-weight: bold;
/*	margin-bottom:20px; */
}


h2 , .h2,  .h2_red {
	font-size: 1.1em;
	color: #F76402;
	font-weight: bold;
}

h3 , span.h3 {
	font-size: 1.2em;
	line-height: 0.8em;
	color: #333333;
	font-weight: bold;
}
.h1_size{
	font-size: 1.3em;
	color: #333333;
}
.h2_size{
	font-size: 1.1em;
	color: #333333;
}
.h3_size{
	font-size: 1.2em;
	color: #333333;
}

/* ###################################################################################################### */
/* /// Headlines ENDE /////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


/* ###################################################################################################### */
/* /// Colors /////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */
.white,.bold_white	{color:#FFFFFF;}




/* ###################################################################################################### */
/* /// Trenner START //////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

.trenner_mini {
	display: block;
	height: 2px;
	clear: left;
}

.trenner_small {
	display: block;
	height: 5px;
	clear: left;
}
.trenner_med {
	display: block;
	height: 10px;
	clear: left;
}
.trenner_big {
	display: block;
	height: 20px;
	clear: left;
}

/* ###################################################################################################### */
/* /// Trenner ENDE ///////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */




/* ###################################################################################################### */
/* /// Headerbereich  START ///////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


div#header {
	height:100px;
	margin:0;
	padding:0;
  	background: url(/images_css/header.gif) repeat-y;
}



div.top_nav {
	width: 520px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 10px;
	/* jetzt in fontsize.css und fontsize_big.css: margin-left: 500px; */
	padding-bottom	: 10px;
}

div.top_nav a {
	color: #fff;
	text-decoration: none;
}

div.top_nav a:focus, div.top_nav a:hover, div.top_nav a.hilight{
	text-decoration:underline;
}

div.font_size {
	position: absolute;
	top: 5px;
	margin-left: 820px;
	width:47px;height:23px;
	padding-top:2px;
  	background: url(/images_css/schriftgroesse.gif) no-repeat;
}

div.font_size a#hilight{
  	background: url(/images_css/schrift_klein_hover.gif) no-repeat;
}

div.schroedel_logo{
	position: absolute;
	top: 0px;
	margin-left: 885px;
}

div#zahlenzorro_logo {
	position: absolute;
	top: 7px;
	left: 82px;
}

div#zahlenzorro_schriftzug {
	position: absolute;
	top: 11px;
	left: 246px;
}

div#maintenance_banner {
	position: absolute;
	top: 35px;
	left: 540px;
	width: 323px;
	background-color: #005da8;
	color: #fff;
	font-size: 12px;
	padding: 6px 2px 6px 10px;
	border: 1px solid #fff;
}


/* ###################################################################################################### */
/* /// Headerbereich  ENDE ////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

/* ###################################################################################################### */
/* /// Content, Linke Spalte, Rechte Spalte START /////////////////////////////////////////////////////// */
/* ###################################################################################################### */


div#container{
	width:1024px;
	margin:0 auto;
	background: url(/images_css/container.gif) repeat-y;
	text-align:left;
	position: relative;		/* um das Logo absolut zu position. */
	overflow: visible;		/* falls mal ein Logo rausragen soll */
}


div#wrapper{
	float:left;width:100%;
}

div#content{
	margin: 55px 90px 0 280px;
	line-height:1.5em;
	}
	
div#content p{
	line-height:1.5;
}

/* Damit die p's im Fliesstext (nicht im Table; dafuer extra class angelegt!)
   gleich einen Abstand drunter haben. */
div.contentclass p {
        margin: 0 0 10px 0;
}

div#nav_right{
	float:left;
	width: 210px;
	margin-top:13px;
	margin-left:-210px;
}

div#nav_left{
	float:left;
	width:213px;
	margin:13px 0 0 -976px;
	
}

div.contentclass p {
	margin:0 0 10px;
	line-height: 1.5em;
}


/* ###################################################################################################### */
/* /// Content, Linke Spalte, Rechte Spalte ENDE //////////////////////////////////////////////////////// */
/* ###################################################################################################### */


/* ###################################################################################################### */
/* /// Footer START ///////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div#footer{
	clear:left;
	width:100%;
}


div#footer_rechenblatt{
	float:left;
	width:100%;
	height:135px;
}

div#footer_rechenblatt_links{
	float:left;
	width:243px;
	height:135px;
}

div#footer_rechenblatt_rechts{
	float:left;
	height:135px;
	width: 781px;
	background: url(/images_css/rechenblatt_hg.gif) no-repeat;
}

.clear_both {
  clear: both;
}

div#footer_navi{
/*	float:left;*/
	width:100%;
	height:131px;
}

div.footer_navi_links{
	margin-top:15px;
	margin-left:95px;
	color:#FFFFFF;
	font-weight:700;
	font-size:11px;
}


div#footer_navi_links{
	float:left;
	width:243px;
	height:131px;
}

div#footer_navi_rechts{
	float:left;
	height:131px;
	width: 781px;
	background: url(/images_css/footer.gif) no-repeat;
}


div.footer_navi_links a, div.footer_navi_links span{
	color:#fff;
}

/* ###################################################################################################### */
/* /// Footer ENDE ////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */