@charset "utf-8";
/* CSS Document */

/*# Layout CSS  for site structure and global styles #*/

/* Reset all margins */
* { margin:0; padding:0;}



html {
	background: #ffffff url(../img/bg_site.jpg) repeat-x top left;
}


body {
	width: 100%;
	display: table;
	font-family:Arial, Verdana, sans-serif;
    font-size:13px;
	color:#333333;
	background:url(../img/shadows.png) repeat-y  center top;

}

img { border:0 solid; display:inline;}	
ul, object {margin:0;}
li { margin-left: 0; }
a {text-decoration:none; color:#333333;}
*:focus {outline:none;}
fieldset {margin:0;display:inline;}
.clear{ overflow:hidden;clear:left;line-height:0;}



/*LAYOUT*/

#siteWrapper{
	width:980px;
    margin-left:auto;
	margin-right:auto;
}

/*### HEADER ###*/

#header {
    height:140px;
	background: #ffffff url(../img/bg_header.gif) repeat-x top left;
	position:relative;
	margin:8px 0 10px 0;
	z-index:1;
}

	.cbsLogo {
		position: absolute;
		left:20px;
		top:20px;
		z-index:20;
	}
	
	#meta {
		position: absolute;
		top:1px;
		right:11px;
		top:0px;
		z-index:15;
		overflow:hidden;
		
	}   
	    /*Metanavigation*/
		#meta ul {
			list-style:none;
			margin:0;
			overflow:hidden;
			float:left;
		}
		
		#meta li {
			background:url(../img/metanav_trenner.gif) no-repeat top right;
			float:left;
			padding: 11px 15px 0 15px;
			height:27px;
		}
		
		#meta li  a {
			background:url(../img/metanav_bullet.gif) no-repeat  0px 7px;
			padding-left:7px;
			display:block;
			font-size:12px;
			line-height:16px;
			color:#ffffff;	
			text-decoration:none;
		}
		
		/*Suchformular*/
		#meta form {
			display:block;
			float:left;
			margin:10px 0 0 15px;
			overflow:hidden;
		}
		
		  #meta form  .textfield{
			width:129px;
			height:21px;
			border:0;
			margin: 0 9px 0 0;
			float:left;
			line-height:20px;
			font-size:11px;
			color:#666666;
			padding:0px 10px;
		  }
		  
		  #meta form  .searchBtn{
			width:16px;
			height:17px;
			border:0;
			background:url(../img/btn_search.gif) no-repeat;
			float:left;
			margin-top:2px;
			cursor:pointer;
		  }

      fieldset {
        border: none;
        margin: 0;
        padding: 0;
      }
		  
		  
	/*Mainnavigation*/	 
	#mainNavigation{
		padding:106px 0 0 18px;
		position:relative;
		z-index:10;
	}  
	
	    #mainNavigation ul {
			list-style:none;
			margin:0;
		}
		
		#mainNavigation li {
			float:left;
			margin-right:2px;
		}
		
	    #mainNavigation li.current_page_item {
			position:relative;
			z-index:5;
		}
		
		
		#mainNavigation a {
		   display:block;
		   	height:34px;
			text-decoration:none;
		}
		
	
		   /*Subnavigation fuer Studienprogramme*/
			 #mainNavigation ul ul {
				list-style:none;
				position:absolute;
				z-index:20;
				left:19px;
				top:48px;
				width:800px;
				height:10px;
			 }
			 
			  #mainNavigation ul ul li, #mainNavigation ul ul li.current_page_item, #mainNavigation ul ul li:first-child, #mainNavigation ul ul li.current_page_item:first-child,   #mainNavigation ul ul li:hover {
				float:left;
				margin-right:27px;
			 }
			 
			 #mainNavigation ul ul a {
		   	   height:10px;
		      }
		
		  
		 /*HAUPTNAVIGATION GRAFIKEN DEUTSCH de Breiteangabe des aktiv Zustands*/
		  .main_1 {
			width:80px;
			background:url(../img/nav_home_off.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_1,  .main_1:hover {
			background:url(../img/nav_home_on.gif) no-repeat bottom left;
         }
		  
		  .main_2 {
			width:166px;
			background:url(../img/nav_studienangebot_off.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_2, .main_2:hover {
			background:url(../img/nav_studienangebot_on.gif) no-repeat;
         }
		 
		  .main_3 {
			width:65px;
			background:url(../img/nav_cbs_off.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_3, .main_3:hover{
			background:url(../img/nav_cbs_on.gif) no-repeat top left;	
         }
		
		  .main_4 {
			width:114px;
			background:url(../img/nav_netzwerk_off.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_4, .main_4:hover {
			background:url(../img/nav_netzwerk_on.gif) no-repeat top left;	
         }
		 
		  .main_5 {
			width:96px;
			background:url(../img/nav_campus_off.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_5, .main_5:hover  {
			background:url(../img/nav_campus_on.gif) no-repeat top left;
         }
		 
		  .main_6 {
			width:90px;
			background:url(../img/nav_alumni_off.gif) no-repeat center 13px;
         }
		 
		   li.current_page_item .main_6 , .main_6:hover {
			background:url(../img/nav_alumni_on.gif) no-repeat top left;
          }
		  
		  
		  .main_7 {
			width:122px;
			background:url(../img/nav_forschung_off.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_7, .main_7:hover  {
			background:url(../img/nav_forschung_on.gif) no-repeat top left;
          }
		 
	
		/* SUBNAVIGATION GRAFIKEN DEUTSCH*/
		 li.current_page_item ul li .sub_1 {
			width:144px;
			background:url(../img/nav_bachelor_off.gif) no-repeat top left;;
		 }
		 
		 li.current_page_item ul li.current_page_item .sub_1 ,  li.current_page_item ul li .sub_1:hover {
			background:url(../img/nav_bachelor_on.gif) no-repeat top left;
		 }
		 
		 li.current_page_item ul li .sub_2 {
			width:128px;
			background:url(../img/nav_master_off.gif) no-repeat top left;
		 }
		 
		 li.current_page_item ul li.current_page_item .sub_2, li.current_page_item ul li .sub_2:hover {
			background:url(../img/nav_master_on.gif) no-repeat top left;
		 }
		 
		  li.current_page_item ul li .sub_3 {
			width:148px;
			background:url(../img/nav_executive_off.gif) no-repeat top left;
		 }
		 
		  li.current_page_item ul li.current_page_item .sub_3,  li.current_page_item ul li .sub_3:hover {
			background:url(../img/nav_executive_on.gif) no-repeat top left;
		 }
		   li.current_page_item ul li .sub_4 {
			width:188px;
			background:url(../img/nav_international_off.gif) no-repeat top left;
		 }
		 
		  li.current_page_item ul li.current_page_item .sub_4, li.current_page_item ul li .sub_4:hover {
			background:url(../img/nav_international_on.gif) no-repeat top left;
		 }
		 
		 /*HAUPTNAVIGATION GRAFIKEN ENGLISH Breiteangabe des aktiv Zustands*/
		  .main_1_en {
			width:80px;
			background:url(../img/nav_home_off.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_1_en ,  .main_1_en:hover {
			background:url(../img/nav_home_on.gif) no-repeat bottom left;
         }
		  
		  .main_2_en  {
			width:186px;
			background:url(../img/nav_studienangebot_off_en.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_2_en , .main_2_en :hover {
			background:url(../img/nav_studienangebot_on_en.gif) no-repeat;
         }
		 
		  .main_3_en  {
			width:65px;
			background:url(../img/nav_cbs_off.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_3_en , .main_3_en :hover{
			background:url(../img/nav_cbs_on.gif) no-repeat top left;	
         }
		
		  .main_4_en  {
			width:106px;
			background:url(../img/nav_netzwerk_off_en.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_4_en , .main_4_en :hover {
			background:url(../img/nav_netzwerk_on_en.gif) no-repeat top left;	
         }
		 
		  .main_5_en  {
			width:96px;
			background:url(../img/nav_campus_off_en.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_5_en , .main_5_en :hover  {
			background:url(../img/nav_campus_on_en.gif) no-repeat top left;
         }
		 
		  .main_6_en  {
			width:90px;
			background:url(../img/nav_alumni_off_en.gif) no-repeat center 13px;
         }
		 
		   li.current_page_item .main_6_en  , .main_6_en :hover {
			background:url(../img/nav_alumni_on_en.gif) no-repeat top left;
          }
		  
		  
		  .main_7_en  {
			width:111px;
			background:url(../img/nav_forschung_off_en.gif) no-repeat center 13px;
         }
		 
		  li.current_page_item .main_7_en , .main_7_en :hover  {
			background:url(../img/nav_forschung_on_en.gif) no-repeat top left;
          }
		 
	
		/* SUBNAVIGATION GRAFIKEN ENLISH*/
		 li.current_page_item ul li .sub_1_en  {
			width:155px;
			background:url(../img/nav_bachelor_off_en.gif) no-repeat top left;
		 }
		 
		 li.current_page_item ul li.current_page_item .sub_1_en  ,  li.current_page_item ul li .sub_1_en :hover {
			background:url(../img/nav_bachelor_on_en.gif) no-repeat top left;
		 }
		 
		 li.current_page_item ul li .sub_2_en  {
			width:138px;
			background:url(../img/nav_master_off_en.gif) no-repeat top left;
		 }
		 
		 li.current_page_item ul li.current_page_item .sub_2_en , li.current_page_item ul li .sub_2_en :hover {
			background:url(../img/nav_master_on_en.gif) no-repeat top left;
		 }
		 
		  li.current_page_item ul li .sub_3_en  {
			width:155px;
			background:url(../img/nav_executive_off_en.gif) no-repeat top left;
		 }
		 
		  li.current_page_item ul li.current_page_item .sub_3_en ,  li.current_page_item ul li .sub_3_en :hover {
			background:url(../img/nav_executive_on_en.gif) no-repeat top left;
		 }
		   li.current_page_item ul li .sub_4_en  {
			width:188px;
			background:url(../img/nav_international_off_en.gif) no-repeat top left;
		 }
		 
		  li.current_page_item ul li.current_page_item .sub_4_en , li.current_page_item ul li .sub_4_en :hover {
			background:url(../img/nav_international_on_en.gif) no-repeat top left;
		 }


/*### CONTENT BEREICH UNTERSEITEN ###*/		 
#main {
   overflow:hidden;
   padding:50px 0  50px 0;
   

}
   /*Linke Navigation*/
	#navigation {
		width:185px;
		float:left;
		margin: 8px 35px 0 0;
		border-top:1px solid #dcdcd2;
	}
	   #navigation ul {
			list-style:none;
			margin:0;
		}
		
		#navigation ul li {
			padding: 3px 0 5px 2px;
			border-bottom:1px solid #dcdcd2;
		}
		
		
		#navigation ul ul  {
			margin: 8px 0 0 0;
			
		}
		
		#navigation ul ul li {
			padding: 0 0 7px 10px;
			border-bottom:0;
		}
		
		#navigation li a:link, #navigation li a:visited, #navigation li a:hover {	
			padding-left:8px;
			display:block;
			font-size:12px;
			line-height:16px;
			color:#666666;	
			font-weight:bold;
			text-decoration:none;
		}
		
		#navigation li a:hover {color:#2a2a2a;text-decoration:none;}
		
		#navigation ul li.current_page_item a {
				background:url(../img/nav_bullet.gif) no-repeat 0px 6px;
				color:#333333;	
				text-decoration:none;
		}
		
		
		 #navigation ul li.current_page_item ul a:link,  #navigation ul li.current_page_item ul a:visited, #navigation ul li.current_page_item ul a:hover, #navigation  ul li.current_page_item ul li.current_page_item  ul a:link,#navigation  ul li.current_page_item ul li.current_page_item  ul a:visited, #navigation  ul li.current_page_item ul li.current_page_item  ul a:hover {
			font-weight:normal;
			background:none;
			color:#666666;	
			text-decoration:none;	
		}
		
		#navigation ul li.current_page_item ul a:hover,  #navigation  ul li.current_page_item ul li.current_page_item  ul a:hover{color:#2a2a2a;text-decoration:none;}
		
		#navigation  ul li.current_page_item ul li.current_page_item a, #navigation  ul li.current_page_item ul li.current_page_item ul li.current_page_item a {
			background:url(../img/nav_bullet.gif) no-repeat 0px 6px;
			color:#333333;	text-decoration:none;
		}
		
		

		
	
	/*Contentpage with Navigation*/
    #content {
		overflow:hidden;
		width:760px;
		float:left;padding-top:3px;
	}	
	

		 #content .leftCol {
			width:500px;
			float:left;
			margin-right:31px;
			
		}	
		
		 #content .rightCol , #content .rightCol2 {
			width:229px;
			float:left;
			padding-top:52px;
		}
		
		 #content .rightCol2 {
		 padding-top:6px;
		 }
			
	/*Landingpage without Navigation*/		
	#contentLarge {
		overflow:hidden;
		padding:3px 0 0 0;
	  }	
	

		 #contentLarge .leftCol {
			width:729px;
			float:left;
			margin-right:22px;
			
		}	
		
		 #contentLarge .rightCol {
			width:229px;
			float:left;
			padding-top:52px;
		}
				
		
		


/*### FOOTER BEREICH ### */
#footer {
	border-top:1px solid #cccccc;
	width:980px;
	padding-bottom:40px;
	overflow:hidden;
}
    /* Copyrightzeile  mit Footernavigation*/
	#footerBar {
		border-bottom:1px solid #cccccc;
		height:23px;
		overflow:hidden;
		padding-top:8px;
		padding-left:10px;
		margin-bottom:15px;
	}
	
		#footerBar span {
			font-size:12px;
			line-height:17px;
			color:#666666;
			display:block;
			float:left;
		}
		
		
		#footerBar ul {
			list-style:none;
			overflow:hidden;
			float:left;
			margin:0;
		}
		
		#footerBar li {
			float:left;
			margin-left:22px;
			padding:0;
		}
		
		
		#footerBar li a:link,#footerBar li a:visited, #footerBar li a:hover {
			display:block;
			background:url(../img/footernav_bullet.gif) no-repeat 0 7px ;
			padding-left:9px;
			font-size:12px;
			line-height:17px;
			color:#666666;
			text-decoration:none;	
		}
		
		#footerBar li a:hover {color:#2a2a2a;text-decoration:none;}
		
    /*Links Schnellzugriff*/ 
	#footerLinks {
		overflow:hidden;
		width:827px;
		background:url(../img/vline.gif) repeat-y right top ;
		float:left;
		padding-left:10px;
	}
	
	
		#footerLinks div {
			float:left;
			width:150px;
			margin-right:70px;
		
		}
		
		#footerLinks div.lastCol {
			margin-right:15px;
		
		}
		
	    #footerLinks ul {
		   list-style:none;
		   margin:0 0 17px 0;
	     }
		 
		 #footerLinks ul ul {
		 	  margin:4px 0 0px 0;
		 }
		 
		  #footerLinks ul ul ul {
		 	 margin:1px 0 0px 0;
		 }
		 
		  #footerLinks ul ul li {
		 	padding-bottom:4px;
		 }
		 
		 	#footerLinks ul ul ul li {
			background:url(../img/footernav_bullet.gif) no-repeat 1px 7px ;
			padding-left:10px;
		 }

				 
		 #footerLinks  a:link,  #footerLinks a:visited,  #footerLinks a:hover{
		 	color:#666666;text-decoration:none;
		 }
		 #footerLinks  a:hover{color:#2a2a2a;}
		 
		 #footerLinks ul a {
		 	font-size:12px;
			line-height:16px;
			font-weight:bold;
		 }
		 
		 
		  #footerLinks ul ul a {
			font-size:11px;
			line-height:13px;
			font-weight:normal;
			
		 }
		 
		 
		  #footerLinks ul ul ul a {
			font-size:11px;
			line-height:13px;
			font-weight:normal;
		 }
		 
	/*Links zu Facebook, Twitter etc*/	
    #webServices {
		float:left;
		width:80px;
		margin-left:34px;
	}
	
	 #webServices ul {
		list-style:none;
		 margin:0;
	}
	
	 #webServices li {
		padding-bottom:6px;
	}
	
	 #webServices a:link,  #webServices a:visited,  #webServices a:hover {
		font-size:11px;
			line-height:13px;
			font-weight:normal;	
			color:#666666;
			text-decoration:none;
	}
	
	 #webServices a:hover {color:#2a2a2a;}
	
	
	#webServices img {
		vertical-align:middle;
		margin-right:5px;
		margin-bottom:0;
		
	}