/******************************************/

/* praxiskom TYPO3 css                    */

/******************************************/



/******************************************/

/* general definitions                    */

/******************************************/



html, body, p, h1, h2, h3, ul, ol, span, a, table, td, form, hr, div {

	font: 12px/18px Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0;

	padding: 0;

}

html, body {

	height: 100%;

	width: 100%;

}

body {

	background: #000;

}

a:link, a:visited { 

	color: #000;  

	text-decoration: underline;

}  

a:active, a:hover {  

	color: #000;  

	text-decoration: underline;  

}  

img {  

     border: 0;  

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */



/******************************************/

/* wrapper box                            */

/******************************************/

div#wrapper {

	position: relative;

	width: 925px;

	margin: 0 auto;				/* center content */

	min-height: 100%;

	height: auto !important;	/* for modern browser */

	height: 100%;  				/* for IE */

}



/******************************************/

/* header box                             */

/******************************************/

div#header {

	position: absolute;

	top:  200px;						/* distance from top of page */

	left: 0px;					/* distance from left of page (not from browser) */
	
	width: 880px;
	
	height: 438px;
	

} 

a.logo{
	
	display: none;
	
	position: absolute;

	top:  0px;

	left: 0px;

}

img.slide {

	position: absolute;

}



/******************************************/

/* main menu                              */

/******************************************/

/* level1 */

ul#mainmenu {

	display: none;
	
	position: absolute;

	top: 250px;

	left: 0;

	width: 165px;

	padding: 10px 0;

	background: #e8ddc6;

}

ul#mainmenu li {

	list-style-type: none;

}

ul#mainmenu a {

	margin: 0 5px 5px 5px;

	padding: 0 0 0 5px;

	font: 12px/25px Arial, Helvetica, sans-serif;

	text-decoration: none;

	background: #fff url(../img/dros_menu_01.gif)repeat-x;

	display: block;

	color: #000;  

}

ul#mainmenu a.active {

}

ul#mainmenu a:active, ul#mainmenu a:hover {

}

/* level2 */

ul#mainmenu ul {

	padding: 5px;

}

ul#mainmenu ul a {

	margin: 0;

	padding: 0 0 0 5px;

	font: 12px/15px Arial, Helvetica, sans-serif;

	text-decoration: none;

	background: none;

	display: block;

	color: #000;

	border-bottom: 1px solid #b2b2b2; 

}

ul#mainmenu ul a.active {

}

ul#mainmenu ul a:active, ul#mainmenu ul a:hover {

}

/* level3 */

ul#mainmenu ul ul {

	padding: 0;

}

ul#mainmenu ul ul a {

	margin: 0;

	padding: 0 0 0 5px;

	font: 11px/15px Arial, Helvetica, sans-serif;

	text-decoration: none;

	background: none;

	display: block;

	color: #616161;  

}

ul#mainmenu ul ul a.active {

}

ul#mainmenu ul ul a:active, ul#mainmenu ul ul a:hover {

}



/******************************************/

/* language menu                          */

/******************************************/

ul#languagemenu {

	display:none;
	
	position: absolute;

	top: 5px;

	left: 665px;
	

}

ul#languagemenu li {

	list-style-type: none;

	float: left;

	font: 11px/15px Arial, Helvetica, sans-serif;

	color: #000;  

	padding: 0 5px 0 0;

}

ul#languagemenu a {

	font: 11px/15px Arial, Helvetica, sans-serif;

	text-decoration: none;

	display: block;

	float: left;

	color: #000;  

}

ul#servicemenu a.active {

}

ul#servicemenu a:active, ul#servicemenu a:hover {

}



/******************************************/

/* service menu                           */

/******************************************/

ul#servicemenu {

	display:none;
	
	position: absolute;

	top: 270px;

	left: 665px;
	
	z-index:1;

}

ul#servicemenu li {

	list-style-type: none;

	float: left;

	font: 11px/15px Arial, Helvetica, sans-serif;

	color: #000;  

	padding: 0 5px 0 0;

}

ul#servicemenu a {

	font: 11px/15px Arial, Helvetica, sans-serif;

	text-decoration: none;

	display: block;

	float: left;

	color: #000;  

}

ul#servicemenu a.active {

}

ul#servicemenu a:active, ul#servicemenu a:hover {

}



/******************************************/

/* breadcrumb menu                        */

/******************************************/

div#breadcrumb {

	display:none;
	
	position: absolute;

	top: 250px;

	left: 175px;

	width: 750px;

	height: 40px;

	background: #fff url(../img/dros_breadcrump01.gif) repeat-x;

}

