/* -- generall settings ----------------------------------------------------- */

body {
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 11px;
    line-height: 100%;
    padding: 0;
    margin: 0;
    background: url(images/framework/bg_main.gif) top right repeat-y;
}

img { border: 0; }

.clear { clear: both; float: none; font-size: 1px; color: #fff; }

.hidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);/* because 'height: 0' doesn't have any fun in IE5.5 */
	height: 0;/* because clip doesn't have any fun in IE6 */
}


/* -- framework: background madness and the colors of the rainbow ----------- */

#leftdots {
    background: url(images/framework/bg_left_dots.jpg) top right no-repeat;
    width: 100%;
    height: 185px;
    margin: 0;
    padding: 0;
}

#container {
	position: absolute;
	top: 0;
	right: 3px;
    width: 793px;
    margin: 0;
    padding: 0;
}

/* Hides from IE5-mac \*/
* html #container { right: 0; }
/* End hide from IE5-mac */

#header {
    margin: 0;
    padding: 0;
    height: 129px;
    background: #fff url(images/framework/header_gf.jpg) top left no-repeat;
    text-align: right;
    vertical-align:top;
}
#header img {
    margin: 9px 9px 0 0;
    padding: 0;
}

#headerShadow {
    margin: 0;
    padding: 0;
    height: 8px;
    font: 1px/8px Arial, Helvetica, Tahoma, Verdana, sans-serif; /* fix div-height in ie6 */
    background: #ddd url(images/framework/header_line.gif) bottom left no-repeat;
}


/* -- the left col: general settings ---------------------------------------- */

#colLeft {
    text-align: left;
    width: 127px;
    float: left;
    margin: 0;
    padding: 0;
}


/* -- the left col: formatting the navigation menu -------------------------- */

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu ul li {
    margin: 0;
    padding: 0;
    display: inline; /* Prevent white spaces in IE6 */
}
#menu a {
	color: #333;
	line-height: 15px;
	vertical-align: middle;
	margin: 0;
	display: block;
}

a.menu-1-no,
a.menu-1-act,
a.menu-1-cur {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #d0990b;
    padding: 3px 0 2px 5px;
    width: 122px !important;
    width /**/:127px;
}

a.menu-1-no,
a.menu-1-no:link,
a.menu-1-no:visited { background-color: #eee; }
a.menu-1-no:hover { background-color: #dfb25a; }
a.menu-1-act { background-color: #dfb25a; }
a.menu-1-cur { background-color: #dfb25a; color: #900; }

a.menu-2-no,
a.menu-2-cur {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #333;
    padding: 3px 0 2px 10px;
    width: 117px !important;
    width /**/:127px;
}

a.menu-2-no { background-color: #eed4a4; }
a.menu-2-no:hover { background-color: #e8c686; }
a.menu-2-cur { background-color: #e8c686; color: #900; }

#menu #arrowContainer{
    position: absolute;
    height: 1%;
    overflow: visible;
    display: inline;
}
#menu #arrowLow,
#menu #arrowHigh {
    position: relative;
    width: 44px;
    height: 34px;
    left: -45px;
    background: url(images/framework/menu_arrow.gif) no-repeat;
}
#menu #arrowLow { top: -8px; }
#menu #arrowHigh { top: -2px; }


/* -- the left col: some (currently) unused stuff --------------------------- */

#infobox {
	line-height: 100%;
    margin: 20px 6px;
    padding: 10px;
    border: 1px solid #d00;
    background-color: #eee;
}

#infobox h3 {
    font-size: 11px;
    font-weight: bold;
    color: #333;
    margin: 0 0 4px 0;
    padding: 0;
}

#infobox ul { margin: 0; padding: 0; list-style-type: none; }
#infobox a { color: #d00; text-decoration: none; }
#infobox a:hover { text-decoration: underline; }

#infobox p,
#infobox img { 
	text-align: center;
	margin: 0;
	padding: 0;
}

#infobox img { text-decoration: none; }

#language { text-align: center; margin: 20px 0 0 0; }


/* -- the center col: general settings -------------------------------------- */

#colCenter {
    text-align: center;
    float: left;
    width: 530px;
    margin: 0;
    padding: 18px 0 0 0;
    background: url(images/framework/bg_content.gif) right top no-repeat;
}


/* -- the content area: general format -------------------------------------- */

#content {
    font-size: 12px;
    line-height: 140%;
    color: #333;
    text-align: left;
    margin: 0;
    padding: 0 30px 18px 30px;
}

