/*
 * normal.css
 * Stylesheet - SparxSystem ( http://www.sparxsystems.at/ )
 * 
 * by atomicboy.tv / http://www.atomicboy.tv/
 *
 * @version	2008-06-15
 * @author	Carina Lacher <c.lacher@atomicboy.tv>
 */

@import url(sitemap.css);

body
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#333333;
		background-color:#eee;
		text-align:center;
		margin:0;
		padding:0;
	}
	
div.bc 
	{
		width:auto;
		float:left;
		height:28px;
		background-image:url(../images/bcbg.gif);
		background-repeat:no-repeat;
		background-position:right;
	}
	
div.bc_active 
	{
		width:auto;
		float:left;
		height:28px;
		
	}
	
div.bc div
	{
		padding-top:8px;
		padding-left:10px;
		padding-right:15px;
	}
	
div.bc_active div
	{
		padding-top:8px;
		padding-left:10px;
		padding-right:15px;
	}

div.main
	{
		
		width:790px;
		float:left;
		margin-top:10px;
	}

div.sitemap
	{
		display:block;
	}


	
/* ======================================== divs ==================================== */	
	
div.all
	{
		width:1001px;
		background-color:#ffffff;
		border:1px solid #333333;
		border-top: none;
		margin:auto;
		padding:0;
	}
	
	
div.logo
	{
		width: 199px;
		height: 117px;
		background-color:#003466;
		float:left;
		padding:0;
              	margin:0; display:inline;
	}
	
div.top
	{
		height: 117px;
		/*border-right:1px solid #333333;*/
              	padding:0;
             	margin:0;
              	width:100%;
              	text-align:left;
	}

div.topright
	{
		height: 117px;
		width:802px;
		background-color:#ffffff;
		float:left;
              	padding:0;
              	margin:0; display: inline;
	}
	
div.balken
	{
		background-color:#cccccc;
		height:90px;		
		background-image:url(../images/header.jpg);
		background-repeat:no-repeat;
		background-color:#cccccc;
	}
	
	
	
div.navigation
	{
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		width: 198px;
		background-color:#ffffff;
		float:left;
		text-align:left;
		margin-top:10px;
		padding-bottom:10px;
	}
	
	
div.content
	{
		border:1px solid #ccc;
		width: 762px;
		background-color:#ffffff;
		float:left;
		margin-left:10px;
              margin-right:8px;
              margin-top:10px;
              padding:8px;
              text-align:left;
	}
	
	



div.rightnavigation
	{
		border:0px solid red;
		width: 220px;
		background-color:#ffffff;
		float:left;
		padding-left:2px;
              	display:none;
              	text-align:left;
	}
	
div.mainmenu
	{
		margin-left:12px;
              font-weight:bold;
             /* margin-top:17px;*/
              padding:0;
	}
	
div.breadcrumbs
	{
	      margin-left:10px;
              text-align:left;
              border:1px solid #ddd;
              width: 778px;
              padding:0;
	}

div.csc-textpic
       {
              padding-top:0px;
              padding-left:2px;             
       }


div.csc-textpic-text
       {
              
              margin-left:2px;
       }


div.footer
       {
              text-align:center;
              padding-top:1px; 
              margin:0;
       }

div.navheader
	{
		
		background-color:#EF8000;
		color:#ffffff;
		font-size:65%;
		padding-left:15px;
		padding-top:8px;
		margin-top:0px;
		padding-bottom:10px;
		margin-bottom:0px;
              font-weight:bold;
              border-top:1px solid #999;
	}

div.news
       {
             background-color:#003466;
             color:#ffffff;
	      font-size:65%;
	      padding-left:15px;
	      padding-top:8px;
	      margin-top:10px;
	      padding-bottom:10px;
	      margin-bottom:0px;
             
       }
       
/*div.searchfield
	{
		/*border:1px solid #003466;*/
		width:222px;
		height:18px;
		margin-right:20px;
		padding:0;
		float:right;
	}
       
div.searchButton
	{
		padding:0px;
		margin:0;
		
		text-align:left;
		float:right;
		width:30px;
	}
div.field
	{
		padding:0px;
		margin:0;
		height:15;
		width:192px;
		float:left;
	}*/
	


	
/* ======================================== fonts ==================================== 	*/
	
h1
	{
		padding:0;
              margin-top:16px;
              margin-left:0;
		font-size:157%;
		color:#00274c;
		margin-bottom:0;
	}

