/*
* VME Energieverlag
* stylesheet.css
* 
* Author: David Effendi
* 
* Date: June 2009
*/


/*
 * Farben
 * 
 * orange dunkel		#D78203;
 * orange 				#ECAC50;
 * orange mittel		#F4DDBC;
 * orange hell			#FEEEBD;
 * 
 * blau dunkel			#4C75AC;
 * blau					#90ADD7;
 * blau mittel			#CFDBEA;
 * blau hell			#E3EFFB;
 * blau titel rechts	#8FADD6;
 * blau activ			#41669A;
 * 
 * blau rechteSpalte	#E0E5EC;
 * 
 * grau dunkel			#ADABAC;
 * grau					#DADADA;
 * grau mittel			#F2F2EA;
 * grau hell			#EFEFEF;
 * 
 * 
 * 
 * 
 */

/*
* General Pre Settings
*
*/
* 				{margin: 0;padding: 0;border: 0;}
ul, ol, dl		{list-style: none;}
hr				{display: none;}
img, fieldset	{border: 0;}
a 				{color: #D78201;text-decoration:none;}
a:hover			{text-decoration: underline;}

/*
* General Helpers
*
*/
.clear {
	overflow: hidden;
	clear: both;
	font-size: 0;
	height: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}
.invisible {
	display: inline;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 0;
	height: 0;
}
.floatLeft{
	float:left!important;
}
.floatRight{
	float:right!important;
}
.bold{
	font-weight:bold;
}
.fullWidth{
	width:100%!important;
}
/*oranges*/
.darkOrange{
	background-color:#D78203!important;
}
.orange{
	background-color:#ECAC50!important;
}
.middleOrange{
	background-color:#F4DDBC!important;
}
.lightOrange{
	background-color:#FEEEBD!important;
}
/*blues*/
.darkBlue{
	background-color:#4C75AC!important;
}
.blue{
	background-color:#90ADD7!important;
}
.middleBlue{
	background-color:#CFDBEA!important;
}
.rightBlue{
	background-color:#E0E5EC!important;
}
.activeBlue{
	color:#41669A!important;
}

/*greys*/
.darkGrey{
	background-color:#ADABAC!important;
}
.grey{
	background-color:#DADADA!important;
}
.middleGrey{
	background-color:#F2F2EA!important;
}
.lightGrey{
	background-color:#EFEFEF!important;
}

/*
* Structure Elements
*
*/

html, body {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 101%;	
	height: 100%;
	background-color:#fff;
	color:#616161;
}
html>body { 
	font-size: 16px; /* Set correct font-size for safari browsers */
}

#site{
	width:100%;
}
#leftCol{
	float:left;
	height: 100%;
	width:20%;
	min-width:250px;
	background-color:#efefef;
	font-size:11px;
}
#middle{
	background-color:#efefef;
	min-width: 10%;
	width:80%;
	padding:0 0 0 20%;
	margin:0 20% 0 0;
}

.topLine{
	height:17px;
	background-color:#fff;
	text-align:right;
	padding:3px 10px 0 0;
	font-size: 11px;
}
#logo{
	height:75px;
	width:100%;
	background-color:#fff;
	padding:0 5px;
}
#logo img{
	height:62px;
	width:242px;
}
#leftTop{
	width:100%;
	background-color:#EFEFEF;
	float:left;
	height:22px;
}
#above{
	height:95px;
	min-width:100px;	
	width:100%;
	background-color:#fff;
}
#above .imageBox{
	float:right;
	margin:0 10px 0 0;
}
#contents{
	min-width:100px;	
	overflow:hidden;
	background-color:#fff;
}
#center{
	min-width:100px;
	float:left;	
	background-color:#fff;
	width:75%;
	padding:0 25% 0 0;
}
#centerGrey{
	min-width:100px;
	float:left;	
	background-color:#F2F2EA;	
	width:100%;
}
#centerBlue{
	min-width:100px;
	float:left;	
	background-color:#E0E5EC;
	width:100%;	
}
#mainContent{
	padding:23px 0 0 0;
	width:66.67%;
	float:left;
	background-color:#fff;
	min-height:750px;
}
#mainContentOnly{
	padding:23px 0 0 0;
	float:left;
	background-color:#fff;
	min-height:750px;
	width:100%;
}
#right{
	width:33.33%;
	min-width:100px;	
	float:right;
	font-size:11px;
}
#rightTop{
	height:23px;
	background-color:#fff;
}