#content #flashIntro {
    border: 1px solid #999;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#content p.banner {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

#content p.banner a { text-decoration: none; border: 0; }
#content p.banner a:hover { text-decoration: none; border: 0; }

#content embed { display: block; } /* stop mozilla producing strange spacing */

#content h1 {
	font-family:  Verdana, Tahoma, Arial, sans-serif;
	font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #c93;
    padding: 0;
    margin: 0 0 10px 0;
}

#content h2 {
	font-family:  Verdana, Tahoma, Arial, sans-serif;
	font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    color: #c93;
    padding: 0;
    margin: 0 0 10px 0;
}

#content h3 {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #c93;
    padding: 0;
    margin: 0 0 10px 0;
}

#content ul { margin: 0 0 15px 15px; padding: 0; list-style-type: disc; }
#content a  { color: #c00; text-decoration: none; border: 0; }
#content a:hover { border-bottom: 1px solid #c00; }

#content em { font-style: normal; font-weight:bold; color: #666; }

#content p {
    margin: 0 0 10px 0;
    padding: 0;
}

/* -- the content area: formatting the quotes ------------------------------- */

#content .zitatText {
	font-style: italic;
	color: #999;
	text-align: right;
}
#content .zitatQuelle {
	color: #999;
	text-align: right;
	margin-bottom: 15px;
}


/* -- the content area: formatting institutional logos ---------------------- */

#content p.instLogo {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
}


/* -- the content area: formatting for the sitemap -------------------------- */

#sitemap { line-height: 100%; }
#sitemap ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
	list-style-image: url(images/framework/sitemap_page.gif);
}
#sitemap ul li {
	margin: 0 0 5px 0;
    padding: 0;
    line-height: 15px;
 	vertical-align: middle;
}
#sitemap ul li ul { margin: 6px 0 10px 24px; }


/* -- formatting for the copyright (hidden in media screen) ----------------- */

#copyright {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: inline;
}


/* -- formatting for the news lists ----------------------------------------- */

#content .newsList h3 {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #c93;
    padding: 0;
    margin: 0 0 5px 0;
}

#content .newsList h3 a {
	color: #c93;
    text-decoration: none;
    border: 0;
}

#content .newsList h3 a:hover {
    text-decoration: none;
    border: 0;
}

#content .newsList p { padding: 0; margin: 0 0 5px 0; }
#content .newsList p.date { padding: 0; margin: 0 0 5px 0; }
#content .newsList p.teaser { padding: 0; margin: 0 0 20px 0; }

#content .newsList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#content .newsList ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#content .newsList img {
	float: left;
	border: 1px solid #999;
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
}

/* -- formatting for the events lists --------------------------------------- */

#content .eventsList { line-height: 100%; }
#content .eventsList ul {
	margin: 0 0  15px 0;
	list-style-type: none;
}
#content .eventsList ul li {
	color: #000;
 	text-decoration: none;
 	line-height: 15px;
 	vertical-align: middle;
 	margin: 6px 0 0 0;
 	padding: 0 0 0 18px;
	display: block;
	background: #fff url(images/framework/sitemap_page.gif) no-repeat;
}


/* -- the content area: formatting for the contact persons list ------------- */

#contactPersons { line-height: 100%; }

#contactPersons strong { color: #666; }

#contactPersons ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
#contactPersons ul li {
	margin: 0 0 5px 0;
    padding: 0;
    line-height: 16px;
 	vertical-align: middle;
}
#contactPersons ul.options {
	margin: 6px 0 20px 15px;
}

#contactPersons li.contactPhone,
#contactPersons li.contactMail,
#contactPersons li.contactFax {
	margin: 0 0 2px 0;
    padding: 0 0 0 5px;
    line-height: 16px;
 	vertical-align: middle;
}