h2
	{
		padding:0;
              margin-top:0;
              margin-bottom:16px;
              margin-left:0;
		font-size:156%;
		color:#00274c;
		
	}		

h3
	{
		padding:0;
              margin-top:10px;
              /*margin-top:15px;*/
              margin-bottom:10px;
              /*margin-bottom:36px;*/
              margin-left:0;
		font-size:90%;
		color:#2d5f9b;
		
	}

/*div.csc-header-n2 h1
       {
             margin-bottom:30px;
             
       }*/

h4
	{
		padding:0;
              margin-top:0;
              margin-bottom:13px;
              margin-left:0;
		font-size:90%;
		color:#2d5f9b;
		
	}


h5
       {
             background-color:#003466;
             font-size:65%;
             font-weight:normal;
             color:#ffffff;
             padding:15px;
             margin-bottom:13px;
       }
	
	
h6
	{
		
		color:#003466;
		font-size:60%;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		margin-top:10px;
		margin-bottom:2px;
		font-weight:bold;
		background-color:#E5E5E5;
	}

div.navigation ul h6:first-child
	{
		margin-top:0px;
	}

p
	{
		font-size:70%;
		color:#081c55;
                line-height:1.4em;
	}
	
p.align-center
	{
		text-align:center;
	}
	
p.align-right
	{
		text-align:right;
	}
	
p.heading2
	{
		color:#fff;
                font-size:80%;
	}
	
td p 
	{
		margin:0px;
	}
	
/*td strong 
	{
		color:#2d5f9b;
	}*/
	
div.footer p 
	{
		margin:0px;
	}
	
span
	{
		font-size:70%;
		color:#081c55;
                margin:0px;
                padding:0;
	}
	
span.important
	{
		font-size:100%;
		color:#2d5f9b;
                font-weight:bold;
                
	}
	
	
div.navigation span
	{
		color:#333333;
		font-size:60%;
		padding-left:10px;
		margin:0;
		display:block;
	}
	
div.mainmenu span
	{
		color:#426489;
		font-size:60%;
		margin-left:14px;
                margin-top:0;
	}
	


div.mainmenu span.first
	{
		
		margin-left:0;
              
	}

div.footer p
       {
              color:#003466;
              font-size:65%;
              padding-bottom:2px;
       }
       
li span
	{
		display:block;
	}
	
li h6
	{
		display:block;
	}


	
span.bcr
	{
		font-weight:bold;
		font-size:60%;
		color:#000;
	}

span.active
	{
		font-weight:bold;
		font-size:60%;
		color:#013366;
	}
	
/* ======================================== lists ==================================== */	

/*div.content ul
        {
                background-color:#e9ecee;
                margin:0;
                
        }*/
        
div.content li
        {
                border-bottom:1px solid white;
        }
        
        
