/* -------------------------------------------------- */
/*    GLOBAL STUFF                                    */
/* -------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

html, body {
    height:100%;
}

html, body {
    height:100%;
    /* overflow:hidden; */
}

#all {
    /* position: relative; */
    min-height: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -62px;
}

#bottom, #push { clear:both; height:62px;}



body {
	font-family: Verdana, Arial;
	text-align: left;
	font-size: 62.5%;  /* 1em = 10px , 1.4em = 14px */
	color: #fff;
	background-color: #6C717E;
	background-position:top left;
	background-repeat:no-repeat;
    /* overflow:scroll;
    overflow-y:scroll;
    overflow-x:auto; */
    overflow-y:scroll;
}




/* -------------------------------------------------- */
/*    POSITIONING                                     */
/* -------------------------------------------------- */

#all {
	text-align:center;
    background-color: transparent;
    background-position:center -5px;
    background-repeat:repeat-x;
}

#page {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:970px;
	/* margin-bottom:130px; */
}


div.row {
}


#head {
	padding: 3px 0 2.5em 0;
}

#main {
}


div.col {
}

#leftcol, #maincol, #rightcol { float:left;}
#leftcol { width: 247px; }
#maincol { width: 554px; }
#rightcol { width: 169px;}

div#maincol { background-position:center 4px; background-repeat:no-repeat; background-color:transparent;}


/*  #####  HEAD ELEMENTS  #####  */


#metanav {	
	text-align: right;
	height: 1px;
	overflow: visible;
}

#metanav li { padding-right:2em; font-size:.9em;}
#metanav li a { color:#999;}
#metanav li a:hover { color:#CDA581;}
#metanav li.last { padding-right:2.3em; }

#logo {
    margin-top:45px;
}

#mainnav {

}



/*  #####  PAGE ELEMENTS  #####  */


#design #subnav {
    position:absolute; 
    z-index:1010;
    margin-top:-7px;
}
#design #subnav ul.nav ul.nav { background-image:none; margin-top:13px;margin-left:120px;width:600px;}
#design #subnav ul.nav ul.nav li { float:left; display:block;}
#design #gallery_main .csc-header { display:none; }

#cont {
	margin-top:14px;
	padding:0px 26px;
}

#fullsize {
    display:none;
    height:603px;
    width:970px;
    background-color: transparent;
    background-position:left top;
    background-repeat:no-repeat;
    position:relative;
    padding-top:41px;
    z-index:1000;
}

#close-fullsize {
    position:absolute;
    right:0;top:0;
    height:53px;
    width: 940px;
    cursor:pointer;
    display:block;
}

#cont-end {
    height:10px;
    background-position:center bottom;
    background-repeat:no-repeat;
    background-color:transparent;
}



/*  #####  FOOTER ELEMENTS  #####  */

#bottom {
    /* 
    margin-top:-110px; */
    /* position:relative; */
    height:62px;
    width:100%;
    margin-left:0;
    margin-right:0;
    overflow: hidden;
    background-position:center top;
    background-repeat:repeat-x;
    background-color:transparent;
}

#footer-container { 
    width:970px; 
    margin-left:auto;
    margin-right:auto;}

#footer, #social, #nlv-footer-logo {
    float: left;height:62px;
}

#nlv-footer-logo { 
    width:247px;
    padding-top:2px;
    }

#footer {
	overflow: hidden;
    width:554px;
	padding: 23px 0 0 0;
	color:#999;
}
#social {
    padding:13px 0 0 5px;
    margin-right:0;
    width:164px;
}

#footer p { font-size:1em; }

#footer .csc-default {
	float:left;
}
#footer ul.nav {
	float:left;
}

#bottom a#link-nlv-solar {
}
#bottom a#link-nlv-solar:hover {
}

/* -------------------------------------------------- */
/*    Image Gallery                                   */
/* -------------------------------------------------- */

/*********** navigator ***********/

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* position and dimensions of the navigator */
div.navi {
	margin-left:8px;
/*	width:200px; */
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}

/* main vertical scroll */
#gallery_main {
	position:relative;
	overflow:hidden;
	height: 550px;
	/* margin-top:53px; */
}

/* root element for pages */
#cont-fullsize {
	position:absolute;
	height:20000em;
}

/* single page */
.gallery {
	padding:10px;
	height: 550px;
	background-color:#222;
	background-position:0 0;
	background-repeat:repeat-x;
	width:740px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 730px;
	height: 550px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:720px;
	height:550px;
	padding:10px;
}

/* main navigator */
#gallery_navi {
	float:left;
	padding:0px !important;
	/* margin:0px !important; */
	/* margin-top:53px; */
	margin-left:4px;
	width:200px;
}

#gallery_navi li {
	background-color:#333;
	border-top:1px solid #666;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	height:55px;
	list-style-type:none;
	padding:10px;
	width:190px;
	cursor:pointer;
}

#gallery_navi li:hover {
	background-color:#444;
}

#gallery_navi li.active {
	background-color:#555;
}

#gallery_navi img {
	float:left;
	margin-right:10px;
}

#gallery_navi strong {
	display:block;
}

#gallery_navi li h1{
    font-size:1em;
    color:white;
    margin:0;
    padding:0;
    display:inline;
    font-weight:normal;
}

#gallery_main div.navi {
/*	margin-left: 360px; */
	text-align: center;
	cursor: pointer;
}


/* -------------------------------------------------- */
/*    NAVIGATION                                      */
/* -------------------------------------------------- */

ul.nav {
	list-style:none;
}
ul.nav li{
	padding-right: 1em;
}
ul.nav li ul li{
	height: 20px;
}

