/* Start of CMSMS style sheet 'it.allions 2009.10 Standard' */
/*
------------------ CSS Reset -----------------
*/

/* Universalselektor setzt alle Elemente zurück */

* {
  padding: 0;
  margin: 0;
  font-size: 100%;
 /* font-weight: normal;*/
  }

ul, ol {
  list-style: none
  }
  
b, strong {
  font-weight: bold
  }
  
img, a img {
  border: none
  }
  
/*
--------------- Ende CSS Reset ---------------
*/


/*
-------------- Allgemeine Definitionen ---------------
*/

html {
	
	min-height: 100%;
}

body {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
        line-height: 1.5em;
	text-align: left;
	min-height: 100%;
	background-image: url(/uploads/images/design/running-bg.png);
        background-repeat: repeat-x;
        background-color: #e5e7e5;

}

strong {

       color: #646663;
       font-weight: bold;

}

#container {
	background-image: url(/uploads/images/design/container-bg.png);
	background-repeat: repeat-y;
	background-color: #dfdfdf;


	min-height: 100%;

position: absolute;
	width: 850px;

	/*margin: 0 auto;*/
        float: left;
	top: 0px;
}

.clearFloat {
clear: both;
}

/*
-------------- Ende Allgemeine Definitionen ---------------
*/

/*
-------------- LAYOUT (DIVs etc)  ---------------
*/

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

#header {
	background-color: transparent;
	}
	
#hdLeft {
	background-image: url(/uploads/images/design/itallions-seitenkopf-lio.png);
	background-color: #70b5cc;
	background-repeat: no-repeat;
	height: 194px;
	width: 200px;
	float: left;
}

#hdRight {
	background-image: url(/uploads/images/design/itallions-seitenkopf-reo.png);
	background-color: #e5e7e5;
	background-repeat: repeat-x;
	position: relative;
	height: 194px;
	width: 188px;
	padding: 6px;
	float: right;

	}

#hdMiddle {
	background-image: url(/uploads/images/themes/visitenkarte.jpg);
	height: 194px;
	width: 450px;
	margin: 0px 200px;
	
}

#hdMiddleBanner {

	height: 194px;
	width: 450px;
	margin: 0px 200px;
	
}



/* ------ ENDE HEADER ------------- */

/* ------ HAUPTINHALT (3spaltig) ------------- */


#main {
	background-color: transparent;
/*	min-height: 100%; */

}

#mainWrapper {
	float: left;
	width: 650px;

}

#mainLeft {
	width: 184px;  /* 200 - (2 x padding) */ 
	background-color: #70b5cc;
	float: left;
	padding: 8px;

}

#mainContent{
	background-color: transparent;
	margin: 0;
	width: 418px; /* 450 - (2 x padding) */
	/*min-height: 100%; */
	float: right;
	padding: 16px;

}

#mainContent *:first-child {padding-top: 0px}

#mainRight{
	background-color: #e5e7e5;
	width: 184px;  /* 200 - (2 x padding) */ 
	float: right;
	padding: 8px;

}

.justified {
       text-align: justify;
}

.centered {
    text-align: center;
}

/* ------ ENDE HAUPTINHALT (3spaltig) ------------- */

/*
-------------- ENDE LAYOUT (DIVs etc)  ---------------
*/


/*
-------------- ÜBERSCHRIFTEN  ---------------
*/

h1.thematransp {
	background-image: url(/uploads/images/design/png-transparenz.png);
	background-repeat: repeat;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.05em;
	padding: 9px 0 0 0;
	height: 32px; /* = Höhe  minus padding */
	width: 450px;
	text-align: left;
	text-indent: 16px;
	position: absolute;
	top: 153px;
        line-height: 20px;
/*	margin-top: 156px;*/
}

h1.news {
	font-size: 18px;
	font-weight: bold;
	color: #006b8d;
	letter-spacing: 0.05em;
	text-align: left;
	height: 32px; /* = Höhe  minus padding */
	line-height: 24px;
	margin-top: -11px;
}

h1.newsheader {
	font-size: 12px;
	font-weight: bold;
	color: #006b8d;
	letter-spacing: 0.05em;
	text-align: left;
	line-height: 14px;
	margin-bottom: 6px;
}

.newsdatum {
	font-size: 8px;
	font-weight: normal;	
}

.newstext {
	font-size: 9px;
	font-weight: normal;
	text-align:left;
  	letter-spacing: 0.01em;
	line-height: 12px;
}

.mehr {
	color: #006b8d;
	font-weight: bold;

}


p {
	color: #646663;

	word-spacing: 0.05em;
	font-size: 11px;
	text-align: left;
}


	
a:active
{
  outline: none;
}

#mainContent h1 {
	font-size: 1.25em;
	font-weight: bold;
	color: #4090AA;
	letter-spacing: 0.075em;
	padding-bottom: 0.5em;
	padding-top: 0.9em;

}

#mainContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #4090AA;
	letter-spacing: 0.05em;
	padding-bottom: 0.5em;
	padding-top: 0.75em;

}

#mainContent h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #4090AA;
	letter-spacing: 0.05em;
	padding-bottom: 0.5em;
	padding-top: 0.75em;

}

#mainContent p {
	letter-spacing: 0.05em;	
	font-size: 11px;
	margin-bottom: 1em;
}

#mainContent ul {
	letter-spacing: 0.05em;	
	color: #646663;
	font-size: 11px;
	margin-left: 16px;
	list-style-image: url(/uploads/images/design/ul-image-10.png);
	list-style-type: none;
}
#mainContent a:link, #mainContent a:visited {
	text-decoration: none; 
	color:#006b8d; 
}

#mainContent a:hover, #mainContent a:focus, #mainContent a:active {
	text-decoration: none;
	color:#969994; 
}
/*
-------------- FOOTER (Copyright etc.)  ---------------
*/
#footer, .clearfloat {
clear: both;     /* Damit der Footer auch unterhalb der längsten Spalte ist*/
}

#footer {


	background-image: url(/uploads/images/design/images/container-bg.png);
	background-repeat: repeat-y;
	background-color: transparent;

	width: 850px;

        position: absolute;
bottom: 0px;
	}
	
#footer p {
font-size: 8px;
text-align: left;
color: #00698d;
letter-spacing: 0.02em;
margin-left: 212px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color:#006b8d; 
}

#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration: none;
	color:#969994; 
}

/*
-------------- ENDE FOOTER (Copyright etc.)  ---------------
*/

/* End of 'it.allions 2009.10 Standard' */