#contactPersons li.contactPhone { list-style-image: url(images/framework/contact_phone.gif); }
#contactPersons li.contactMail { list-style-image: url(images/framework/contact_mail.gif); }
#contactPersons li.contactFax { list-style-image: url(images/framework/contact_fax.gif); }


/* -- formatting for the contact form --------------------------------------- */

#contact label.left {
	float: left;
	text-align: right;
	width: 80px;
	margin-right: 5px;
}

#contact input,
#contact select,
#contact textarea {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	margin: 0 0 5px 0;
	float: left;
	border: 1px solid #999;
}

#contact .right {
	float: left;
	width: auto;
	clear: both;
	margin-bottom: 5px;
	margin-left: 85px;
}

#contact form br { clear: both; }
#contact fieldset { margin: 0; padding: 0; border: 0; }


/* -- formatting for the search form ---------------------------------------- */

#search {
	margin: 0 0 15px 0;
	padding: 0;
}

#search form {
	margin: 0;
	padding: 0;
}

#search input {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	margin: 0 5px 0 0;
	border: 1px solid #999;
}


/* -- box for downloads used with study courses ----------------------------- */

#content div.downloadBox {
    float: right;
    width: 240px;
    margin: 0 0 10px 10px;
    border: 1px solid #dfb25a;
}

#content .downloadBox ul {
    padding: 5px;
    margin: 0;
    margin-left: 20px;
    list-style-type: none;
    list-style-image: url(images/framework/pdf_logo.gif);
}

#content .downloadBox li {
	line-height: 15px;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
}

#content .downloadBox h1 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #dfb25a;
    padding: 2px;
    margin: 0 0 4px 0;
}
/* -- box for Studiengänge used with study courses ----------------------------- */

#content div.InfoBoxSG {
    /*float: right;*/
    width: 460px;
    /*margin: 0 0 10px 10px;*/
    border: 1px solid #dfb25a;
}

#content .InfoBoxSG ul {
    padding: 5px;
    margin: 0;
    margin-left: 0px;
    list-style-type: none;
  }

#content .InfoBoxSG li {
	line-height: 15px;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
}

#content .InfoBoxSG h1 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #dfb25a;
    padding: 2px;
    margin: 0 0 4px 0;
}
/* -- box for Studiengänge used with study courses ----------------------------- */

#content div.InfoBoxSG2 {
    /*float: right;*/
    width: 460px;
    /*margin: 0 0 10px 10px;*/
    border: 1px solid #dfb25a;
}

#content .InfoBoxSG2 ul {
    padding: 5px;
    margin: 0;
    margin-left: 15px;
    /*list-style-type: none;*/
  }

#content .InfoBoxSG2 li {
	line-height: 15px;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
}

#content .InfoBoxSG2 h1 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #dfb25a;
    padding: 2px;
    margin: 0 0 4px 0;
}

/* -- study courses only: the complex submenu ------------------------------- */

#submenu {
	text-align: center;
    margin: 0;
    padding: 0 30px 30px 30px;
}

#submenu table,
#submenu td,
#submenu tr {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

#submenu table { width: 470px; text-align: left; }

#submenu a.nostyle { text-decoration: none; border: 0; }
#submenu .sm {
    padding: 7px 5px;
    font: 12px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
}

#submenu .submenu1 { background-color: #de635e; }
/* #submenu .submenu2 { background-color: #abbe91; } */
#submenu .submenu2 { background-color: #76b4cf; }
#submenu .submenu3 { background-color: #f6d173; }
#submenu .submenu4 { background-color: #63A939; }
/*BizJ*/
#submenu .submenu5 { background-color: #009DD4; }
/*IMSI*/
#submenu .submenu6 { background-color: #F58220; }
/*ECO*/
#submenu .submenu7 { background-color: #32A18B; }
/* MASTER*/
#submenu .submenu8{ background-color: #393385; }
/*Master PR*/
#submenu .submenu9{ background-color: #6E0F6C; }

