@charset "utf-8";
/* CSS Document */


html {
width:100%;
height:100%;
margin:0px;
padding:0px;
}


body {
width:100%;
height:100%;
margin:0px;
padding:0px;
background-color:#e7e7e7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000;
}


p {
padding:0px;
margin:0px 0px 8px 0px;
line-height:19px;
}


a, a:visited, a:hover {
color:#45c0eb;
text-decoration:underline;
}



h1 {
margin:0px;
margin-bottom:12px;
padding:0px;
font-size:14px;
font-weight:bold;
color:#45c0eb;
line-height:19px;
}



h2 {
padding:0px;
margin:0px 0px 10px 0px;
font-size:12px;
font-weight:bold;
color:#45c0eb;
line-height:19px;
}


h3 {
width:190px;
display:block;
margin:0px 0px 11px 0px;
padding:0px;
padding-bottom:10px;
font-size:12px;
color:#45c0eb;
font-weight:bold;
line-height:normal;
border-bottom:#b5b5b5 1px solid;
}

.smallText {
font-size:11px;
}


.blueText {
color:#45c0eb;
}


#pageContainer {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
background-image:url(/assets/templates/moois/images/pagecontainer-spacer.jpg);
background-repeat:repeat-y;
}


#logoBar {
width:980px;
height:100px;
margin-left:5px;
background-image:url(/assets/templates/moois/images/logoBar.jpg);
background-repeat:no-repeat;
}


#serviceNavigation {
width:auto;
height:20px;
float:right;
margin-top:15px;
margin-right:20px;
}

#mainNavigation {
width:auto;
float:right;
margin-top:20px;
margin-right:20px;
clear:both;
}

#header {
width:980px;
height:300px;
margin-left:5px;
}

.headerText {
width:510px;	
color:#000;	
font-size:24px;
padding-top:50px;
text-align:center;
}

#subheader {
margin-left:5px;
width:760px;
height:38px;
padding-top:12px;
padding-left:220px;
background-image:url(/assets/templates/moois/images/navBar.jpg);
background-repeat:no-repeat;
}

#leftCol {
width:180px;
height:auto;
margin-left:5px;
padding-bottom:10px;
float:left;
}

#leftColHome {
width:145px;
height:auto;
margin-left:5px;
padding-top:5px;
padding-bottom:10px;
padding-left:35px;
float:left;
}



#leftColHome p a,#leftCol p a {
color:#000;
}


#rightCol {
width:200px;
height:auto;
margin-right:35px;
float:right;
padding-bottom:10px;
}


#rightCol img {
vertical-align:middle;
}

#rightCol p {
font-size:11px;
margin:0px;
}

#rightCol .logo {
vertical-align:middle;
border-left:#e7e7e7 1px solid;
border-top:#e7e7e7 1px solid;
border-right:#c5c5c5 1px solid;
border-bottom:#c5c5c5 1px solid;
margin-bottom:10px;
}

#content {
height:auto;
margin-left:225px;
margin-right:265px;
padding-bottom:10px;
}



#content li {
padding:0px;
margin:0px 0px 0px 0px;
line-height:19px;
}


#filler {
clear:both;
}


#bottom {
width:1000px;
height:30px;
margin-left:auto;
margin-right:auto;
background-image:url(/assets/templates/moois/images/bottom.jpg);
background-repeat:no-repeat;
}

.apple {
width:100px;
height:30px;
margin-bottom:18px;
margin-left:25px;
background-image:url(/assets/templates/moois/images/apple.jpg);
background-repeat:no-repeat;
padding-left:35px;
}

.apple p {
font-size:10px;
line-height:normal;
margin:0px;
padding:0px;
padding-top:6px;
}

.B_currentCrumb { font-weight:bold; }


.accessoires_anleser {
width:510px;
height:76px;
max-width:510px;
max-height:76px;
margin-bottom:20px;
/*background-color:#ddd;*/
}

#rightCol .accessoires_description {
width:190px;
height:auto;
margin-top:10px;
/*background-color:#ddd;*/   
}

    #rightCol .accessoires_description p {
    font-size:11px;
    color:#666;   
    margin-bottom:8px;       
    }

#rightCol .accessoires_description h4 {
margin:0px;
padding:0px;
font-size: 11px;
font-weight:bold;
line-height:19px;
}


/* ---------------------------- TEASER AREA ---------------------------------- */
.teaserL, .teaserR {
width:246px; 
height:165px;
padding:0px;
margin-bottom:25px;
}

