@charset "utf-8";

html{ background: url(../shared/bg_html.gif) repeat-x left top; background-color: #aeb0b1}
body {margin: 0 auto 25px auto; padding: 0; background-color: #fff; font: small Verdana, Arial, Helvetica, sans-serif; line-height:19px; color: #002851; width:99%; max-width: 1280px;  }
a{outline-width:0px; color:#002851; }
p{margin:0 0 8px 0; padding:0}
br{margin:4px 0 0 0; padding:0}
img{border:none}
h1{ font: bold 120% Verdana, Arial, Helvetica, sans-serif; color: #f5982c; padding:0 0 30px 0; margin:0; line-height:22px}



h2{font: bold 110% Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px;}
h3{font: bold 100% Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #f5982b; width:100px}
h3.kontakt{font: bold 11pt Verdana, Arial, Geneva, Helvetica; color:#f5982c; width:100%; border-bottom:none}
h4{color: #002851; font: bold 85% Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0 0 7px 0}
ul, li{ list-style-image: url(../shared/listbullet.gif);  margin-top:0; padding-top:0; }
li{padding-bottom:4px; }


td{vertical-align:top}
form{display:inline}
fieldset{border:0; margin:0; padding:0 0 10px 0; color:#002851}
input[type='radio']{margin:0}
legend{padding:0 0 8px 0; margin:0; color: #002851}
caption{background-color:#fff; margin: 0; color:#f5982b; font-size:8pt; font-weight:bold; text-align:left; padding:5px}
/*hr{border:0px none; height:1px; color:#f5982b; background-color:#f5982b} */
hr{border:0px none; height:1px; color:#002851; background-color:#002851}
hr.kontakt{border:0px none; height:1px; color:#f5982b; background-color:#f5982b;  margin-top:-11px; #margin-top:-22px;}


/*IDs */

#headerIndexWrap{width:100%; height:120px; background: #edefef url(../shared/bg_header.gif) repeat left top; border-bottom:1px solid #fff;}
#bg_line_header{background: url(../shared/bg_line_header.gif) repeat-x left top;margin:0; padding:0;}
#bg_line_footer{background: url(../shared/bg_line_footer.gif) repeat-x left top;margin:0; padding:0;}
#menuObenWrap{width:100%; background: #F5982B repeat left top; border-bottom:1px solid white;}


#headerWrap{width:100%; height:60px;  background: #edefef url(../shared/bg_header_small.gif) repeat-x left top; border-bottom:1px solid white;}
#headerBlueLine{width:100%; height:6px; background-repeat:repeat-x; background-color: #002851;  margin-top:1px; border-bottom:1px solid white;}

#logoIndex{width:200px; height:120px; float:left; text-align:left;  background: #fdfdfd url(../shared/logo.gif) no-repeat left top ;}
#logoIndex p {margin:0; padding:85px 0 0 0; font-size: 80%; line-height: 14px; color: #98a0a8; text-align:center;}
#buchstaben_bg{margin-left: 55px; padding:0; float:left; width:250px; height:120px; background:  url(../shared/buchstaben_bg.gif) no-repeat left top; }
#kollage{float:right; width:289px;}

#logo{width:200px; height:60px; float:left; text-align:center; background-color: #fdfdfd;}
#buchstaben_bg_small{ float:left; padding-left: 50px}
#headerMenuTitle{float:right; margin:0; padding:0 30px 0 0; height:60px}

#mainWrap{ width:100%; margin 0; padding:0; background-color: #fff;}
#mainTable{ width:100%; margin:0; padding:0; border: none; background-color: #fff;}
#mainTableNavigation{width: 200px; vertical-align:top;  background-color:#f4f5f5;}
#mainTableNavigationIndex{width: 200px; vertical-align:top;  background-color:#f5f5f5}
#mainTableContent{width:auto; background-color:#fff; vertical-align:top}
#mainTableRightIndex{width:289px; vertical-align:top; background-color: #f5f5f5;}
#mainTableRight{width:250px; vertical-align:top; margin-top:1px; background-color: #f5982b;}


#navigationIndexWrap{width:200px;  background:#e6ebec url(../shared/bg_navigationIndex.gif) repeat-y left top;  margin:0; padding:0;}
#navigationWrap{width: 200px; padding:0; margin:0}
#navigation{margin:0; padding:20px 10px 10px 12px}
#navigationTop{list-style-image: url(../shared/listbullet_top.gif); margin:0; padding:0 5px 0 20px}
#navigationTop li{list-style-image: url(../shared/listbullet_top.gif); margin:0; padding:0 0 8px 0; font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #002851; }
#navigationTop li a{text-decoration:none}
#navigationTop li a:hover{text-decoration:underline}
#blatt{width:200px; height:180px; margin:20px 0 30px 0; padding:0; /*background: url(../shared/blatt.gif) no-repeat left top;*/}


#buttons_startseite{width:170px; margin: 0 15px; padding:0;}
#buttons_startseite .one {width:170px; margin:0; padding:0; height:28px; background-color: #f5982b; border-bottom: 3px solid white}
#buttons_startseite .two {width:170px; margin:0; padding:0; height:28px; background-color: #012851;}
#buttons_startseite .one p, #buttons_startseite .two p {font: bold 85% Verdana, Arial, Helvetica, sans-serif; color: white; padding:0 5px 0 10px; line-height:28px; vertical-align: middle; }

#contentWrap{ margin:0; padding:22px; }


#rightIndexWrap{width:289px; background-color:white;}
#rightWrap{margin:0; padding:0}
#rightStoerer{width:289px; background: #f5982b  url(../shared/bg_right_top_corner.gif) no-repeat left top; margin:0; padding:0;}
 
#rightAktTermine{width:289px; background: #002851 url(../shared/bg_right_bottom_corner.gif)  no-repeat left top; margin:10px 0 0 0; padding:0;}

#rightStoererText{margin:0; padding:25px 0 15px 15px; clear:both}
#rightStoererText h1{font: bold 120% Verdana, Arial, Helvetica, sans-serif; color: white; padding:15px 0 25px 0; line-height:22px; }
#rightStoererText p, #rightAktTermineText p {font: bold 80% Verdana, Arial, Helvetica, sans-serif; color: white; line-height:16px; padding-bottom: 12px; letter-spacing: 0.1px;}
#rightStoererText p.alleTermineNews_right, #rightAktTermineText p.alleTermineNews_right {background: url(../shared/listbullet_white.gif) no-repeat left top; margin:0; padding-left:15px;}

#rightAktTermineText{margin:0; padding:25px 0 15px 15px;}
#rightAktTermineText h1{font: bold 120% Verdana, Arial, Helvetica, sans-serif; color: white; padding:10px 0 30px 0; line-height:22px;}
#rightBottom {background-color: white; margin:0; padding:0; height:10px}
#rightAktTermineText ul{float:left; width:274px; margin:0; padding:0 0 12px 0; list-style: none;}
#rightAktTermineText ul li {float:left; margin:0; padding:0 0 7px 0; font-size:85%;  color:white; list-style: none; line-height:16px;}
#rightAktTermineText ul li a {color:white; text-decoration:none}
#rightAktTermineText ul li a:hover {text-decoration:underline}
#rightAktTermineText ul li.one {width:78px;}
#rightAktTermineText ul li.two {width:182px;}


#footerWrap{clear:both; width:100%; margin:2px 0 0 0; padding:0; background-color:#f5f7f8;  border-top:1px solid #e3e4e1;  height: 70px}
#logoISM{float:left; width:200px; height:70px; margin:0; padding:0;}
#footerText{float:right; width:auto;}
#footerText p{font: 7pt Verdana, Arial, Helvetica, sans-serif; color: #7B88A0; line-height:14px; padding: 10px 20px 10px 0; text-align:right;}
#footerText p a{color: #7B88A0;}
#footerLine{width:100%; height:5px; background-color:#002851; margin:2px 0 0 0; padding:0; font-size:1pt;}

#ansprechpartner td {vertical-align:top;  padding: 15px 0; border-bottom:1px solid #d9dbde; line-height: 20px;}
#ansprechpartner td p a {text-decoration:none; color:#f5982b; font-weight: bold}
#ansprechpartner td p a:hover {text-decoration:underline}



/* Classes*/

.menuOben {padding:5px 0 6px 0;  margin:0 0 0 225px; font: bold 110% "Arial Narrow", Arial, sans-serif; color:white;  letter-spacing: 1px;  background-color: #f5982b;}
.menuOben a {color:white; text-decoration:none;}

.header_menupunkt{font: bold 200% 'Arial Narrow', Arial, sans-serif; color:#002851;  letter-spacing: 1px; line-height:56px; vertical-align:middle;}


##.menuOben {padding:0;  margin:0 0 0 235px; font: bold 110% "Arial Narrow", Arial, sans-serif; color:white;  letter-spacing: 1px; line-height:28px; vertical-align:middle; background-color: #f5982b;}
.menu_vertical{font: bold 90% Verdana, Arial, Helvetica, sans-serif; color: #002851;  margin:0; padding:0 0 0 18px; height: 28px; line-height: 28px; vertical-align: middle; _height:20px; _line-height:20px; _padding-top:7px;}
.menu_vertical a {text-decoration:none}
.trennline{margin:0; padding:0}

.rightStoererFotos{float:right; margin:0; padding:0; vertical-align:top; background-color:#f5982b;}
.clear{clear:both;}
.center{text-align:center}

.navigationTitle{font: bold 8pt Verdana, Arial, Geneva, Helvetica; color:#002851; padding:8px 5px; margin:0}
.navigationTitle a{text-decoration:none}
.navigationTitle a:hover{text-decoration:underline}
.navigationMain{list-style-image: url(../shared/listbullet.gif); margin:0; padding:0 5px 0 20px}
.navigationMain li{list-style-image: url(../shared/listbullet.gif); margin:0; padding:0 0 8px 0; font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #002851; }

.navigationMain li a{text-decoration:none}
.navigationMain li a:hover{text-decoration:underline}


.rightFotoBorder{border-bottom:1px solid white}
.rightFotoBorder2{border-bottom:1px solid white; border-top:1px solid white;}
.rightText{padding:15px 25px;}
.rightText p{font: 8pt Verdana, Arial, Helvetica, sans-serif; color:white;  line-height: 18px;}
.rightText p.bold{font-weight: bold;}
.rightText p.blue{color:#00335e;}
.rightText p.addText{font: 7.5pt Verdana, Arial, Geneva, Helvetica; color:#002851; line-height: 15px;}
.rightText p.white{color:white}
.rightText p.addText a{text-decoration:none}
.rightText p.addText a:hover{text-decoration:underline}
.rightText ul, .rightText li{margin: 0px; padding:0; font: 8pt/140% Verdana, Arial, Geneva, Helvetica; color: white; list-style-image:none;  list-style-type:disc;  }
.rightText ul.blue, .rightText li.blue{font: 8pt/140% Verdana, Arial, Geneva, Helvetica; color: #002851; list-style-image:none;  list-style-type:disc;  }
.rightText ul{padding-left:15px;}
.rightText li{padding-bottom:5px;}


.bold{font-weight:bold}
.textMini{font-size:8pt; line-height:16px;}
.textGrey{color:#7799ae}
.textRight{text-align:right}
.textOrange{color: #f5982b}
.textWhite{color: white}

.pad25{padding:25px}

.bild_rahmen{padding:2px; border:1px solid #f5982b; background:#fff; margin: 0;}
/* .noprint{display:none} */


/*Formulare*/

.labelCheckbox{display: block; text-indent:-22px; padding:0 0 3px 22px}
.inputCheckbox{height:14px; width:16px; padding:0; margin:0;}
.kontaktformular label{display: block; width: 200px; float: left; margin:0 0 15px 0}
.kontaktformular input, .kontaktformular select, .kontaktformular2lines input, .kontaktformular2lines select, .kontaktformular2lines textarea, .kontaktformular textarea{margin:0 0 10px 0; font:8pt Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #f8f8f8; border: solid 1px #d9dbde; padding:2px}
.kontaktformular br, .kontaktformular2lines br{clear:both}
.kontaktformular2lines label{margin:0; padding:0}
.sysbutton {color: #fff; font: bold 9pt Verdana, Arial, Geneva, Helvetica; background-color: #f5982b; border-top: 1px solid #fef0df; border-right: 1px solid #002851; border-left: 1px solid #fef0df; border-bottom: 1px solid  #00335e}

/* tables */

.orangeTable{background-color: #f5982b }
.orangeTableWhiteBg td{background-color:white; vertical-align:top; }
.orangeTableWhiteBg ul{padding-right:5px}
.orangeTableWhiteBg td.header{background-color:#fbe8c9; font: bold 80% Verdana, Arial, Geneva, Helvetica; color: #002851; padding: 5px}
.orangeTableWhiteBg td.ungerade{background-color:white; vertical-align:top; font-size:85%; line-height:16px; padding: 5px }
.orangeTableWhiteBg td.gerade{background-color:#fff7e9; vertical-align:top; font-size:85%; line-height:16px; padding: 5px }
##.orangeTableWhiteBg td:first-child{font-weight:bold; }

.orangeTableWhiteBg td.ungerade_7{background-color:white; vertical-align:top; font-size:75%; line-height:16px; padding: 5px 2px;}
.orangeTableWhiteBg td.gerade_7{background-color:#fff7e9; vertical-align:top; font-size:75%; line-height:16px; padding: 5px 2px;}
.orangeTableWhiteBg td.zusammen{background-color:#fffbf3; ##fff7e9; vertical-align:top; font-size:75%; line-height:16px; padding: 5px 2px;}


.blauTable{background-color: #d9dbde; }
.blauTableWhiteBg td{background-color:white; vertical-align:top; }
.blauTableWhiteBg ul{padding-right:5px}
.blauTableWhiteBg td.header{background-color:#f0f0f0; font: bold 80% Verdana, Arial, Geneva, Helvetica; color: #002851; padding: 5px}
.blauTableWhiteBg td.ungerade{background-color:white; vertical-align:top; font-size:85%; line-height:16px; padding: 5px }
.blauTableWhiteBg td.gerade{background-color:#f8f8f8; vertical-align:top; font-size:85%; line-height:16px; padding: 5px }
##.orangeTableWhiteBg td:first-child{font-weight:bold; }

.blauTableWhiteBg td.ungerade_7{background-color:white; vertical-align:top; font-size:75%; line-height:16px; padding: 5px 2px;}
.blauTableWhiteBg td.gerade_7{background-color:#f8f8f8; vertical-align:top; font-size:75%; line-height:16px; padding: 5px 2px;}
.blauTableWhiteBg td.zusammen{background-color:#f8f8f8; vertical-align:top; font-size:75%; line-height:16px; padding: 5px 2px;}

/* partnerunternehmen, gesellschafter*/

.bild_partnerunternehmen{padding:2px; border:1px solid #7799ae; background:#fff; margin: 3px 10px 5px 0; float: right}
.bild_gesellschafter{padding:2px; border:1px solid #7799ae; background:#fff; margin: 3px 10px 5px 0; float: left}
.partnerunternehmen td{ vertical-align:top; font-weight:bold; padding: 15px 5px; border-bottom:1px solid #d9dbde; line-height: 20px;}
.partnerunternehmen td a, .gesellschafter td a{ color:#f5982b; font-weight:bold;}
.partnerunternehmen td a:hover, .gesellschafter td a:hover{ text-decoration:underline}
.gesellschafter td{ vertical-align:top;  padding: 15px 5px; border-bottom:1px solid #d9dbde; line-height: 20px;}

.presse td { vertical-align:top; padding: 15px 5px 2px 5px; border-bottom:1px solid #d9dbde; line-height: 20px;}
.presse td a{font-weight: normal;}
.presseFoto{padding:2px; border:1px solid #7799ae; background:#fff; margin: 3px 10px 5px 0;}


/* studieninhalte javascript*/

.ablaufZwischen{width:450px; margin:auto}
.ablaufZwischenRight{width:450px; margin:auto; text-align:right}
.ablaufZwischen p, .ablaufZwischenRight p{margin:5px 0 5px 0}
.ablaufWrap{width:350px; height:35px; margin:auto; background-color: #002851;}
.ablaufWrap_credits{width:350px; margin:auto; padding-top:15px}
.ablaufSemester{font: bold 120% Verdana, Arial, Geneva, Helvetica; color:white; float:left; width:320px;  line-height:35px; text-align:center;}
.ablaufSemesterOptional{font: bold 100% Verdana, Arial, Geneva, Helvetica; color:white; width:350px;  line-height:35px; text-align:center;}
.ablaufDanachSemester{width:350px; height:25px; margin:auto; background-color: #002851; font: bold 100% Verdana, Arial, Geneva, Helvetica; color:white;  line-height:25px; text-align:center;}
.ablaufDanachSemesterMaster{width:350px; height:25px; margin:auto; background-color: #f5982b; font: bold 100% Verdana, Arial, Geneva, Helvetica; color:white;  line-height:25px; text-align:center;}
.ablaufArrow{padding:5px 5px 5px 0; float:right; width:25px;}
.ablaufStudieninhalt{width:335px; margin:auto; text-align:left; padding:10px 5px 5px 10px; background-color:#e5eaef;}
.ablaufStudieninhalt p {font-size:90%; margin:0; padding-bottom:5px;}
.ablaufStudieninhalt li{font-size:90%}


/* Presse Fotos zum Download*/
.presseFoto{width:130px; float:left; padding:2px; border:1px solid #7799ae; }
.presseFoto_Text{width:300px; float:left; padding-top:5px; padding-left:15px}
.presseFoto_Text li{list-style-image: url(../shared/listbullet_bottom.gif); margin:0; padding:0 0 3px 0; font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #00335e; }
.presseFoto_Text li a{text-decoration:none}
.presseFoto_Text li a:hover{text-decoration:underline}


a.weiterlesen{font-size:80%; }
a.druckversion {font: 80% Verdana, Arial, Helvetica, sans-serif; color:#7799ae; text-decoration:none}
a.druckversion:hover {text-decoration:underline}
a.ohneDeco{text-decoration:none}
a.ohneDeco:hover{text-decoration:underline}


/* index tooltip*/

a.tooltip {position: relative; text-decoration:none}
a.tooltip span {
  display: none;
  font: 90% verdana,arial,helvetica,sans-serif;
  color: #002851;
  }
 
a.tooltip:hover {
  background-color: transparent;
  z-index:2;
  }

 
a.tooltip:hover span {
	width: 250px;
 	position: absolute;
	top: 15px;
	left: 55px;
	display: block;
	background: #FFFFE5;
	border: 1px solid #f5982b;
	text-decoration: none;
	padding: 3px;
	opacity: 1.00;
	filter: alpha(opacity=100);
  }