/*
 * Navigation
 * 
 */

#mainNavi ul li ul li ul{
	border:none!important;
}
/*
li.mainLink{

	list-style-image: url('../images/icons/doubleDot.gif');
	list-style-position:inside;
	
}
li.subLink{
	list-style-image: url('../images/icons/doubleDot.gif');
	list-style-position:inside;
}
li.subsubLink{
	list-style-image: url('../images/icons/doubleDot.gif');
	list-style-position:inside;
}
li.subsubsubLink{
	list-style-image: url('../images/icons/doubleDot.gif');
	list-style-position:inside;
	
}
*/
.mainLink a,
.subLink a,
.subsubLink a,
.subsubsubLink a{
	display:block;
	color:#616161;
	
}
.mainLink a{
	/*background-color:#DADADA;*/
	font-weight:bold;
	border-bottom: solid 1px #fff;
	padding:5px 4px 5px 25px;
	background:url('../images/icons/doubleDot.gif') no-repeat #DADADA;
	background-position:left center;
	
}
.subLink a{
	background-color:#EFEFEF;
	font-weight:normal;
	border:none!important;
	padding:5px 4px 5px 35px;
	background:url('../images/icons/doubleDot.gif') no-repeat;
	background-position:15px top;
}
.subsubLink a{
	background-color:#EFEFEF;
	font-weight:normal;
	border:none!important;
	padding:5px 4px 5px 45px;
	background:url('../images/icons/doubleDot.gif') no-repeat;
	background-position:25px top;	
}
.subsubsubLink a{
	background-color:#EFEFEF;
	font-weight:normal;
	border:none!important;
	padding:5px 4px 5px 55px;
	background:url('../images/icons/doubleDot.gif') no-repeat;
	background-position:35px top;	
}
.mainLink a:hover{
	background-color:#ADABAC;
	color:#fff;	
}
.subLink a:hover,
.subsubLink a:hover,
.subsubsubLink a:hover{
	background-color:#DADADA;
	color:#000;
}
/*
.mainLink span{
	padding:5px 0 0 2px;
}
.subLink span{
	padding:5px 0 0 12px;
}
.subsubLink span{
	padding:5px 0 0 22px;
}
.subsubsubLink span{
	padding:5px 0 0 32px;
}

#mainNavi ul li span{
	float:left;
}
*/


.verlagActive{
	background-color:#ECAC50!important;
}
.verlagSubActive{
	background-color:#F4DDBC!important;
}
.verlagSubSubActive{
	background-color:#FEEEBD!important;
}

li.verlagActiveSubLinkLI a{
	background-color:#F4DDBC!important;
}
li.verlagActiveSubSubLinkLI a,
a.verlagSubActive,
li.verlagActiveSubLinkLI a.verlagSubActive{
	background-color:#FEEEBD!important;
	color:#ECAC50;
}
li.verlagActiveSubLinkLI a:hover,
li.verlagActiveSubSubLinkLI a:hover{
	background-color:#FEEEBD!important;
}


.medienActive{
	background-color:#90ADD7!important;
}
.medienSubActive{
	background-color:#CFDBEA!important;
}
.medienSubSubActive{
	background-color:#E3EFFB!important;
}

li.medienActiveSubLinkLI a{
	background-color:#CFDBEA!important;
	color:#4C75AC!important;
}
li.medienActiveSubSubLinkLI a,
a.medienSubActive,
li.medienActiveSubSubLinkLI a.medienSubActive{
	background-color:#E3EFFB!important;
	color:#ECAC50;
}

li.medienActiveSubLinkLI a:hover,
li.medienActiveSubSubLinkLI a:hover{
	background-color:#E3EFFB!important;
}

#serviceNavi{
background:#EFEFEF none repeat scroll 0 0;
bottom:0;
overflow:hidden;
position:fixed;
width:252px;
}
#serviceNavi a{
	color:#616161;
	font-size:11px;
}
#serviceNavi img{
	padding:5px 5px;
}
#serviceNavi ul{
	border-top:solid 1px #ccc;
	padding:2px 2px 2px 10px;
}
#serviceNavi ul li{
	float:left;
	margin:0 6px 0 0;
	padding:2px 3px;
}
#serviceNavi ul li a{
	
}


