/* Template für psychoenergetik.ch */


/* Als Erstes eingie CSS Resets */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    	outline: 0px;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
	
    body {
    	
    	line-height: 1;
        font-family: 'Open Sans', Arial, Verdana, Sans-Serif;
        background: url(../images/main-bg-papier.jpg);
        font-weight: normal;
    }
        
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    .clear {float: none; clear: both; height: 0px; margin: 0px; padding: 0px;}
    
    a {
        transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
    }




/* Hauptboxen Styles */

    .pagewrapper {
        width: 100%;
        height: 100%;
        
        background: url(../images/main-bg-verlauf.png) repeat-x top left;
    }
    
    .middler {
        margin: 0px auto;
        width: 960px;
        position: relative;
        
        background: #fff;
    }
    
    header {
        width: 100%;
        height: 120px;
        padding-top: 85px;
        
        position: relative;
    }
        
        .logo {
            position: absolute;
            right: 8px;
            bottom: -70px;
            
            width: 257px;
            height: 191px;
            display: block;
            
            background: url(../images/logo-sandoz-impuls5.png) no-repeat;
        }
            .logoLink {
                position: absolute;
                bottom: 0px;
                
                width: 100%;
                height: 65px;
                
                text-indent: -99999em;
                
            }
        
        .mainNavigation {
            position: absolute;
            bottom: 33px;
            left: 17px;
        }
            .mainNavigation ul {
                position: relative;
                
                width: 960px;
                display: block;
            }
            .mainNavigation li {
                float: left;
                margin-right: 20px;
            }
                .mainNavigation a {
                    text-decoration: none;
                    color: #124568;
                    font-weight: bold;
                    font-size: 20px;
                    line-height: normal;
                }
                .mainNavigation .active a,
                .mainNavigation  a:hover {
                    color: #f44634;
                    }
        
            /* Zeite Menüstufe */
            
            .mainNavigation ul ul {
                position: absolute;
                top: 30px;
                left: 0px;
            }
            
            .mainNavigation ul ul li {
                margin-right: 15px;
            }
            .mainNavigation ul ul li a,
            .mainNavigation ul li.active ul a {
                font-size: 13px;
                color: #0074af;
                font-weight: normal;
            }
                .mainNavigation ul ul li a:hover,
                .mainNavigation ul ul li.active a,
                .mainNavigation ul li.active ul li a:hover,
                .mainNavigation ul li.active ul li.active a {
                    text-decoration: underline;
                }
    
    section {
        
        overflow: hidden;
        
        border: 3px solid #124568;
        background: #fff;
        
        padding: 12px;
        
        -moz-box-shadow: 5px 5px 8px #d6d6d6;
        -webkit-box-shadow: 5px 5px 8px #d6d6d6;
        box-shadow: 5px 5px 8px #d6d6d6;

    }
    
        .seitenbild {
            float: left;
            margin-right: 37px;
            
            margin-bottom: -2px;
            
            width: 455px;
            min-height: 566px;
        }
            .seitenbild img {
                width: 455px;
            }
        article {
            float: left;
            width: 420px;
            
            margin: 85px 0 5px 0;
        }

	.footer {
        width: 100%;
	}

    .createdBy {
        margin: 0px auto;
		width: 960px;
		color: #999;
        font-size: 11px;
        height: 14px;
        display: block;
        margin-top: 5px;
		text-align: right;
    }
	
    .createdBy a {color: #999; text-decoration: none;}
    .createdBy a:hover {text-decoration: underline;}		
		

/* Styled Text */
    .styled {
        color: #454545;
        line-height: 1.5em;
        font-size: 13px;
        
        position: relative;
    }
        
    .styled h1 {
        font-size: 20px;
        font-weight: bold;
        
        margin-bottom: 20px;
        
        color: #124568;
           
        }
		
    .styled h2 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        
        color: #f44634;
    }
    
    .styled p {
        margin-bottom: 12px;
        
    }
    
    .styled a {color: #f44634; text-decoration: none;}
    .styled a:hover {text-decoration: underline;}
    
    .styled ul {margin: -10px 0px 15px 30px; list-style: square;}
    
    .styled th,
    .styled td {vertical-align: top;}
    
    .styled th {font-weight: bold;}
    .styled td {padding-right: 15px; vertical-align: top;}
    
    .styled hr {color:#124568; height:1px;}

	.styled strong {font-weight: 700;}
	
	/* Spezieller Style zum Ausrichten eines Bildes oben rechts unter dem Logo */
	.styled .obenrechts {
    	position: absolute;
    	top: 30px;
    	right: -15px;
	}