ul#breadcrumbmenu {

	position: absolute;

	top: 20px; 

	left: 10px;

}

ul#breadcrumbmenu li {

	list-style-type: none;

	float: left;

	font: 11px/15px Arial, Helvetica, sans-serif;

	color: #bbb;  

	padding: 0 5px 0 0;

}

ul#breadcrumbmenu a {

	font: 11px/15px Arial, Helvetica, sans-serif;

	text-decoration: none;

	display: block;

	float: left;

	color: #bbb;  

}

ul#breadcrumbmenu a.active {

}

ul#breadcrumbmenu a:active, ul#breadcrumbmenu a:hover {

}



/******************************************/

/* sub menu (level4)                      */

/******************************************/



ul#submenu {

	position: absolute;

	top: 273px;

	left: 185px;

}

ul#submenu li {

	list-style-type: none;

	float: left;

	font: bold 12px/18px Arial, Helvetica, sans-serif;

	color: #fff;  

	padding: 0 5px 0 0;

}

ul#submenu a {

	font: bold 12px/18px Arial, Helvetica, sans-serif;

	text-decoration: none;

	display: block;

	color: #fff;  

	float: left;

}

ul#submenu a.active {

}

ul#submenu a:active, ul#submenu a:hover {

}



/******************************************/
/* content box                            */
/******************************************/
div#contentwrapper {
	position: absolute;
	top: 450px;
	left: 0px;
	width: 878px;
}
div#content {
	background: #ff9000;
	padding: 15px 0;
}
div#content p {
	padding: 0 10px 5px 10px;
}
/* headlines */
div#content h1 {
	font: bold 15px/20px Arial, Helvetica, sans-serif;
	padding: 0 10px 5px 10px;
}
div#content h2 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	padding: 0 10px 5px 10px;
}
/* lists */
div#content ul {
	margin: 0 0 0 15px;
	padding: 0 10px 5px 10px;
}
div#content iframe {
	padding: 0 10px;
}
/* horizintal ruler */
div#content hr {
	margin: 15px 10px;
	border: 0px; /* for Firefox and Opera */
	border-top: solid 1px #b2b2b2;
	border-bottom: transparent;
}
/* forms */
div#content form div {
	padding: 5px 10px;
}
div#content form label {
	float: left;
	width: 100px;
	text-align: right;
	padding: 3px 5px 0 0;
}
div#content form input {
	float: left;
	width: 200px;
}
div#content form input.submit {
	margin: 0 0 0 105px;
	width: 90px;
}
/* text/image: intext-left */
div#content div.intext-left {
	margin: 0 0 5px 0;
}
div#content div.intext-left img {
	float: left;
	margin: 0 10px 5px 10px;
}
/* text/image: intext-left-nowrap */
div#content div.intext-left-nowrap {
	margin: 0 0 5px 0;
}
div#content div.intext-left-nowrap img {
	float: left;
	margin: 0 0 0 10px;
}
div#content div.intext-left-nowrap div {
	margin: 0 0 0 110px;
}
/* text/image: above-center */
div#content div.above-center {
	margin: 0 0 5px 0;
}
div#content div.above-center img {
	float: left;
	margin: 0 0 0 10px;
}

/******************************************/

/* module box                             */

/******************************************/

div#modules {

	position: absolute;

	top: 300px;

	left: 655px;

	width: 270px;

	background: #fff;

}

div.teaser {

	background: #fff;

	padding: 10px;

	margin: 0 0 10px 0;

}

div.teaser h1 {

	background: #fff url(../img/teaser_header_bg.gif) no-repeat;

	font: bold 13px/30px Arial, Helvetica, sans-serif;

	padding: 0 0 0 45px;

	margin: 0 0 10px 0;

}

div.teaser img {
	float: left;
}

div.teaser h2 {

	font: bold 12px/16px Arial, Helvetica, sans-serif;

	padding: 0 0 0 45px;

}

div.teaser p {

	font: 11px/15px Arial, Helvetica, sans-serif;

	padding: 0 0 0 45px;

}

div.teaser a {

	font: 11px/15px Arial, Helvetica, sans-serif;

	padding: 0 0 0 45px;

}
div.teaser h1.news {
	margin: 0;
}
div.teaser div.news {
	border-bottom: 1px solid #b2b2b2;
	padding: 10px 0;
}


/******************************************/

/* copyright box                          */

/******************************************/

div#copyright {

	margin: 30px 0 10px 0;

}

div#copyright p {

	color: #616161;  

}