/* metaNavi */
#metaLinks{
	height:22px;
	min-width:100px;
	background-color:#DADADA;
}
#metaLinks ul{
	min-width:100px;
	width:50%;	
	float:left;
	height:22px;
}
#metaLinks ul li a{
	width:100%;
	display:block;
}
.metaLink a img{
	display:block;
	overflow:hidden;
/*	width:100%;*/
}
.metaBox{
	width:22px;
	height:22px;	
	float:left;
	border:solid 1px #fff;
	border-top:none;
}
.metaLink{
	float:left;
	/*border-bottom:solid 1px #fff;*/

}

/* KeyVisual */
#keyVis{
	background-color:#DADADA;
	height:125px;
	margin:1px 0 1px 1px;
	min-width:790px;
}
#keyVis img{
	float:left;
	padding:0 1px 0 0;
}


#keyVis ul, #keyVis li{
	margin:0;
	padding:0;
	list-style:none;
	}
#keyVis li{ 
	overflow:hidden; 
	float:left;
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}	
/* Teaser */

.teaser, .tx-powermail-pi1{
	font-size:11px;
	padding:5px 5px 10px 15px;
	margin:0 0 10px 24px;
	border-bottom:solid 1px #EFEFEF;
}
.teaser h2{
	font-size:14px;
	line-height:22px;
	color:#616161;
	margin:0 0 12px 0;
}
.teaser .imageBox{
	float:left;
	margin:6px 12px 0 0;
	padding:6px;
}
.teaser .imageBox img{
	border:solid 6px #EFEFEF;
}
.teaser .imageBox p{
	padding:2px;
	font-size:10px;
	display:block;
	max-width:60%;
}
.teaser .textBox, .bookTextBox{
	line-height:16px;
}
.teaser .textBox h3{
	padding:0 0 10px 0;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
}
.teaser .textBox p{
	padding:0 0 6px 0;
	line-height:16px;	
}
.teaser .textBox ul li,
.bookTextBox ul li{
	list-style:disc!important;
	list-style-position:inside!important;
	text-indent:10px;
}
.teaser .textBox ul li ul li{
	list-style:none!important;
	list-style-position:inside!important;
	padding:0 0 0 20px;
}
.singleBookImg{
	width:180px;
	
}
.bookTextBox .linkBox {
	border-top:solid 1px #EFEFEF;
	margin:10px 0 0 0;
	padding:10px 0;
}
.bookTextBox .linkBox h3{
	padding:0 0 10px 0;
	font-size:13px;
	font-weight:bold;
}
.teaserTextBox{
	float:right;
	width:70%;
}
.teaserTextBox h3, .bookTextBox h3{
	font-size:11px;
	font-weight:bold;
	color:#ECAC50;
	padding:4px 0 10px 0;	
}
.teaserTextBox p, .bookTextBox p{
	padding:8px 0;
}
p.more,
div.more{
	display:none;
}
div.action{
	padding:0 10px 0 0;
	/*margin:10px 0 0 0;*/
}
div.action ul li{
	float:left;
	margin:0 10px 0 0;
}

/* News */
.newsLatestList{
	font-size:12px;
}


.newsLatestItem{
	float:left;
	padding:5px 10px 8px 25px;
	background:url(../images/produktliste_hr.gif) no-repeat 25px bottom;
	margin:0 0 10px 0;
}
.newsLatestItem .imageBox{
	float:left;
	min-width:120px;
	width:20%;
}
.newsLatestItem h3{
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	padding:0 0 6px 0;
}
.newsLatestItem .textBox{
	float:left;
	line-height:14px;
}
.newsLatestItem .textBox p{
	margin-bottom:6px;
	font-size:10px;
}