div.navigation ul
	{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	
	
div.navigation li
	{
		/*margin-bottom:3px;*/
		padding:0px;
                margin-bottom:3px;
                margin-top:3px;
		/*height:10px;*/
	}
	
div.content li ul li
	{
		font-size:100%;
		margin:0;
		padding:0;
		clear:both;
	}
	
div.content li ul
	{
		
		margin-top:0px;
		padding-top:0px;
		clear:both;
	}
	

	
div.content li 
	{
		font-size:70%;
		color:#081c55;
                margin:0px;
                padding:0;
	}
	
/* ======================================== tables ==================================== */		

table.contenttable
	{
		width:70%;
	        margin-top:15px;
	        padding:0px;
	}
	
table.white
	{
		font-size:70%;
		line-height:1.4em;
	        width:100%;
	        margin-top:0px;
	        padding:0;
	        background-color:#ffffff;
	}

table.white tbody td
	{
		
	        background-color:#ffffff;
	}
table.white th
	{
		
	       	color:#081C55;
	}
	
table.contenttable td
	{
		
		margin:0;
		padding:-right:2px;
		padding-left:2px;
	}
table.contenttable tbody
	{
		background-color:#e9ecee;
		padding:0;
		margin:0;
		/*border-bottom:1px solid #ffffff;*/
		border:1px solid #ffffff;
	}
	
table.csc-frame-frame1
	{
		background-color:#e9ecee;
	}
	
table.sparx_nl
	{font-size:100%;}
	
	
/*wenn man eine weiße tabelle braucht: content-elemente mit div.whitetable wrappen*/
div.whitetable table.contenttable {
	border-collapse: collapse;
}

div.whitetable table.contenttable tbody {
	background-color: white;
}

div.whitetable table.contenttable td {
	border: 1px solid #ccc;
}

/* ======================================== images ==================================== */		
	
div.logo img
	{
		margin-top:43px;
		margin-left:26px;
	}




embed
	{
              padding-left:4px;
              border-bottom:1px solid #333333;
	}

dl.csc-textpic-firstcol
       {
		padding-left:2px;
              padding-bottom:8px;
              padding-right:20px;
              margin-right:10px;
	 }

/*div.csc-textpic-imagewrap
        {
            padding-right:5px;  
            
        }*/


dd.csc-textpic-caption, .csc-textpic-caption
	{
		font-size:80%;
		color:#003366;		
	}
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image { margin-right: 1em; }
	
/* ======================================== links ==================================== */	

a
       {
              color:#084887;
              

       }   


 
div.navigation a
	{
		text-decoration:none;
		color:#666666;
		
	}
	
a:hover
	{
		color:#e14b1d;
	}
	
div.navigation a:hover
	{
		color:#999999;
	}

div.mainmenu a
	{
		text-decoration:none;
		color:#426489;
		
	}
	
div.mainmenu a:hover
	{
		text-decoration:underline;
	}
	
div.navigation h6 a
	{
		color:#003466;
		
	}
	
div.bc a
	{
		text-decoration:none;
		color:#000;
	}
	
div.bc a:hover
	{
		color:#F89835;
	}
	
/*============================== LogIn ============================= */
div.tx-felogin-pi1

	{
		font-size:70%;
		color:#081c55;
        	line-height:1.4em;
	}
	
div.tx-felogin-pi1 legend
	{font-weight:normal;}

div.tx-felogin-pi1 th label
	{font-weight:normal; font-size:70%;}

div.tx-felogin-pi1 input
	{border:1px solid #ccc; font-size:8pt;}
	
div.tx-felogin-pi1 p
	{font-size:100%;}

	
div.tx-felogin-pi1 div
	{margin-bottom:2px;}
	

/*============================== captcha ============================= */
.tx-srfreecap-pi2-cant-read {color: #081C55;}
label.captcha {color: #081C55; font-size:70%;}
span.tx-srfreecap-pi2-cant-read {font-size:70%; display:block;}



/**************************************
	LAGUAGE MENU
**************************************/
div.lang 
	{
		padding-right:0;
                height: 15px;
		font-size:0.63em;
		margin-right:5px;
		padding-top:15px;
		text-align:right;
		font-family:arial;
                clear:both;
	}
	
div.lang a
	{
		color: #fff;
		margin-right: 5px;
		text-decoration: none;
	}
	
div.lang span
	{
		color: #ef8000;
		margin-right: 5px;
		font-size: 100%;
	}

/**************************************
	ADDTHIS BUTTON
**************************************/
a.addthis_button img {
float: left;
margin-left: 460px;
margin-top: 11px;
}

span#at15ptc, span.at15t {
	font-size: 12px;
}



/**************************************
	MODELING BILD
**************************************/
div.modeling {
	background-image:url("../images/visual_modeling.jpg");
	height:300px;
	padding-top:50px;
	background-repeat: no-repeat;
	}
	
div.umltools {
	background-image:url("../images/umltools.jpg");
	height:245px;
	background-repeat: no-repeat;
	padding-top:95px;
	}
	
div.umltraining {
	background-image:url("../images/umltraining.jpg");
	height:350px;
	background-repeat: no-repeat;
	padding-top:50px;
	}
	
.umltraining_en {background-image:url("../images/umltraining_en.jpg") !important;}
	
div.content div.modeling ul, div.content div.umltools ul, div.content div.umltraining ul {
	margin:0;
	padding-left:12px;
	padding-top:15px;
}
	
div.content div.modeling li, div.content div.umltools li, div.content div.umltraining li {
	border: none;
	background-image:url("../images/tick_bold_green.png");
	background-position:2px 0;
	background-repeat:no-repeat;
	color:#333333;
	font-size:0.82em;
	line-height:1em;
	list-style:none outside none;
	padding:0 0 1em 19px;
}

div.content div.modeling li a, div.content div.umltools li a, div.content div.umltraining li a {
	color:#333333;
	text-decoration: none;
}

div.content div.modeling li a:hover, div.content div.umltools li a:hover, div.content div.umltraining li a:hover {
	text-decoration: underline;
}

/*div.umltools h3 {
	font-family: verdana;
	font-size: 26px;
	color: #000;
}*/