@charset "utf-8";
	* { margin: 0; padding: 0; border-collapse:collapse; border-spacing: 0; }

/*
Tabellen bitte extra und nur speziell für #innercontent-Bereich definieren, NICHT globale Definitionen loeschen
*/
	img { border: none; }
	html, body {height: 100%;}
	body {
		font-family: arial, helvetica, sans-serif; 
              	font-size: 100.01%;
		color: #0B0C5F;
		background-color: #ECEBF3
             }
	#wrapper {
		position: relative;
                min-height: 94%;
                background-color: #fff;
                margin:0 auto; 
		margin-top:8px;
                width:979px;    
		border:1px solid #0B0C5F;                               
        }

/*
************
Header
************
*/
	#header{
           	height: 74px; 
           	background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/SoftConEx_html_header.jpg) left top no-repeat;
        }

/*
************
Navi
************
*/

	ul#navi {
        	list-style-type: none; 
		list-style-position: outside;
		margin:0px;
	       	background: #DCDEE4 url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/navi_bg.gif) left bottom repeat-x;
	       	height:25px;
               	font-size:80%;
	}

        ul#navi li#first {
		width:70px;
        }

        ul#navi li#first img {
                margin-top:2px;
        }

	ul#navi li {
	       	float:left;
	       	width: 100px;
	       	height:19px;
	       	border-right: 1px solid #9D9EBF;
                border-top: 1px solid #ECEBF3;
		text-align: center;
                position:relative;
                top:1px;
		background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver_19.gif) top left repeat-x;
	}


	ul#navi li a{
                color: #0B0C5F;
		display: block;	      
	       	text-decoration: none;
	       	text-align: center;	       	
	       	white-space: nowrap;
	}

        ul#navi li a.lang, ul#navi li a.lang:hover{
                display:inline;
        }
	
	/*Hauptrubrik nicht verlinken aber highlighten wenn bereits ausgewaehlt*/
	ul#navi li.highlight div {
		background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver_19_light.gif) top left repeat-x;
		text-align: center;
		font-weight: bold;
		height:100%;
	}

	ul#navi li a:hover { 
		font-weight: bold; 
		text-decoration: none; 
		background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver_19_light.gif) top left repeat-x;
		display:block; height:100%;
	}
        
	ul#navi li#rundschreiben a:hover { color: #CCFFCC; text-decoration: none;}
        ul#navi li#arbeitsunterlagen a:hover { color: #A9FF9A; text-decoration: none;}
        ul#navi li#online_buchen a:hover { color: #FF95FB; text-decoration: none;}



/*
***************
Content
***************
*/
	#content {
		padding-bottom: 1em;		
	}

        #content #contenttext {
		width:809px;
		margin: 10px 7px 0px 150px;
		border: 1px solid #9D9EBF;
	}

       	#innercontent {
                padding:1em;  
                background-color: #F5F4F8;           	            
	}
	
	/**** Blockelemente allgemein ****/
	div#innercontent p {font-family:Arial,Helvetica,Sans-Serif; font-size:13px; margin-bottom:10px; padding:0px 3px 3px 6px;} 
	div#innercontent  {font-family:Arial,Helvetica,Sans-Serif; font-size:13px;}

	/**** Ueberschriften ****/
	div#innercontent h1 {font-family:Arial,Helvetica,Sans-Serif; font-size:18px; font-weight:bold; width:100%; margin:0 0 10px 0; padding:0;}
	div#innercontent h2 {font-family:Arial,Helvetica,Sans-Serif; font-size:16px; font-weight:bold; width:100%; margin:0 0 10px 0; padding:0;}
	div#innercontent h3 {font-family:Arial,Helvetica,Sans-Serif; font-size:15px; font-weight:bold; width:100%; 
                             height:19px; margin:0 0 10px 0; padding-top:3px; padding-bottom:2px; padding-left:6px;
                             background:#ECEBF3 url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver.gif) top left repeat-x; 
                             border:1px solid #ECEBF3;}
	div#innercontent h4 {font-family:Arial,Helvetica,Sans-Serif; font-size:14px; font-weight:bold; width:100%; margin:0 0 10px 0; padding:3px;border-bottom:1px solid #9D9EBF; }
	div#innercontent h5 {font-family:Arial,Helvetica,Sans-Serif; font-size:14px; font-weight:bold; width:100%; margin:0 0 10px 0; padding:0;}
	div#innercontent h6 {font-family:Arial,Helvetica,Sans-Serif; font-size:14px; font-weight:normal; width:100%; margin:0 0 10px 0; padding:0;}

	/**** Tabellen ****/
	div#innercontent table.diverse {border:0;}
        div#innercontent table.diverse td {font-family:Arial,Helvetica,Sans-Serif; font-size:12px; color:#000; padding:3px;}

	/**** Images ****/
	div#innercontent img {border:1px solid #005DA7;margin:0px 10px 0px 10px;}

	div#innercontent table#webservicelist img {border:none;}


	/**** Hyperlinks ****/
	div#innercontent a:link, div#innercontent a:visited, div#innercontent a:active {color:#0B0C5F; font-family:Arial,Helvetica,Sans-Serif; font-size:12px; text-decoration:underline;}
	div#innercontent a:hover {color:#0B0C5F; font-family:Arial,Helvetica,Sans-Serif; font-size:12px; text-decoration:none;}

	/**** Listen ****/
	div#innercontent ul {
            list-style-image: url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/haken_gruen.jpg);
            margin-left: 3em;
        }
	div#innercontent ul li {
            margin-bottom:1em;
        }
      
        /**** News Layout ****/
        div.newscontainer{
            width:240px;
            border:1px solid #0B0C5F;
            margin-bottom:10px;
            background-color: #fff;
        }

        div.newsheader{
            height:17px;
            background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver_19_light.gif) top left repeat-x;
            border-bottom:1px solid #0B0C5F;
            padding-left:5px;            
        }
        
        div#innercontent div.newsheader span.text a, div#innercontent div.newsheader span.text a:visited{
            text-decoration:none;
            color:#0B0C5F;
        }

        div#innercontent div.newsheader span.text a:hover{
            text-decoration:none;
            color:#8A83B4;
        }
  
        div.newsheader span.text {
            float:left;
            font-weight:bold;
        }

        div.newsheader span.date {
            float:right;
        }
	div.newscontent{
            padding:5px;
        }


        /**** Reference List ****/

        table#reflist td{
            padding:10px;
            heigt:80px;
        }

        div#innercontent table#reflist img{
            border:none;
        } 