.nav a { font-size: 1.2em; text-decoration: none; }
.nav a:hover { text-decoration: none; }
a.level1, a.level1:hover {color:transparent;text-indent:-1000em;}
a { color: #fff; outline:none; }
a:hover, ul ul li.act a, #metanav .act a{ color: #CDA581; }
ul.nav a { text-decoration: none; }
#subnav ul.nav a { text-decoration: none; font-size: 1.2em;}
/*.act a { font-weight: bold; } */

#metanav li, #mainnav li, #footer li {
	display: inline;
}

/* -------------------------------------------------- */
/*   PARENTCONT                                   */
/* -------------------------------------------------- */

#parentcont  {
    width:160px;
    margin-left:5px;
}

#parentcont div.csc-header {
	background-position: center -2px; 
	background-repeat: no-repeat;
}

#parentcont div.csc-header h1 {
	color: #aaa;
	font-weight: normal;
	padding: 6px 0 0 10px;
	font-size: 1.3em;
	height: 22px;
}

#parentcont div.csc-textpic {
	background-position: top;
	background-repeat: repeat-y;
	padding: 0 0 15px 5px;
}

#c6 div.csc-textpic{
	padding-top: 15px;
}

#parentcont div.csc-textpic div.csc-textpic-imagewrap{
	padding-top: -10px;
}

/* -------------------------------------------------- */
/*   FORM 		                                      */
/* -------------------------------------------------- */



fieldset {
	border: none;
} 

#tx-sremailsubscribe-pi1-tt_address_form .tx-sremailsubscribe-pi1-submit{
	width: auto;
}

.tx-sremailsubscribe-pi1 p.tx-sremailsubscribe-pi1-click-to-edit{
	margin-left: 0;
}

#tx-sremailsubscribe-pi1-module_sys_dmail_html {
	display: none;
}

.tx-sremailsubscribe-pi1 label[for="tx-sremailsubscribe-pi1-module_sys_dmail_html"]{
	display: none;
}

.tx-sremailsubscribe-pi1 a{
	background-image: none;
	text-decoration: underline;
}

.tx-sremailsubscribe-pi1 dd input, .tx-sremailsubscribe-pi1 dd select{
	width: 130px;
}

.tx-sremailsubscribe-pi1 form input{
	width: 130px;
}


#newsletter form{
	margin-left: 4px;
	font-size: 1.4em;
}

#newsletter a{
	font-size: 0.8em;
}

#newsletter input {                   
	margin: 4px 0;
}

#newsletter input.tx-sremailsubscribe-pi1-submit{
	margin: 0 0 20px 88px;
	background-color:transparent;
    color:#CDA581;
    cursor:pointer;
}

#newsletter .tx-sremailsubscribe-pi1-email{
	width: 155px;
	height: 30px;
	background: transparent -5px 0 url('img/global_fieldbg.png') no-repeat;
	padding-left:5px;
	padding-top:1px;
}
/* ---- Mainnav -----*/

#mainnav a {
	font-size: 1.4em;
}

li.pid10 a, li.pid11 a, li.pid12 a {
    background-color: transparent;
    background-repeat: no-repeat;
}
li.pid10 a { height:42px; width:247px; display:block; background-position:0 0;}
li.pid11 a { height:36px; width:247px; display:block; background-position:0 -42px;}
li.pid12 a { height:37px; width:247px; display:block; background-position:0 -78px;}
ul.nav li li a { background-image:none; display:inline;}
ul.nav li ul { background-color: transparent; background-position:left top repeat-y; width:204px; }
ul.nav ul { padding: 10px 15px 10px 20px; }
li.last ul {margin-top:-5px;}
li.last ul ul {margin-top:0;}

ul.nav li.last ul { padding-top:16px;}
ul.nav li.last { padding-bottom: 10px;}
ul.nav li.last li.last { padding-bottom: 0px;}



/* ---- footer ----- */
#breadcrumb p {
	display: inline;
}

#social a {display:block;float:left;margin-right:3px;width:38px;height:38px;}
#social a span {display:none;}


a#youtube { background-position:3 3; }
a#twitter { background-position:-41px 0; }
a#facebook { background-position:-82px 0;width:36px; }
a#flickr { background-position:-120px 0; width:37px;}

/* -------------------------------------------------- */
/*    CONTENT DESIGN                                  */
/* -------------------------------------------------- */


h1 {
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 0.5em;
	color: #CDA581;
}

h2 {
	padding-bottom: 0.5em;
}

h2{
	font-size: 1.2em;
	font-weight: normal;	
        color: #CDA581;
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 0.5em;
}

#c41 h1.csc-firstHeader,
#c31 h1.csc-firstHeader,
#c3 h1.csc-firstHeader {
    background-repeat:no-repeat;
    color:transparent;text-indent:-1000em;
    background-position:0 15px;
    padding-bottom:37px;
}

p {
/*	font-size: 1.2em; */
	line-height: 1.5em;
	padding-bottom: 0.5em;
}


div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin-top: 2px;
}

div.csc-textpic-caption { padding-top:4px; }
#design div.csc-textpic-caption { color:#aaa;}

#cont {
	font-size: 1.2em;
    background-position:center top;
    background-repeat:repeat-y;
    background-color:transparent;
    min-height:300px;
}


#cont li, #rightcol li{
	font-size: 1em;
	line-height: 1.5em;
	margin-left: 1em;
}



#cont a, #rightcol a {

}


.progress { 
    position:absolute; 
    top:50%; 
    left:50%; 
    display:none;
    z-index:1000;
} 


/* ---- Formulare -----*/