/*********************************************************************/
/*   Design:   IPI                                                   */
/*   File:     design.css                                            */
/*-------------------------------------------------------------------*/
/*   Author:   Felix Hoffmann                                        */
/*   Date:     Oktober 2008                                          */
/*   Website:  www.ipi-muc.de                                        */
/*-------------------------------------------------------------------*/
/*   License:  © 2008 IPI GmbH - Alle Rechte vorbehalten             */
/*********************************************************************/

*{padding:0; margin:0px;}
body {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000;}

/******************/
/*     Intro      */
/******************/
body.intro {background: #002253; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#FFFFFF;}
.intro {position:absolute; left:50%; top:50%; width:800px; height:140px; margin-left:-400px; margin-top:-70px; text-align:center;}
.intro h1 {font-weight:bold; font-size:22pt; margin-bottom:20px;}
.intro h2 {font-weight:normal; font-size:13pt; margin-bottom:20px;}
.intro .flaggen {margin-top:5em;}
.intro .flaggen img {padding:10px;}

/******************/
/*     Design     */
/******************/
.header {height:149px; width:100%; background: #002253 url(../img/header.png) no-repeat scroll right top; color: #FFFFFF;}
.logo {height:100px; width:151px; margin: 20px 20px; border:none;}

.main {width:100%; background: #DCDDDE url(../img/bg.gif) repeat-y scroll right top;}
.main-content {_float:left; min-height: 605px; padding:20px 40px 50px; background-color: #FFFFFF; overflow:hidden;}
.content {width:100%; overflow:hidden;}

.menu {float:left; width: 200px; height:100%; padding-top: 5px; background-color: #DCDDDE;}
.menu ul.m1 {margin-top:50px; margin-bottom:50px;}
.menu ul.m2 {margin-top:60px; margin-bottom:40px;}

.menu li {list-style:none; padding-top:10px;}
.menu li h1 a {width:180px; height: 18px; text-align: left; display:block; padding:2px 0px 0px 20px; background-color: #0B2352; color: #FFFFFF; text-decoration: none; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size:10pt;}
.menu li h1 a:hover {color: #9CCAFC;}
.menu li.activ h1 a {color: #9CCAFC;}

.menu li h2 a {width:165px; text-align: left; display:block; padding:0px 0px 0px 35px; color: #0B2352; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:9pt;}
.menu li h3 a {width:150px; text-align: left; display:block; padding:0px 0px 0px 50px; color: #0B2352; text-decoration: none; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size:9pt;}

.menu li a.sub1:hover {color:#F18E00;}
.menu li.activ a.sub1 {color:#F18E00;}
.menu li a.sub2:hover {color:#CC071E;}
.menu li.activ a.sub2 {color:#CC071E;}
.menu li a.sub3:hover {color:#0067A6;}
.menu li.activ a.sub3 {color:#0067A6;}
.menu li a.sub4:hover {color:#7AB51D;}
.menu li.activ a.sub4 {color:#7AB51D;}

.sidebar {float:right; width:200px;}
.sidebar .news {float:right; width:194px; height:450px; margin-top:65px; background: #FFFFFF url(../img/bg_news.png) no-repeat scroll center top; border: 3px solid #002253; color:#002253;}
.sidebar .news .newscontent {margin:20px 0px; padding:40px 10px; width:175px; height:350px; overflow: auto !important /*Non-IE*/; overflow: scroll /*IE*/;}
.sidebar .news .newscontent p {margin:10px 10px;}
.sidebar .news .newscontent h3 {font-weight:bold; font-size:100%; margin:1em 0pt 0.5em; }

/******************/
/*     Content    */
/******************/
.content p {line-height:1.3em; padding:10px 0px 10px;}
.content h1 {font-weight:100; font-size:20pt; margin:1em 0em 0.5em; color:#5D5E60;}
.content h2 {font-weight:200; font-size:11pt; margin:0em 0pt 1em; color:#002253;}
.content h3 {clear:both; font-weight:bold; font-size:11pt; margin:1em 0pt 1em; color:#002253;}
.content h4 {clear:both; font-weight:100; font-size:18pt; margin:1em 0pt 0em; color:#5D5E60;}
.content h5 {clear:both; font-weight:bold; font-size:11pt; margin:0em 0pt 0.5em; padding:3px 0px; background-color:#F18E00; color:#FFFFFF; text-align:center;}
.content img {border:none;}
.content img.border {border: solid 1px #909090;}
.content img.right {float:right; margin:3px 0 7px 10px; padding:1px; border: solid 1px #CCCCCC;}
.content img.left {float:left; margin:3px 10px 7px 3px; padding:1px; border: dotted 1px #CCCCCC;}
.content img.noborder-right {float:right; margin:3px 0 7px 10px; padding:1px; border: none;}
.content img.noborder-left {float:left; margin:3px 10px 7px 3px; padding:1px; border: none;}
.content img a:hover {border: solid 1px #CCCCCC;}
.content table.border {border-collapse:collapse;}
.content table.border tr {border: 1px solid #E7E3E4; background: #FFFFFF; padding:0pt;}
.content table.border tr.gelb {background: #FFEFD6;}
.content table.border th {border: 1px solid #E7E3E4; background: #DCDDDE; font-weight:bold; color:#002253; padding:2px 5px;}
.content table.border td {border: 1px solid #E7E3E4; padding:2px; color:#5D5E60;} 
.content table.border td.bold {font-weight:bold; color:#002253;}

.content .einruck {float:left; width:100%; padding-bottom:1.5em;}
.content .einruck .left {float:left; width:30%;}
.content .einruck .right {float:left; padding-left:5%; width:65%;}

.content .kurs {float:left; width:100%; min-height:250px; background: #E7E8E8 url(../img/kurse_bg_right.gif) repeat-y scroll right top; font-size:90%; color:#000000;}
.content .kurs .top {width:100%; height:20px; padding-top:10px; background: #FFFFFF url(../img/kurse_bg_top.gif) no-repeat scroll right top;}
.content .kurs .top-neu {width:100%; height:20px; padding-top:10px; background: #FFFFFF url(../img/kurse_bg_top_neu.gif) no-repeat scroll right top;}
.content .kurs .titel {width:100%; font-weight:bold; text-align:left;}
.content .kurs .detail {float:left; width:40%; background-color:#E7E8E8;}
.content .kurs .detail p {margin:20px 0px 10px 20px;}
.content .kurs .info {float:left; width:45%;}
.content .kurs .info .text {padding:20px 100px 20px 0pt;}
.content .kurs .auswahl {float:right; width:100px; margin-top:80px; text-align:center;}
.content .kurs .mehr {margin-top:30px; color:#666666;}
.content label {vertical-align:middle; cursor: pointer;}
.content input.checkbox {vertical-align:middle;}

.content .doc-website {margin-top:1em; padding:15px; background-color:#DCDDDE;}
.content .doc-website img {margin:0 10px; border: solid 2px #909090;}

.content .team {clear:both; float:left; width:100%; margin:0em 0em 2em 0em;}
.content .team .person {width:100px; height:180px; margin:10px 30px 0pt 0pt; float:left; text-align:center; font-size:90%;}

.content .partner {clear:both; width:100%; height:35px; margin:0em 0em 2em 0em; }
.content .partner img {width:200px; height:35px; margin:0pt; float:left;}
.content .partner .link {margin:10px 0 0 20px; float:left;}

.content .kalender {float:left; margin-bottom:1em;}
.content .kalender .monat {float:left; margin:0px 3px 15px 0pt;}
.content .kalender .monat .monatsname {width:119px; padding:2px; background-color: #DCDDDE; font-weight:bold;}
.content .kalender .monat .tage {width:115px; height:500px; list-style:none; padding:0pt 3px 0pt 3px; margin: 3px 0pt 0pt 0pt; background-color: #0B2352; border: solid 1px #909090;}
.content .kalender .monat .tage li {clear:both; float:left; width:114px; height:15px; text-align: left; display:block; padding:0px 0px 0px 1px; border-bottom: 1px solid #AAAAAA; background-color: #0B2352; color: #FFFFFF;}
.content .kalender .monat .tage li span.wtag {float:left; width:13px; font-weight:bold; font-size:65%;}
.content .kalender .monat .tage li span.tag {float:left; width:15px; text-align:right; font-size:90%;}
.content .kalender .monat .tage li span.termin {float:left; padding-left:5px; text-align:left; font-weight:bold; font-size:90%;}
.content .kalender .monat .tage li span.admin {float:right; width:35px;}

.content .kontakt {clear:both; float:left; width:100%; margin:0em 0em 3em 0em;}
.content .kontakt .person {width:120px; height:200px; margin:10px 30px 0pt 0pt; float:left; text-align:center; font-size:90%;}

.content .fehler {clear:both; padding: 10px; margin:10px 0 10px 0; line-height: 1.5em; background-color: #FFCCCC; border: solid 5px #FF8585; color: #000000;}
.content .hinweis {clear:both; padding: 10px; margin:10px 0 10px 0; line-height: 1.5em; background-color: #A4E6AD; border: solid 5px #59D268; color: #000000;}

.content input.text {padding:2px; border: solid 1px #0B2352; background-color: #D3DCEB; font-family:verdana,arial,sans-serif; font-size:88%;}
.content input.text-fehler {padding:2px; border: solid 1px #ff0000; background-color: #FFCCCC; font-family:verdana,arial,sans-serif; font-size:88%;}

.content textarea.textarea {padding:2px; border: solid 1px #0B2352; background-color: #D3DCEB; font-family:verdana,arial,sans-serif; font-size:90%;}
.content textarea.textarea-fehler {padding:2px; border: solid 1px #ff0000; background-color: #FFCCCC; font-family:verdana,arial,sans-serif; font-size:90%;}
.content span.norm-fehler {color:#FF0000;}

.content input.button {float:right; margin-top:10px; background-color: #0B2352; border: solid 1px #9E9EA0; text-align:center; color: #FFFFFF; font-family:verdana,arial,sans-serif;  font-size:100%; -moz-border-radius: 5px /*Firefox*/;}
.content input.button:hover {cursor: pointer; border: solid 1px #000000; background-color: #133784; color: #9CCAfC;}

.content span.blue {font-weight:bold; color:#002253;}
.content span.red {font-weight:bold; color:#FF0000;}

.content ul {margin:1em 1em 2.0em 0;}
.content ul li {margin:0pt 0pt 0.3em 1.5em;}

.content .c_meisterkurse {color:#F18E00;}
.content .c_intensiv-seminare {color:#CC071E;}
.content .c_trainingscamps {color:#0067A6;}
.content .c_sonderveranstaltungen {color:#7AB51D;}

.content .bc_meisterkurse {background-color:#F18E00;}
.content .bc_intensiv-seminare {background-color:#CC071E;}
.content .bc_trainingscamps {background-color:#0067A6;}
.content .bc_sonderveranstaltungen {background-color:#7AB51D;}

a {text-decoration:underline; font-weight:bold; color:#002253;}
a:hover {text-decoration:none; color:#808080;}
a.pdf {height:20px; _width:60pxt; _display:blockt; padding:2px 0px 2px 25px; background: transparent url(../img/pdf.gif) no-repeat scroll left top;}

/* Footer */
.footer {float:left; width: 100%; height:35px; background-color: #0B2352; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #FFFFFF;}
.footer p {margin-top:10px; font-size:85%;}