/* 
    Document   : main_v1  
    Created on : 18.11.2012, 11:53:19
    Author     : Alexander Jaschke aj@ebene23.de
    Description: VILLA MARGA CSS

    dark-gold-yellow: #9e7a12;
    gold-yellow: #caa743
    light-gold-yellow: #e4ca42
    lightest-gold-yellow: #efdf8e;
*/

* {
    margin: 0;
    padding: 0;
}

body {
    color: #555;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:12px;
    text-align: center;
    background-color: #fff;
    background-image: url(../Grafix/bg_body.jpg);
    background-position: top center;
    background-repeat: repeat-x;
}

/* Beslhof individual styles */

A {
    text-decoration: none;
    color:#9e7a12;
}

A:visited {
    color:#9e7a12;
}

A:hover {
    color:#000;
}

H1 {
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:27px;
    color:#caa743;
    line-height:33px;
    margin:25px 0 15px 0;
}

H2 {
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-weight:300;
    font-size:20px;
    color:#caa743;
    line-height:26px;
    margin:19px 0 12px 0;
}

H3 {
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-weight:300;
    font-size:16px;
    color:#caa743;
    line-height:22px;
    margin:15px 0 8px 0;
}

H4 {
    font-size:14px;
    color:#caa743;
    line-height:16px;
    margin:10px 0 4px 0;
}

P {
    font-size:12px;
    margin:0 0 8px 0px;
    line-height:18px;
}

P.align-right {
    text-align:right;
}

UL {
    margin:0px 0 0px 20px;
    list-style-type: none;

}

#contentMain UL, #contentMainWide UL {
    padding:5px 0 10px 0;
    list-style-image: url(../Grafix/list_dot.gif);
}

OL {
    margin:0 0 0 20px;
    font-size:11px;
    line-height:14px;
}

OL LI {
    margin:0 0 4px 0px;  
}

#page {
    width: 980px;
    margin: 0 auto;
    /*min-height: 100%;*/
    text-align: left;
    
    /*background-image:url(../Grafix/page_bg.jpg);*/
}

#header {
    position:relative;
    height: 405px;
    margin: 0 0px 0 0px;
    padding:0;
    background-image: url(../Grafix/bg_header.png);
    background-repeat: no-repeat;
    z-index:1;
}

#headerInner {
    margin:10px 10px 0 11px;
}

#contentHeader {
    padding:40px 25px 20px 60px;
    float:left;
}

#menueTop {
    float:right;
    margin:50px 25px 0 0;
    color:#caa743;
}

#menueTop A {
    color:#caa743;
    text-transform:uppercase;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-weight:300;
    font-size:13px;
}

#menueTop A:hover {
    color:#000;    
}

#headerImage {
    width:680px;
    height:310px;
    float:left;
}

#headerMenue {
    height:310px;
    width:278px;
    background-color:#efdf8e;
    background-image: url(../Grafix/bg_headerMenue.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    float:right;
}

#headerMenue .top-menu-main {
    font-size:15px;
    margin:25px 15px 0 15px;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-weight:200;
}

#headerMenue .top-menu-main LI {
    background-image:url(../Grafix/headerMenue_div.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    padding:7px 0 9px 0;
}


#headerMenue .top-menu-main LI A {
    background-image:url(../Grafix/menue_no.png);
    background-position:0px 3px;
    background-repeat:no-repeat;
    font-weight:400;
    padding:0px 0 0px 25px;
}

#headerMenue .top-menu-main LI A:hover {
    background-image:url(../Grafix/menue_ro.png);
    background-repeat:no-repeat;
    color:#fff;
}

#headerMenue .top-menu-main LI.top-menu-main-act A {
    background-image:url(../Grafix/menue_ro.png);
    background-repeat:no-repeat;
    color:#fff;
    padding:0px 0 0px 25px;
}

#headerMenue .top-menu-main LI.top-menu-main-act A:hover {
    background-image:url(../Grafix/menue_ro.png);
    background-repeat:no-repeat;
    color:#fff;
}



#path {
    margin: 0px 0 0 75px;
    padding: 255px 0 0 0;
    font-size:11px;
    color:#999999;
}