.teaserL {
float:left;
}

.teaserR {
float:right;
}

.teaserL h2, .teaserR h2 {
font-size:11px;
font-weight:bold;
color:#45c0eb;
margin:0px;
margin-bottom:3px;
padding:0px;
line-height:normal;
}

.teaserL p, .teaserR p {
font-size:11px;
margin:0px;
padding:0px;
line-height:normal;
}

.teaserL a, .teaserR a, .teaserL a:hover, .teaserR a:hover, .teaserL a:visited, .teaserR a:visited {
font-size:11px;
color:#000;
margin:0px;
padding:0px;
line-height:normal;
text-decoration:underline;
}

.teaserL img, .teaserR img {
float:left;
margin-bottom:2px;
width:246px;
height:105px;
border:none;
}

/* ---------------------------- TEASER AREA ENDE ---------------------------------- */

.blueBar {
width:190px;
text-align:center;
padding:5px 0px 7px 0px;
background-color:#45c0eb;
}

.blueBar a, .blueBar a:hover, .blueBar a:visited {
color:#fff;
font-size:11px;
font-weight:bold;
text-decoration:underline;
line-height:normal;
letter-spacing:-0.1em;
}

/* ---------------------------- Prefabs der rechten Spalte ---------------------------------- */


.editorial {
width: 190px;
border-bottom:#b5b5b5 1px solid;
margin-bottom:10px;
padding-bottom:10px;
}

#rightCol .number {
color:#45c0eb;
display:block;
width:190px;
font-size:21px;
font-weight:bold;
padding:8px 0px 8px 0px;
border-bottom:#b5b5b5 1px solid;
}

#rightCol .finanzierung {
display:block;
width:190px;
font-size:10px;
font-weight:bold;
padding:2px 0px 9px 0px;
border-bottom:#b5b5b5 1px solid;
}

#adressblock {
margin-top: 10px;
}

    #adressblock p {
    line-height:15px;
    margin-bottom:4px;
    }
/* ---------------------------- Prefabs der rechten Spalte ENDE ---------------------------------- */


/* ---------------------------- Article Styles ---------------------------------- */

.article p {
line-height:15px;
font-size:11px;
margin:0px;
padding:0px;
color:#000;
}

.article .subtitle-article {
line-height:15px;
font-size:11px;
margin:0px;
padding:0px;
font-weight:normal;
color:#45c0eb;
}

.article a {
line-height:15px;
text-decoration:underline;
}

.article h4 {
line-height:normal;
font-size:11px;
margin:0px;
padding:0px;
color:#000;
}

#rightCol .article h4 a, #rightCol .article h4 a:hover, #rightCol .article h4 a:visited {
color:#000;
text-decoration:none;
line-height:normal;
font-size:11px;    
}

.article {
border-bottom:#b5b5b5 1px solid;
padding-bottom:11px;
margin-bottom:10px;  
width: 190px;  
}

.article-box {
border:1px solid #b5b5b5; 
border-bottom:2px solid #b5b5b5; 
padding:10px;
padding-bottom:0px;
}

h4 {
line-height:19px;
font-size:12px;
margin:0px;
padding:0px;
color:#000;
}

.subtitle-article {
line-height:19px;
font-size:12px;
margin:0px;
padding:0px;
font-weight:normal;
color:#45c0eb;
}

#content .backlink-article {
color:#000;
text-decoration:underline;
}

/* ---------------------------- Article Styles ENDE ---------------------------------- */

/* ---------------------------- KONTAKT FORMULARE ---------------------------------- */

.kontakt {
width: 445px;
height:auto;
border:#aaa 1px solid;
padding:20px 25px 10px 20px;
margin-bottom:2px;	
}

.kontaktInput {
width:445px;
border:#ccc 1px solid;
font-size:12px;
color:#666;
font-weight:normal;
letter-spacing: 0.1em;
margin:2px 0px 8px 0px;
padding:2px;
font-family:Arial;
}

.kontaktButton {
width:450px;
font-size:12px;
font-weight:bold;
color:#666;
background-color:#f0f0f0; 
border:#ccc 1px solid;
padding:3px 0px 4px 0px;
margin:0px;
font-family:Arial;
}

.hint {
font-size:11px;
font-style:italic;
}

/* ---------------------------- KONTAKT FORMULARE ENDE ---------------------------------- */
