@charset "utf-8";

/*
====================================================
Regeln für allgemeine Elemente
==================================================== */

/* kritische Werte
---------------------------------------------------- */
* 
{
  	margin: 				0;
  	padding: 				0;
	vertical-align: 		top;
}

/* Bilder 
---------------------------------------------------- */
img 
{
  	vertical-align: 		bottom;
}

/* Standardmäßig nicht sichtbare Inhalte zur Erleichterung der Orientierung mit assistiven Technologien */
.invisible 
{
  	position: 				absolute;
  	left: 					-9999px;
}

/* Entfernen das standardmäßig um Bilder gezogenen Rahmens */
a:link img, a:visited img, a:hover img, a:focus img, a:active img 
{
  	border: 				0px;
}

/* Schriftgröße 
---------------------------------------------------- */
body, td, th 
{
  	font: 					normal 80% Verdana, sans-serif;
	background-color:		#cccccc;
}
td, th 
{
 	f\ont-size: 			100%;
}

/* Überschriften 
---------------------------------------------------- */
h1, h2, h3, h4, h5, h6 
{
  	color: 					#304090;
  	background-color: 		transparent;
}

/* Links und Anker 
---------------------------------------------------- */
a:link, a:visited, a:focus, a:active 
{
  	color: 					#304090;
  	background-color: 		transparent;
	text-decoration:		none;
}

a:hover
{
	text-decoration:		underline;
}

/*
====================================================
Hauptbereich
==================================================== */
/* Korrektur für den IE - zeigt die Seite zentriert an, "margin: auto funktioniert nicht"*/
body
{
   	text-align:              center;	
}

#content 
{
  	color: 					#304090;
	background: 			#FFFFFF;
	border:					none;
	width: 					750px;
	margin-top:				90px;
  	margin-left:			auto;
  	margin-right:			auto;
    font-family: 			"Arial";  
}

/* Größe der DIVs
---------------------------------------------------- */
.box_content
{
	height:					250px;
	width:					375px;
	float:					left;
}

/* Absätze
---------------------------------------------------- */
p
{
	font-family:			Verdana;
    font-size:				11px;
    line-height:			17px;
    text-align: 			left;
	color: 					#304090;
	font-weight:			bold;
  	margin: 				10px;
}



/* Kursive Schriften
---------------------------------------------------- */
.italic_bold
{
	font-style:				italic;
}


/*
====================================================
Regeln für spezielle Elemente
==================================================== */

/* DIV Oben links
==================================================== */
#top_left
{
	background:				url(/fileadmin/template/images/portal/top_left.jpg) no-repeat left top;
}

#top_left p
{
	margin-top:				50px;
}

/* DIV Oben rechts
==================================================== */
#top_right
{
	background:				url(/fileadmin/template/images/portal/top_right.jpg) no-repeat left top;
}

/* DIV Unten links
==================================================== */
#bottom_left
{
	background:				url(/fileadmin/template/images/portal/bottom_left.jpg) no-repeat left top;
    text-align:				left;        
}

#link_uni_due
{
	display:				block;
	background:				url(/fileadmin/template/images/portal/link_uni_due.jpg) no-repeat left top;
	width:					150px;
	height:					45px;
	margin-top:             197px;
   	margin-left:            10px;
}

/* DIV Unten rechts
==================================================== */
#bottom_right
{
	background:				url(/fileadmin/template/images/portal/bottom_right.jpg) no-repeat left top;
}

/* Buttons (allgemein)
---------------------------------------------------- */
#buttons_portal
{
	height:					44px;
	width:					344px;
	text-align:             center;
    margin-left:		  	auto;
	margin-right:			auto;
	margin-top:				25px;
}

#buttons_portal li
{
	float:					left;
	text-decoration:		none;
	list-style:				none;
}

#b2
{
	margin-left:			11px;
}

/* Button (Angewandte Informatik)
---------------------------------------------------- */
.button_SE
{
	display:				block;		
	background:				url(/fileadmin/template/images/portal/button_se.jpg) no-repeat left bottom;
	height:					44px;
	width:					166px;
}

#link_SE:link, #link_SE:link:visited, #link_SE:link:focus, #link_SE:link:active 
{
	background-position:	left bottom;
}

#link_SE:hover
{
	background-position:	left top;
	text-decoration:		none;
}

/* Button (Wirtschaftsinformatik)
---------------------------------------------------- */
.button_WI
{
	display:				block;		
	background:				url(/fileadmin/template/images/portal/button_wi.jpg) no-repeat left bottom;
	height:					44px;
	width:					166px;
}

#link_WI:link, #link_WI:link:visited, #link_WI:link:focus, #link_WI:link:active  
{
	background-position:	left bottom;
}

#link_WI:hover
{
	background-position:	left top;
	text-decoration:		none;
}

/* Link ICB
----------------------------------------------------- */
#link_icb
{
	float:					right;
	margin-right:			10px;
	margin-top:				15px;
}

#link_icb li
{
	vertical-align:			middle;
	float:					left;
	text-decoration:		none;
	list-style:				none;
	margin-left:			10px;
}

#link_icb_text
{
	display:				block;
	background:				url(/fileadmin/template/images/portal/link_icb_text.jpg) no-repeat top left;
	width:					135px;
	height:					35px;
	margin-top:				10px;
}

#link_icb_icon
{
	display:				block;
	background:				url(/fileadmin/template/images/portal/link_icb_icon.jpg) no-repeat top left;
	width:					45px;
	height:					45px;
}

