﻿
/******************************************************************************************************
* copyright (c) 2012 MEDIAL MULTIMEDIA SERVICES
* client: www.psychologie-muenchen.de
* project: website
*
* version: 1.0.0
* date: 2012-04-15
*******************************************************************************************************/

/* ******************************************************* */
/* common */


html,body{
	margin: 0;
	padding: 0;
}

body {
    font-family: verdana,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #323333;
	padding: 0;
	margin: auto;
	/*background: none repeat scroll 0 0 #CEC394;*/
	background: none repeat scroll 0 0 #D0CBC7;
}

form 
{
    margin:0px;
    padding:0px;
}

/**/

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
.clearfix {display:block;} /* Hide from IE Mac \*/

/**/

.pl-0 {padding-left: 0px !important;}
.pl-2 {padding-left: 2px !important;}
.pl-3 {padding-left: 3px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-50 {padding-left: 50px !important;}

.pt-0 {padding-top: 0px !important;}
.pt-3 {padding-top: 3px !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}

.pb-0 {padding-bottom: 0px !important;}
.pb-4 {padding-bottom: 4px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}

.pr-0 {padding-right: 0px !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}

.mb-0 {margin-bottom: 0px !important;}
.mb-2 {margin-bottom: 2px !important;}
.mb-4 {margin-bottom: 4px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-7 {margin-bottom: 7px !important;}
.mb-8 {margin-bottom: 8px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}

.mt-0 {margin-top: 0px !important;}
.mt-1 {margin-top: 1px !important;}
.mt-2 {margin-top: 2px !important;}
.mt-3 {margin-top: 3px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-7 {margin-top: 7px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-75 {margin-top: 75px !important;}


.ml-0 {margin-left: 0px !important;}
.ml-3 {margin-left: 3px !important;}
.ml-4 {margin-left: 4px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-60 {margin-left: 60px !important;}
.ml-70 {margin-left: 70px !important;}
.ml-80 {margin-left: 80px !important;}
.ml-90 {margin-left: 90px !important;}
.ml-100 {margin-left: 100px !important;}

.mr-0 {margin-right: 0px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-8 {margin-right: 8px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-50 {margin-right: 50px !important;}
.mr-100 {margin-right: 100px !important;}

.floatl {float: left !important;}
.floatr {float: right !important;}
.clearl {clear: left !important;}
.clearb {clear: both !important;font-size:1px !important;height:1px !important;line-height:1px !important;}
.center {text-align:center;}

.hauto {height: auto !important;}
.wauto {width: auto !important;}

.bold {font-weight:bold;}
.hidden {display:none !important;}
.xhidden {visibility:hidden !important; display:none !important;}
.block {display:block;}
.inline {display:inline !important;}
.nowrap {white-space:nowrap;}
.wrap {white-space:normal;}
.nospace{padding:0px !important;margin:0px !important;}
.expand {width:100%;}
.justify {text-align: justify !important;}

.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}

/**/

a, a:active, a:focus, img
{
    border: 0px;
    outline:none;
    -moz-outline-style: none;        
}

.container.page 
{
    text-align: center; 
}

.container.content
{
    margin-bottom: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 30px; 
    overflow: hidden; 
    position: relative; 
    background: #ffffff; 
    text-align: left; 
    width: 1004px; 
}

/**/

.container.header
{
    margin:0px 18px 0px 18px;
    /*background-color:#F0F0F0;*/
}

.container.header .logo 
{
    background: url(/images/logo.png) no-repeat  3px 7px scroll transparent;
    height: 137px; 
    width: 240px;
    display:block;
    float:left;
}

.container.header .logo.ptk
{
    background: url(/images/logo-ptk.jpg) no-repeat  3px 7px scroll transparent;
    height: 132px; 
    width: 146px;
    float:right;
    margin-right:40px;
    display:block;
}

.container.header .logo.izp1
{
    background: url(/images/logo-izp1.jpg) no-repeat  0px 30px scroll transparent;
    height: 132px; 
    width: 90px;
    float:right;
    margin-right:20px;
    display:block;
}

.container.header .logo.izp2
{
    background: url(/images/logo-izp2.jpg) no-repeat  0px 30px scroll transparent;
    height: 132px; 
    width: 90px;
    float:right;
    margin-right:0px;
    display:block;
}

.container.header h1,
.container.header h2 
{
    margin:54px 0px 0px 59px;
    display:block;
    float:left;
    color: #797979;
    font-family: 'GillSans-Light','Gill Sans','Trebuchet MS',sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    padding:0px;
    font-weight:normal;
}


/** navigation **/        

.container.header .nav
{
	background: url(/images/bg-nav-main.png) no-repeat scroll 0 0 transparent;
    height:26px;
    position: relative;
    width: 1200px;
    z-index:250;
}

.container.header .nav a:hover 
{
    color: #ab1942;
    text-decoration:underline;
}

.container.header .nav ul
{
    list-style: none outside none; 
    margin: 0;
    padding: 0;    
}

.container.header .nav ul.level-1 
{
    float: left;
}

.container.header .nav ul.level-1 li
{
    float:left;
    display:block;
    position:relative;
}

.container.header .nav ul.level-1 li:hover ul.level-2 
{
    display:block;
}

.container.header .nav ul.level-1 li a 
{
    /*color: #424242;
    font-size:11px;
    float:left;
    padding:0px 9px 0px 11px;
    line-height:40px;
    text-decoration:none;*/
    
    font-size:11px;
    color:#424242;
    line-height:26px;
    width:107px;
    height:26px;
    background: url(/images/bg-nav.png) no-repeat 0 0 scroll transparent;
    display:block;
    float:left;
    text-align:center;
    text-decoration:none;    
}


.container.header .nav ul.level-1 li a.last 
{
    width:112px;
    background: url(/images/bg-nav-last.png) no-repeat 0 0 scroll transparent;
}

.container.header .nav ul.level-1 li a:hover 
{
    color: #ab1942;
    text-decoration:underline;
}

.container.header .nav ul.level-1 li a.active,
.container.header .nav ul.level-1 li a.active:hover 
{
    color:#ffffff;
    background: url(/images/bg-nav-active.png) no-repeat 0 0 scroll transparent;
}

.container.header .nav ul.level-1 li a.last.active,
.container.header .nav ul.level-1 li a.last.active:hover
{
    background: url(/images/bg-nav-last-active.png) no-repeat 0 0 scroll transparent;
}

.container.header .nav ul.level-2 
{
    background-color: #bab4b0;
    width: 235px;
    position: absolute;
    top: 26px;
    left:0px;
    display:none;
    border-bottom:1px solid #424242; 
}

.container.header .nav ul.level-2 li
{
    background-color: #bab4b0;
    color: #424242;
    display: block;
    margin: 0;
    padding: 0;
    width: 235px;
    float:none;
    text-align:left;
}

.container.header .nav ul.level-1 ul.level-2 li a 
{
    color: #424242;
    display: block;
    text-transform: none;
    line-height:26px;
    padding:0px 11px 0px 10px;
    float:none;
    white-space:nowrap;
    border-top:1px solid #999999;
    border-right:1px solid #424242;    
    background:none;
    width: 214px;
    text-align:left;
}

/**/

.visual 
{
    height:235px;
    width:973px;
    margin:18px;
    background: url(/images/bg-keyvisual.png) no-repeat right bottom scroll transparent;
}

.visual img 
{
    height: 230px; 
    width: 968px;
    border: 0px;
}

.visual.slider 
{
    position:relative;
}

.visual.slider img.static 
{
    z-index:201;
    position:absolute;
    left:0px;
    top:0px;    
}

.home .visual.slider .slider-content a 
{
    cursor:default;
}

.visual.slider .slider-content a
{
    display:none;
    position:absolute;
    left:0px;
    top:-1px;
    width:730px;
    height:230px;
    background-repeat:no-repeat;
    background-position: 0px 0px;
    background-color:transparent;    
}

.visual.slider .slider-content a.barucchieri {background-image:url(../../images/keyvisuals/team-slider/barucchieri.jpg);}
.visual.slider .slider-content a.edbauer {background-image:url(../../images/keyvisuals/team-slider/edbauer.jpg);}
.visual.slider .slider-content a.fegg {background-image:url(../../images/keyvisuals/team-slider/fegg.jpg);}
.visual.slider .slider-content a.hammelehle {background-image:url(../../images/keyvisuals/team-slider/hammelehle.jpg);}

.visual.slider .slider-content a.kiehl {background-image:url(../../images/keyvisuals/team-slider/kiehl.jpg);}
.visual.slider .slider-content a.kraemer {background-image:url(../../images/keyvisuals/team-slider/kraemer.jpg);}
.visual.slider .slider-content a.rademacher {background-image:url(../../images/keyvisuals/team-slider/rademacher.jpg);}
.visual.slider .slider-content a.rihm {background-image:url(../../images/keyvisuals/team-slider/rihm.jpg);}

.visual.slider .slider-content a.savova {background-image:url(../../images/keyvisuals/team-slider/savova.jpg);}
.visual.slider .slider-content a.sperger {background-image:url(../../images/keyvisuals/team-slider/sperger.jpg);}
.visual.slider .slider-content a.stark {background-image:url(../../images/keyvisuals/team-slider/stark.jpg);}
.visual.slider .slider-content a.werner {background-image:url(../../images/keyvisuals/team-slider/werner.jpg);}

.visual.slider .slider-nav 
{
    position:absolute;
    right:0px;
    top:-4px;
    width:250px;
    z-index:200;
}

.visual.slider .slider-nav a 
{
    float:left;
    display:block;
    width:60px;
    height:77px;
    background-repeat:no-repeat;
    background-position: 0px 0px;
    background-color:transparent;
}

.visual.slider .slider-nav a.barucchieri {background-image:url(../../images/keyvisuals/team-slider/thumb/barucchieri_sw.jpg);}
.visual.slider .slider-nav a.edbauer {background-image:url(../../images/keyvisuals/team-slider/thumb/edbauer_sw.jpg);}
.visual.slider .slider-nav a.fegg {background-image:url(../../images/keyvisuals/team-slider/thumb/fegg_sw.jpg);}
.visual.slider .slider-nav a.hammelehle {background-image:url(../../images/keyvisuals/team-slider/thumb/hammelehle_sw.jpg);}

.visual.slider .slider-nav a.kiehl {background-image:url(../../images/keyvisuals/team-slider/thumb/kiehl_sw.jpg);}
.visual.slider .slider-nav a.kraemer {background-image:url(../../images/keyvisuals/team-slider/thumb/kraemer_sw.jpg);}
.visual.slider .slider-nav a.rademacher {background-image:url(../../images/keyvisuals/team-slider/thumb/rademacher_sw.jpg);}
.visual.slider .slider-nav a.rihm {background-image:url(../../images/keyvisuals/team-slider/thumb/rihm_sw.jpg);}

.visual.slider .slider-nav a.savova {background-image:url(../../images/keyvisuals/team-slider/thumb/savova_sw.jpg);}
.visual.slider .slider-nav a.sperger {background-image:url(../../images/keyvisuals/team-slider/thumb/sperger_sw.jpg);}
.visual.slider .slider-nav a.stark {background-image:url(../../images/keyvisuals/team-slider/thumb/stark_sw.jpg);}
.visual.slider .slider-nav a.werner {background-image:url(../../images/keyvisuals/team-slider/thumb/werner_sw.jpg);}

.visual.slider .slider-nav a.barucchieri.active {background-image:url(../../images/keyvisuals/team-slider/thumb/barucchieri.jpg);}
.visual.slider .slider-nav a.edbauer.active {background-image:url(../../images/keyvisuals/team-slider/thumb/edbauer.jpg);}
.visual.slider .slider-nav a.fegg.active {background-image:url(../../images/keyvisuals/team-slider/thumb/fegg.jpg);}
.visual.slider .slider-nav a.hammelehle.active {background-image:url(../../images/keyvisuals/team-slider/thumb/hammelehle.jpg);}

.visual.slider .slider-nav a.kiehl.active {background-image:url(../../images/keyvisuals/team-slider/thumb/kiehl.jpg);}
.visual.slider .slider-nav a.kraemer.active {background-image:url(../../images/keyvisuals/team-slider/thumb/kraemer.jpg);}
.visual.slider .slider-nav a.rademacher.active {background-image:url(../../images/keyvisuals/team-slider/thumb/rademacher.jpg);}
.visual.slider .slider-nav a.rihm.active{background-image:url(../../images/keyvisuals/team-slider/thumb/rihm.jpg);}

.visual.slider .slider-nav a.savova.active {background-image:url(../../images/keyvisuals/team-slider/thumb/savova.jpg);}
.visual.slider .slider-nav a.sperger.active {background-image:url(../../images/keyvisuals/team-slider/thumb/sperger.jpg);}
.visual.slider .slider-nav a.stark.active {background-image:url(../../images/keyvisuals/team-slider/thumb/stark.jpg);}
.visual.slider .slider-nav a.werner.active {background-image:url(../../images/keyvisuals/team-slider/thumb/werner.jpg);}
                        
.visual.slider .slider-nav img 
{
    float:left;
    width: auto;
    height:auto;
}

/**/

.container.main 
{
    margin:18px;
    background: url(/images/bg-content.png) repeat-y 0 0 scroll transparent;
}

.container.main .col1 
{
    float:left; 
    width: 235px; 
    padding:15px;
    min-height:500px;
    color:#ffffff;
}

.container.main .col1 p 
{
    padding:0px;
    margin:0px;
}

.container.main .col1 p a 
{
    color:#ffffff;
    text-decoration:none;
}

.container.main .col1 p a:hover  
{
    text-decoration:underline;
}

.container.main .col1 h1,
.container.main .col1 h3
{
    padding:0px 0px 18px 0px;
    color:#ffffff;
    text-transform:none;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    font-weight:bold;
}

.container.main .col1 h3 a 
{
    text-decoration:none;
    color:#ffffff;
    text-transform:none;
}

.container.main .col1 ul 
{

    margin-top: 0px;
    padding-top:0px;
    margin-left: 18px;
    padding-left: 0px;
    margin-bottom:0px;
    padding-bottom:0px;
}

.container.main .col1 ul,
.container.main .col1 li
{
    color:#ffffff;
}

.container.main .col1 li.active span 
{
    font-weight:bold;
}

.container.main .col1 li span,
.container.main .col1 li span a
{
    color:#ffffff;
    text-decoration:none;
}

.container.main .col1 li span a:hover  
{
    color:#ffffff;
    text-decoration:underline;
}

.container.main .col1 li.active li span,
.container.main .col1 li.active li span a
{
    font-weight:normal;
}

.container.main .col1 li.active li.active span,
.container.main .col1 li.active li.active span a
{
    font-weight:bold;
}

.container.main .col1 ul.level-2 
{
    margin-bottom: 10px;
}

/**/
.container.main .col2
{
    float:left; 
    width: 644px; 
    margin-left:39px;
    padding-bottom:50px;
}

.container.main .col2 ul 
{

    margin-left: 18px;
    padding-left: 0px;
    margin-bottom:0px;
    padding-bottom:0px;
}

.container.main .col2 ul,
.container.main .col2 ul li
{
    color:#8F042C;
}

.container.main .col2 ul li span,
.container.main .col2 ul li span a
{
    color:#424242;
    text-decoration:none;
}

.container.main .col2 ul li span a:hover  
{
    color:#AB1942;
    text-decoration:underline;
}
    
.container.main .col2 ol 
{

    margin-left: 18px;
    padding-left: 0px;
    margin-bottom:0px;
    padding-bottom:0px;
}

.container.main .col2 ol,
.container.main .col2 ol li
{

}

.container.main .col2 ol li span,
.container.main .col2 ol li span a
{
    color:#424242;
    text-decoration:none;
}

.container.main .col2 ol li span a:hover  
{
    color:#AB1942;
    text-decoration:underline;
}   

.container-map 
{
    height: 314px;
    background: url(/images/large-loading.gif) no-repeat center center scroll transparent;
}

.container.main .small 
{
    font-size:11px;
    line-height:15px;
}

.container.main .img-collection img
{
    width:250px;
    border:0px;
    margin:4px 5px 0px 4px;
}
                            
.container.main .img-collection div
{
    margin:0px 20px 20px 0px;
    background: url(/images/bg-team-img.png) no-repeat scroll 0 0 transparent;
}
                            
.container.main .img-collection a span 
{
    color:#424242;
    text-decoration:none;
    margin-left:2px;
}

.container.main .img-collection a:hover span 
{
    color:#AB1942;
    text-decoration:underline;
}

.container.main table 
{
    width:100%; 
    border:1px solid #999999;
}

.container.main td,
.container.main th 
{
    vertical-align:top; 
    padding:5px 10px 5px 5px;
}

.container.main th 
{
    background-color:#8F042C;
    color:#ffffff;
}

.container.main tr.alt td 
{
    background-color:#F0F0F0;
}

.container.main td.title 
{
    background-color:#F0F0F0;
    text-align:center;
    font-weight:bold;
    color:#424242;
}
 
/**/

.sitemap .container.main 
{
    /*background: url(/images/bg-sitemap.gif) no-repeat scroll 80px 58px transparent;
    float:left;
    width:100%;*/
    background:none;
}

.sitemap .container.main .col1 
{
    display:none;
}

.sitemap .container.main .col2
{
    width:100%;
    margin-left:10px;
}

.sitemap .container.main .col2 ul
{
    list-style:none outside none;
}                            

.sitemap .container.main .col2 ul li 
{

}

.sitemap .container.main .col2 ul {
    margin-left: 25px;
}

.sitemap .container.main .col2 ul.level-2
{
    width:250px;
    margin-left:0px !important;
    padding-left:0px !important;
}

.sitemap .container.main .col2 ul.level-2 li 
{
    margin-left:0px !important;
    padding-left:0px !important;
}

.sitemap .container.main .col2 ul.level-2 a 
{
    position:relative;
    display:block; 
    background: url(/images/cl.png) no-repeat 0 0 scroll #BAB4B0;
    height:28px;
    line-height:28px;
    text-align:center; 
    text-decoration:none;
    color:#424242;
    /*-moz-border-radius: 5px 5px 5px 5px;*/
    margin-top:5px;
    font-size:11px;
}

.sitemap .container.main .col2 ul.level-2 a:hover
{
    background-color:#AAA4A0; 
    text-decoration:underline;
}

.sitemap .container.main .col2 ul .cr 
{
    background: url(/images/cr.png) no-repeat right 0 scroll transparent;
    position:absolute;
    width:10px;
    height:28px;
    right:0px;
    top:0px;
}

.sitemap .container.main .col2 ul.level-1 a.main 
{
    position:relative;
    display:block; 
    background: url(/images/cl.png) no-repeat 0 0 scroll #98153B;
    line-height:28px;
    height:28px;
    text-align:center; 
    border:0px solid #98153B;
    text-decoration:none;
    color:#ffffff;
    /*-moz-border-radius: 5px;*/
    margin-top:5px;
    font-size:11px;
}

.sitemap .container.main .col2 ul.level-1 a.main:hover
{
    background-color:#8a1336; 
    text-decoration:underline;
} 
 
/**/

a.red
{
     color:#AB1942 !important;   
} 
/**/

.container.footer 
{
    margin:0px 18px 18px 18px; 
    height:29px; 
    background-color:#98153b;
}

.container.footer a 
{
    float:right;
    color:#ffffff;
    text-decoration:none;
    font-size:11px;
    margin:0px 18px 0px 18px;
    line-height:29px;
}

.container.footer a:hover 
{
    text-decoration:underline;
}

/**/

.container.page-footer 
{
    margin-top: 8px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-bottom: 30px; 
    height: 26px; 
    width: 988px; 
    font-size:9px;
}

.container.page-footer p 
{
    padding:0px;
    margin:0px;
}

/**/

.container.crosslinks
{
    border-top:1px dotted #333333;
    margin-top: 8px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-top:10px;
    padding-bottom: 30px; 
    width: 988px; 
    font-size:9px;
    text-align:center;
}

.container.crosslinks p 
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    margin:0px 15px 0px 15px;
    zoom: 1;
	*display:inline; /*IE7 hack!*/
    
}

.container.crosslinks p.first 
{
    margin-left:0px;
}

/**/

.container.form 
{
    margin-top:15px;
}

.container.form .form-item
{
    height:35px;
}

.container.form .form-item label 
{
    float:left;
    width:100px;
    display:block;
}

.container.form .form-item input[type=text]
{
    border:1px solid #cccccc;
    padding:2px;
    font-family:Verdana;
    width:500px;
}
                            
.container.form .form-item textarea 
{
    border:1px solid #cccccc;
    padding:2px;
    font-family:Verdana;  
    font-size:12px;  
    width:500px;
    height:100px;
}

/**/

.fancybox 
{
    margin: 0px 0px 18px 18px;
    display:block;
    float:left;
}
    
.fancybox.first 
{
    margin-left:0px;
}

.fancybox img 
{
    width:65px;
}

/**/

h1, h2, h3
{
    color:#8F042C;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    padding:0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;    
}

p 
{
    padding:16px 0px 0px 0px;
    margin:0px;
}

p a 
{
    text-decoration:none;
    color: #323333;
}

p a:hover 
{
    color:#AB1942;
    text-decoration:underline;
}

h2, h3
{
    padding:18px 0px 0px 0px;
}

h3 a 
{
    text-decoration:none;
    color:#AB1942;
    text-transform:uppercase;
}

h3 a:hover
{
    text-decoration:underline;
}