#submenu .submenu1AK { background-color: #de635e; color: #de635e; }
/*#submenu .submenu2AK { background-color: #abbe91; color: #abbe91; }*/
#submenu .submenu2AK { background-color: #76b4cf; color: #76b4cf; }
#submenu .submenu3AK { background-color: #f6d173; color: #f6d173; }
#submenu .submenu4AK { background-color: #63A939; color: #63A939; }
/*BizJ*/
#submenu .submenu5AK { background-color: #009DD4; color: #009DD4; }
/*IMSI*/
#submenu .submenu6AK { background-color: #F58220; color: #F58220; }
/*ECO*/
#submenu .submenu7AK { background-color: #32A18B; color: #32A18B; }
/* MASTER*/
#submenu .submenu8AK { background-color: #393385; color: #393385; }
/* MASTER PR*/
#submenu .submenu9AK { background-color: #6E0F6C; color: #6E0F6C; }

#submenu .ssm {
    padding: 4px 5px;
    margin: 1px 0 0 0;
    font: 12px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    color: #ffffff;
    font-weight: bold;
}

#submenu .ssubmenu1 { background-color: #de635e; }
/*#submenu .ssubmenu2 { background-color: #abbe91; }*/
#submenu .ssubmenu2 { background-color: #76b4cf; }
#submenu .ssubmenu3 { background-color: #f6d173; }
#submenu .ssubmenu4 { background-color: #98c378; }
/*BizJ*/
#submenu .ssubmenu5 { background-color: #009DD4; }
/*IMSI*/
#submenu .ssubmenu6 { background-color: #F58220; }
/*ECO*/
#submenu .ssubmenu7 { background-color: #32A18B; }
/* MASTER*/
#submenu .ssubmenu8 { background-color: #393385; }
/*MAster PR*/
#submenu .ssubmenu9 { background-color: #6E0F6C; }

#submenu .ssubmenu1AK { background-color: #ffa999; }
/*#submenu .ssubmenu2AK { background-color: #bbddaa; }*/
#submenu .ssubmenu2AK { background-color: #99ccdd; }
#submenu .ssubmenu3AK { background-color: #f9dc9b; }
#submenu .ssubmenu4AK { background-color: #98c378; }
/*BizJ*/
#submenu .ssubmenu5AK { background-color: #009DD4; }
/*IMSI*/
#submenu .ssubmenu6AK { background-color: #F58220; }
/*ECO*/
#submenu .ssubmenu7AK { background-color: #32A18B; }
/* MASTER*/
#submenu .ssubmenu8AK{ background-color: #393385; }
/* MASTER PR*/
#submenu .ssubmenu9AK{ background-color: #6E0F6C; }

#submenu .submenubox0 { background: url('images/framework/submenu_0.jpg') no-repeat right bottom #deb049; }
#submenu .submenubox1 { background: url('images/framework/submenu_1.jpg') no-repeat right bottom #de635e; }
/*#submenu .submenubox2 { background: url('images/framework/submenu_2.jpg') no-repeat right bottom #abbe91; }*/
#submenu .submenubox2 { background: url('images/framework/submenu_3.jpg') no-repeat right bottom #76b4cf; }
#submenu .submenubox3 { background: url('images/framework/submenu_4.jpg') no-repeat right bottom #f6d173; }
#submenu .submenubox4 { background: url('images/framework/submenu_5.jpg') no-repeat right bottom #63A939; }
/*BizJ*/
#submenu .submenubox5 { background: url('images/framework/submenu_6.jpg') no-repeat right bottom #009DD4; }
/*IMSI*/
#submenu .submenubox6 { background: url('images/framework/submenu_9.jpg') no-repeat right bottom #F58220; }
/*ECO*/
#submenu .submenubox7 { background: url('images/framework/submenu_8.jpg') no-repeat right bottom #32A18B; }
/*MASTER*/
#submenu .submenubox8 { background: url('images/framework/submenu_7.jpg') no-repeat right bottom #393385; }
/*MASTER PR*/
#submenu .submenubox9 { background: url('images/framework/submenu_10.jpg') no-repeat right bottom #6E0F6C; }


/* -- the right col: general settings --------------------------------------- */

#colRight {
    font-size: 11px;
    color: #333;
    text-align: left;
    overflow: hidden;
    float: left;
    width: 126px;
    margin: 0 0 0 10px;
    padding: 18px 0 0 0;
}