/*Schriftgroesse*/
	.menu {font-size: 70%; float:left;}

	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
		width:135px;
	        padding:0;
        	margin:1em 0em 0em 0.5em;
	        list-style-type:none;
	}

	/* no margin-top for submenus */
	.menu ul ul {
	        margin:0;          
	}

	/* position relative so that you can position the sub levels */
	.menu li {
		position:relative;
	}

	/*get rid of the table */
	.menu table.menu {position:absolute; top:0; left:0;font-size:100%;}

	/* style the links */
	.menu a, .menu a:visited {
		display:block;
	        text-decoration:none;
	        height:19px;
	        line-height:19px;
	        width:135px;
                background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver_19_light.gif) top left repeat-x;
                text-indent:0.5em;
		color: #0B0C5F;
	}

       
        .menu a.highlight, .menu a:visited.highlight {
                background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver_19.gif) top left repeat-x;
		font-weight:bold;
        }

	.menu li a {
		border-top: 1px solid #9D9EBF;
                border-right: 1px solid #9D9EBF;
                border-left: 1px solid #9D9EBF;
	}

	.menu li li a {
		border-top: 1px solid #9D9EBF;
                border-right: 1px solid #9D9EBF;
                border-left: 1px dashed #9D9EBF;
	}

	/* style the link hover */
	.menu a:hover, .menu a:hover.highlight{
		background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver_19.gif) top left repeat-x;
		font-weight:bold;
	}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
		visibility:hidden;
		position:absolute;
		top:0;
		left:135px;
	}
	/* make the second level visible when hover on first level list OR link */
	.menu ul :hover ul{
		visibility:visible;
	}
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{
		visibility:hidden;
	}
	/* keep the fourth level hidden when you hover on second level list OR link */
	.menu ul :hover ul :hover ul ul{
		visibility:hidden;
	}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{
		visibility:visible;
	}
	/* make the fourth level visible when you hover over third level list OR link */
	.menu ul :hover ul :hover ul :hover ul {
		visibility:visible;
	}


        /* input buttons */
        input.btn {
            font-size:80%;
            background: #fff url(/opencms/system/modules/de.SoftConEx.homepage/resources/SCE_pictures/silver_19_light.gif) top left repeat-x;
        }



/*
**********
Footer
**********
*/
	#footer {
		clear:both; 
		position: relative; 
		margin:0 auto; 
		padding-bottom: 0.5em; 
		font-size: 80%; 
		width:60%;
		background-color:#ECEBF3;		
	}

	#footer ul {
		list-style-type: none; 
		list-style-position: outside; 
	}

	#footer ul li {
		float:left; 
		text-align:center;
		border-right:1px solid #9D9EBF;
		padding: 0px 1em 0px 1em;
	}

        #footer ul li a, #footer ul li a:visited{text-decoration:none;}

/*
*******
clearen
*******
*/
#header:after, ul#navi:after, #footer ul:after, .menu:after, a#flag:after {content: "."; visibility: hidden; display:block; clear:both; height:0;}