/*******************************************************/
/* linkboxes */
.pdf {
	background-image:url(../images/icons/icon_pdf.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:4px 0 0 22px;
	color:#616161;
}

/*******************************************************/
/* forms */
.centerFormBox{
	margin:0 0 0 24px;
	padding:5px 10px 5px 15px;
	line-height:17px;
	font-size:11px;	
	width:66.67%;
}
.centerFormBox .formItem{
	border-bottom:solid 1px #EFEFEF;
}
.centerFormBox .formItem input,
.centerFormBox .formItem textarea{
	width:80%;
	padding:2px 4px;
	border:solid 1px #DADADA;
	float:right;	
}
.marginalFormBox{
	padding:5px 10px 5px 23px;
	line-height:17px;
}
.formItem{
	padding:2px;
}
.formLabel{
	float:left;
	width:25%;
}
.formInput{
	float:right;
	width:70%;
}
.formInput input,
.formInput textarea,
.formInput select{
	width:80%;
	padding:2px 4px;
	border-color:-moz-use-text-color #9A9B96 #9A9B96 -moz-use-text-color;
	border-style:none solid solid none;
	border-width:0 1px 1px 0;
}
.formSubmit{
	width:80%;
	float:right;
}
.formInput select{
	font-size:10px;
	width:83%!important;
}
.input{
	border-color:-moz-use-text-color #9A9B96 #9A9B96 -moz-use-text-color;
	border-style:none solid solid none;
	border-width:0 1px 1px 0;
	font-size:11px;
	padding:4px 2px;
}
.fullwidth{
	width:85%!important;
}
.smallwidth{
	width:10%;
}
.formbooktitle{
	color:#ECAC50;
	font-weight:bold;
	margin:6px 0;
}
.submit{
	font-size:13px;
	color:#fff;
	padding:2px 4px;
	margin:0 2px 0 0;
}

input.error,
select.error,
textarea.error{
/*	border-color:-moz-use-text-color red red -moz-use-text-color;
	border-style:none solid solid none;
	border-width:0 1px 1px 0;
*/
border:solid 1px red!important;
}
.errorMsg{
	color:red;
	font-weight:bold;
}
.csc-textpic-left{
	padding:10px 10px 10px 23px;
}

/*******************************************************/
/* HeadlineBoxes */

.orangeHeadlineBox{
	height:22px;
	background-color:#ECAC50;
	margin-bottom:5px;	
}
.greyHeadlineBox{
	height:22px;
	background-color:#EFEFEF;
	margin-bottom:5px;	
}
.orangeHeadlineBox h2{
	font-size:14px;
	color:#fff;
	float:left;
	padding:1px 0 0 10px;
}
.orangeHeadlineBox h3{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	padding:4px 0 0 10px;
}
.greyHeadlineBox h2{
	font-size:14px;
	color:#616161;
	float:left;
	padding:1px 0 0 10px;
	margin:0 0 10px 0;
}
.greyHeadlineBox h3{
	font-size:12px;
	font-weight:bold;
	color:#616161;
	float:left;
	padding:4px 0 0 10px;
}
.blueHeadlineBox{
	height:22px;
	background-color:#8FADD6;
	margin-bottom:5px;
}
.blueHeadlineBox h2{
	font-size:14px;
	color:#FFFFFF;
	float:left;
	padding:1px 0 0 10px;
}
.blueHeadlineBox h3{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	padding:4px 0 0 10px;
}

/*******************************************************/
/* Galleries */

.gallery{
	margin:10px 10px 10px 23px;
	padding:10px;
	background-color:#EFEFEF;
}
.marginalGallery{
	padding:6px 6px 10px 23px;

}
.galleryImage{
	float:left;
	width:auto;
	margin:10px 10px 0 0;
}
.marginalGalleryImage{
	float:left;
	width:auto;
	margin:6px 5px 0 0;

}

/*******************************************************/
/* Player */
.movie{
	height:auto;
	float:left;
	margin:5px 10px 10px 0;
}
.player p{
	padding:5px;
}

/*******************************************************/
/* Powermail */
.tx-powermail-pi1_fieldset legend{
	display:none;
}
.tx_powermail_pi1_fieldwrap_html{
	clear:both;
	margin:0 0 6px 0;
	padding:2px 0;
}
.tx_powermail_pi1_fieldwrap_html label{
	width:200px;
	float:left;
	/*font-size:12px;*/
	font-weight:bold;
}
.tx_powermail_pi1_fieldwrap_html_textarea input{
	
}
.tx_powermail_pi1_fieldwrap_html_text input{
	
}
.tx_powermail_pi1_fieldwrap_html_select select{
	
}

.tx_powermail_pi1_fieldwrap_html_textarea textarea,
.tx_powermail_pi1_fieldwrap_html_text input,
.tx_powermail_pi1_fieldwrap_html_select select{
	border:solid 1px #DADADA;
	padding:2px 4px;
	float:left;
	color:#616161;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
}

.even{

}
.odd{
	
}

.tx_powermail_pi1_fieldwrap_html_submit{
	float:right;
	margin:0 100px 0 0;
}
.tx_powermail_pi1_fieldwrap_html_submit input{
	border:solid 1px #DADADA;
	padding:2px 4px;
	color:#616161;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;	
	font-weight:bold;
}