#colRight h3 {
    font-size: 11px;
    font-weight: bold;
    color: #333;
    margin: 0 0 4px 0;
    padding: 0;
}


/* -- the right col: formatting for the quicksearch field ------------------- */

#searchBox   { margin: 0 0 18px 0; padding: 0; }
#searchBox form,
#searchBox form fieldset { margin: 0; padding: 0; }
#searchBox form fieldset { border: 0; }
#searchBox input {
    font-size: 11px;
    background: url(images/framework/bg_input.gif) top left no-repeat #fff;
    width: 96px;
    height: 15px; line-height: 15px; vertical-align: middle;
    border: none; border-top: 1px solid #ccc;
    padding: 0; padding-left: 4px;
    margin: 0; margin-right: 4px;
}
#searchBox input.go {
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0;
}


/* -- the right col: formatting for news- and event-lists ------------------- */

.listBox         { margin: 0 0 18px 0; padding: 0; line-height: 15px; }
.listBox ul      { margin: 0 0 18px 0; padding: 0; list-style-type: none; }
.listBox ul li   {
	margin: 0;
	padding: 0;
	display: inline; /* Prevent white spaces in IE6 */
}
.listBox ul li a {
	color: #333;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #bbb;
    margin: 0;
    padding: 4px 4px 0 4px;
}

.listBox ul li a:hover {
	color: #c00;
	background: url(images/framework/bg_listbox_link.gif) bottom repeat-x;
}

.listBox p   {
	margin: 0;
	padding: 0;
}

.resAddress {
	width: 49%;
	float: left;
	text-align: left;
}

.resLogo {
	width: 49%;
	float: right;
	text-align: right;
}

#content applet {
	margin: 0;
	padding: 0;
}

#content .thumbnail a,
#content .thumbnail_nofloat a,
#content .thumbnail a:hover,
#content .thumbnail_nofloat a:hover {
	text-decoration: none;
	border: 0;
	padding: 0;
}

#content .thumbnail,
#content .thumbnail_nofloat {
	text-align: center;
	line-height: 140%;
	width: 148px;
	border: 1px solid #999;
}


#content .thumbnail {
	float: left;
	margin: 0 10px 10px 0;
}


#content .thumbnail_nofloat {
	float: right;
	margin: 0 0 10px 0;
}

/* -- content: gallery ------------------------------- */

#gallery {
	width:470px;
	margin: 0 0 0 0;
	padding:0;
}

#gallery .thumbnail2 a,
#gallery .thumbnail2_nofloat a,
#gallery .thumbnail2 a:hover,
#gallery .thumbnail2_nofloat a:hover,
#gallery .thumbnail a:hover img,
#gallery .thumbnail_nofloat a:hover img {
 	border: 0;
	text-decoration: none;
}

#gallery .thumbnail2,
#gallery .thumbnail2_nofloat {
	width: 148px;
	text-align: center;
	line-height: 140%;
}

#gallery .thumbnail2 {
	 float: left;
	 margin: 0 10px 10px 0;
}

#gallery .thumbnail2_nofloat {
	float: right;
	margin: 0 0 10px 0;
}

#gallery .thumbnail p,
#gallery .thumbnail_nofloat p{
	text-align: center;
	border: 0;
}

#gallery .thumbnail2 img,
#gallery .thumbnail2_nofloat img {
	border: 1px solid #999;
	text-align: center;
}

#gallery .imagegal{
	overflow:hidden;
	width: 450px;
}

#gallery .subline{
	font-weight: bold;
	width:450px;
 	margin: 15px 0 15px 0;

}

#gallery .beschreibung{
 	width:450px;
 	margin: 15px 0 15px 0;

}

#gallery .label{
 	font-weight:bold;
	margin: 15px 0 15px 10px;
 	width: 50px;
}

#gallery .imagegal p{
 	margin: 15px 0 15px 10px;
 	width: 450px;
}

#gallery .value{
    margin: 15px 0 15px 10px;
}

#content #news img {
	border: 1px solid #999;
	margin: 5px 10px 5px 10px;
	padding: 0;
	display: block;
}