#content {
    position:relative;
    background-image: url(../Grafix/bg_content.png);
    background-repeat:repeat-y;
    background-position: 0px 0px;	
    padding-bottom: 25px;
    
}



#contentMain {
    display: inline;
    float: left;
    margin: 0px 0px 0px 80px;
    width: 390px;
    background-color:transparent;
}

#contentMainWide {
    display: inline;
    float: left;
    margin: 0px 0px 0px 80px;
    width: 820px;
    background-color:transparent;
}

#contentMain ul li {
    margin-bottom:6px;
}

p.csc-frame-frame2 {
    background-color:#9e7a12;
    color:#fff;
    padding:3px 10px 3px 10px;
}


#contentRight {

    float: right;
    width: 390px;
    margin: 30px 80px 0 0px;
    
    background-color:transparent;
}



.clearer {
    clear: both;
    display: block;
    height: 1px;
    margin-bottom: -1px;
    font-size: 1px;
    line-height: 1px;
}

#footerOuter {
    width:100%;
    margin:0px;
    padding:0px;
    display:block;
    background-color:transparent;

}


#footer {
    width: 980px;
    margin: 0px 0 0 0;
    padding: 10px 0 0 0;
    background-image:url(../Grafix/bg_footer.png);  
    background-repeat:no-repeat;
    background-position:bottom;
    font-size: 11px;
    color: #555;
    
    line-height:20px;
    text-align: center;

}

#footerInner {
    border-top:1px solid #efdf8e;
    margin:0 80px 0px 80px;
    text-align:left;
    padding:10px 0 0 0;
}

#footerInner H3 {
    margin:0 0 0px 0;
}

#footerInner P {
    color:#caa743;
}

#footerInner P {
    color:#caa743;
}




/* TABLE */
.contenttable {
    border-collapse: collapse;
    width:390px
}

.contenttable TH {
    font-size:11px;
    background-color:#efdf8e;
    color:#9e7a12;
    padding:1px 3px 3px 3px;
    text-align:center;
}

.contenttable TD {
    border-bottom:1px solid #efdf8e;
    vertical-align: top;
    padding:3px 0 3px 0;
    text-align:center;
}

#content .contenttable TD P {
    margin-bottom:0px;
}


.contenttable TD.align-left {
    text-align:left;
    font-size:11px;
}

TD.align-right {
    width:125px;
    text-align:right;
}

TH.align-right {
    text-align:center;
}


#print_button {
    text-align:right;
    margin:10px 0 10px 0;
    
}

/*MENUE*/
.csc-menue-4-all {
    width:210px;
    height:135px;
    float:left;
    margin:10px 10px 0 0;
    background-color:#aaa;
    position:relative;
    cursor:pointer;
}

.csc-menue-4-inner {
    font-family: 'Kotta One', serif;
    font-weight:300;
    font-size:17px;
    color:#7F0606;
    line-height:20px;
    margin:5px 23px 5px 5px;
    padding:0px 5px 0px 5px;
    background-image:url(../Grafix/62p-fff.png);
}

.csc-menue-4-text {
    font-size:11px;
    font-weight:bold;
    margin:0px 5px 5px 23px;
    padding: 0 5px 0 5px;
    text-align:right;
    position:absolute;
    bottom:5px;
    right:5px;
    background-image:url(../Grafix/62p-fff.png);
}


.csc-sitemap {}

.csc-sitemap UL {
    font-size:16px;
    line-height:28px;
}
.csc-sitemap UL LI UL {
    font-size:13px;
    line-height:16px;
    list-style-image: none;
}

.csc-sitemap UL LI UL LI UL {
    font-size:11px;
    line-height:14px;
    list-style-image: none;
}


/* facebook box */

.fb_iframe_widget  {
    height:75px;
    border:1px solid #ccc;
}

.tx-facebooksocialplugins-pi1 {
    border:1px solid #ccc;
}

/* jQuery Fade-Effekt */

div.fadehover {
	position: relative;
        height:325px;
	}



img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
        }

img.b {
	position: absolute;
	left: 0;
	top: 0;
	}



/* footer position */




#footer {
    position: relative;
    margin: 0 auto 30px auto;
}