/* "jm_voit template created for VOIT-Partyservice
Copyright Junghans Art. 
info@junghans-art.de
http://www.junghans-art.de
 */
html {

	width: 100%;

	height: 100%;

}

body {

	margin: 0;

	text-align: left;
	/*background: #E8E7D7;" Note: see index.php for setting up width */
	color: #666666;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding: 0;
}

a:link, a:visited {

	color: #999999;

	text-decoration: none;

	font-weight: bold;

} /* general links style*/

a:hover {

	color: #666666;

	text-decoration: none;

	font-weight: bold;

}

a:focus {

	outline-style: none;

}

#page {

	width: 100% !important;

	text-align: center;

	background: #1B222B url(../images/body.gif) repeat-x top left;

	float: left;

}

#wrapper {

	width: 980px !important;

	background: transparent url(../images/wrapper.gif) repeat-x top left;

	margin: 0px auto 0px auto !important;

}

#header {

	height: 92px;

	width: 100%;

	float: left;

	background: transparent url(../images/header.gif) repeat-x top left;

}

#header2 {

	background: transparent url(../images/header2.gif) no-repeat top left;

	float: left;

	width: 100%;

}

#header3 {

	height: 92px;

	width: 100%;

	float: left;

	background: transparent url(../images/header-right.gif) no-repeat top right;

}

#header4 {

	width: 946px;

	margin: 0px 17px 0px 17px;

	height: 60px;

	clear: both;

}

#header5 {

	width: 946px;

	margin: 0px 17px 0px 17px;

	height: 32px;

	clear: both;

}

#logo {

	height: 60px;

	background: transparent url(../images/logo.gif) no-repeat top left;

	width: 569px;

	float: left;

}

#font-sizer {

	float: right;

	width: 150px;

	margin-top: 38px;

	padding-right: 0px;

	height: 21px;

}

#font-sizer a:link, #font-sizer a:visited, #font-sizer a:hover, #font-sizer a:focus {

	margin: 0;

	outline-style: none;

	color: #FF0000;

	text-decoration: none;

}

#topmenu {

	width: 100%;

	text-align: left;

	float: left;

}



#main {

	width: 100%;

	background: transparent url(../images/main-left.gif) repeat-y top left;

	float: left;

}

#main2 {

	width: 100%;

	background: transparent url(../images/main-right.gif) repeat-y top right;

	float: left;

}

#main3 {

	width: 100%;

	background: transparent url(../images/main-bottom-left.gif) no-repeat bottom left;

	float: left;

}

#main4 {

	width: 100%;

	background: transparent url(../images/main-bottom-right.gif) no-repeat bottom right;

	float: right;

}

#main5 {

	width: 100%;

	float: left;

}

/* Topmodules Users, lates news and popular */

#user_top_left {

	width: 100%;

	background: transparent url(../images/main-left.gif) repeat-y top left;

	float: left;

}

#user_top_right {

	width: 100%;

	background: transparent url(../images/main-right.gif) repeat-y top right;

	float: left;

}

#user_top {

	width: auto;

	float: left;

	text-align: left;

	margin: 9px 20px 5px 20px;

	overflow: hidden;

}

#articlelinkmenus {

	text-align: left;
}



#articlelinkmenus h3{

	color:#ffffff;

}

#articlelinkmenus a {

	font-size:11px;
}

/* Topmudules USERSCODE with Options */
/* Note: see index.php for setting up with */

#user1_33 {

	float:left;
	width:33.3%;
}



#user2_33 {

	float:left;

	width:33.2%;

}



#user5_33 {

	float:left;

	width:33.2%;

}



#user1_50 {

	float:left;

	width:50%;
}



#user2_50 {

	float:left;

	width:49.8%;

}



#user5_50 {

	float:right;

	width:49.8%;

}



#user1_100 {

	width:100%;
}



#user2_100 {

	width:100%;
}



#user5_100 {

	width:100%;
}

/* PathWay and Searchbar */

/* Note: see index.php for setting up PathWay */

#path1 {

	width: 100%;

	

	background: transparent url(../images/pathbar-left.gif) no-repeat top left;

	height: 38px;

}

#path2 {

	width: 100%;

	float: left;

	background: transparent url(../images/pathbar-right.gif) no-repeat top right;

	height: 38px;

}

#pathbar {

	width: auto;

	float: left;

	text-align: left;

	margin: 9px 20px auto 22px;

	overflow: hidden;

}

#searchbar {

	width: 170px;

	background: transparent url(../images/searchbar.gif) no-repeat left;

	float: right;

	margin: 6px 25px 0 0;

}

.pathway {

	font-size: 10px;

	color: #666666;
	padding-top : 4px;
	padding-left : 8px;

}

a.pathway:link, a.pathway:visited {

	font-weight: bold;

	color: #666666;

	text-decoration: none;

}

a.pathway:hover {

	font-weight: bold;

	color: #333333;

	text-decoration: none;

}



#maincontent {

	width: 944px;

	float: left;

	text-align: left;
}

.spacer-left {

	height: 200px;

	width: 17px;

	float: left;

}

.spacer-right {

	height: 200px;

	width: 17px;

	float: right;

}

/* Topmodules Maincontent-Mid, lates news and popular */
/* Note: see index.php for setting up */

#topmodules {

	float: none;

	margin: 0px auto 10px auto;

	width: 580px;

}

#modlatest {

	float: left;

	text-align: left;

}

#modpopular {

	float: right;

	text-align: left;

}

/* <!--  Banner advertisement.png --> */

.ads {

	width: 564px;

	text-align: center;

	/*margin: 0 10px 0 10px;  Note: see index.php for setting up margin */

	margin: 0px auto 10px auto;

	padding: 0 !important;

}

#midcontent {

	float: left;

	overflow: hidden;
}

#mainbody {

	/*width: 550px; Note: see index.php for setting up width */

	float: left;

	text-align: left;

	/*margin: 0 10px 0 10px;  Note: see index.php for setting up margin */

	padding: 0 !important;

	width: 100%;
	color : #333333;
	line-height : 20px;
}


#footer {

	float: right;

	width: 500px;

	text-align: right;

	margin: 30px 10px 10px 20px;

	line-height: 12px;

	height: 47px;

	overflow: hidden;

} 

html>body #footer {
	/* margin: 30px 20px 10px 20px; - Default style */

	margin: 130px 20px 10px 20px;

}

.footer-text {

	font-size: 10px;

	color: #AFAFAF;

}

.footer-text a:link, .footer-text a:visited {

	font-size: 10px;

	color: #AFAFAF;

}

.footer-text a:hover {

	font-size: 10px;

	color: #AFAFAF;

	text-decoration: underline;

}

/* module styling */

#rightsection, #leftsection {

	padding: 0;

	white-space: normal;

	text-align: center;

}



#leftsection ul, #rightsection ul {

	margin: 0;

	padding: 0 0 0 30px;

	text-align: left;

}

#leftsection li, #rightsection li {

	list-style: square;

}

#leftsection {

	width: 171px;

	float: left;

	text-align: center;

}

#rightsection {

	width: 171px;

	float: right;

	text-align: center;

}

/* topmenu style */

ul#mainlevel-nav {

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}



ul#mainlevel-nav li {

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	margin: 0;

	font-size: 11px;

	line-height: 25px;

	height: 26px;

	white-space: nowrap;

	border-right: 1px solid #000080;

	display: block;

}



ul#mainlevel-nav li a {

	display: block;

	padding-left: 15px;

	padding-right: 15px;

	text-decoration: none;

	color: #CCCCCC;

	background: transparent;

}

#buttons>ul#mainlevel-nav li a { 

	width: auto;

}



ul#mainlevel-nav li a:hover {

	color: #FFFFFF;

	background: #3A4FA8;

}

div.back_button {
	float : left;

	overflow: hidden;
	text-align : center;
	font-size : 10px; 

	line-height: 18px;

	width : auto;

	margin: 4px;

	border: solid 1px #666666;

	padding : 0 10px;

	background-color : #f1f4f7;
}


div.back_button a:link, div.back_button a:visited {

	color: #666666;

}

div.back_button a:hover {

	color: #FF9900;

}



/* Joomla! Core style */

.sectiontableentry1 {

	background-color : transparent;

	line-height: 18px;

	text-align: left;

	padding-bottom: 2px;

}



.sectiontableentry2 {

	background-color : #f9f9f9;

	text-align: left;

	line-height: 18px;

	padding-bottom: 2px;

}

.sectiontableheader {

	border-bottom: solid 1px #999999;

	height: 15px;

	font-size: 14px;

	font-weight: bold;

	color: #CC0000;

	padding-top: 20px;

}

fieldset {
	line-height : 16px;
	border: 0;
	margin: 0;
	padding: 4px 5px 3px;
	border-top: 1px dashed #cccccc;
}

fieldset .small {
	font-size: 10px;
	font-style: normal;
	font-family : Arial, Helvetica, sans-serif;  
	color: #4773B9;
}
fieldset a:link, fieldset a:visited {
	color: #b71221;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;

	font-family: Garamond, Palatino, serif;

}

fieldset a:hover {
	font-size: 14px;
	color: #666666;
	font-weight: bold;

	text-decoration: none;

	font-weight: bold;	
}


.small {

	font-size: 10px;

	color: #CC0000;

	font-style: italic;

}

.createdate, .modifydate {

	font-size: 11px;

	color: #666666;

}

.createdate {

	padding-bottom: 10px;

}

.modifydate {

	padding-top: 10px;

}

table.contenttoc {

	border: 1px solid #cccccc;

	padding: 2px;

	margin-left: 2px;

	margin-bottom: 2px;

}

.pagenavbar {
	color : #A03A43;

	font-size: 11px;

	font-weight: bold;
	line-height : 18px;
	font-family : "Courier New", Courier, monospace;

	padding: 0px 10px;

	display: block;
	border-bottom: 1px solid #cccccc;
}

.pagenavbar a:link, .pagenavbar a:visited {

	color: #A03A43;

	text-decoration: none;

	font-weight: bold;

}

.pagenavbar a:hover {

	color: #666666;

	text-decoration: none;

	font-weight: bold;

}

.pagenav {
	font-family : Arial, Helvetica, sans-serif; 
	text-align : left; 
	font-size : 10px; 
	font-weight : bold; 
	border : 1px solid #ccc; 
	width : auto; 
	background-color : #f8f8f8; 
	padding : 0 8px; 
	line-height : 18px; 
	margin : 1px; 
	color : #666666; 
} 

th.pagenav_next, th.pagenav_prev {

	color : #666666;

	font-size: 11px;

	font-weight: bold;
	line-height : 18px;
	font-family : "Courier New", Courier, monospace;

	padding: 0px 10px;

	display: block;
}

table.contenttoc td {

	font-size: 10px;
	line-height: 12px;
	font-weight : normal;
	font-family:  Arial, Helvetica, sans-serif;
	color: #191919;
	padding-left : 5px;
	padding-right : 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f1f4f7; 

}

table.contenttoc th {

	color : #ffffff;

	text-align: left;
	font-weight: bold;

	font-size: 10px;
	font-family:  Arial, Helvetica, sans-serif;

	text-transform: uppercase;
	padding-left: 5px;

	background-color: #A03A43;

}


form {

/* removes space below form elements */

	margin: 0;

 	padding: 0;

}

#emailForm {
border : #cccccc solid 1px; 
background-color: #f1f4f7;
padding: 10px;
}



div.mosimage {

	border: 1px solid #ccc;

}



.mosimage {

	border: 1px solid #cccccc;

	margin: 5px

}



.mosimage_caption {

	margin-top: 2px;

	background: #efefef;

	padding: 1px 2px;

	color: #666;

	font-size: 10px;

	border-top: 1px solid #cccccc;

}



span.article_seperator {

	display: block;

	height: 1.5em;

}

.contentheading {

	padding-left : 2px;

	height: 24px;

	font-size: 20px;

	font-weight: bold;

	font-family: Garamond, Palatino, serif;

	color: #b71221;

}

.heading_xwhite {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none
}

.heading_grey { 
	color: #646464; 
	font-weight: bold; 
	font-size: 18px; 
	font-family: Garamond, Palatino, serif; 
	text-decoration: none 
}

.heading_xgrey { 
	color: #646464;
	font-weight: bold;
	font-size: 14px; font-family:
	Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none
}

.heading_xblue { 
	color: #006; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-decoration: none 
}

.heading_xred { 
	color: #d50000; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-decoration: none 
}

.heading_xorange { 
	color: #ff6600; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-decoration: none 
}

.white  { 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none 
}

.blue  { 
	color: #006; 
	font-weight: bold; 
	text-decoration: none 
}

.red  { 
	color: #d50000; 
	font-weight: bold; 
	text-decoration: none 
}

.orange  { 
	color: #ff6600; 
	font-weight: bold; 
	text-decoration: none 
}


.buttonheading {

	padding: 0px;

	height: 30px;

	font-size: 14px;

	color: #333333;

}


.componentheading {

	padding-left : 2px;

	height: 24px;

	font-size: 22px;

	font-weight: bold;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #4773B9;

	line-height: 22px;

	border-bottom: 1px solid #4773B9;

	margin-bottom: 20px;

}	


.readon {
font-family : "Courier New", Courier, monospace; 
font-size : 11px; 
} 

a.readon:link {
font-family : "Courier New", Courier, monospace; 
color : #666666; 
font-size : 11px; 
font-weight : bold; 
} 
a.readon:visited {
font-family : "Courier New", Courier, monospace; 
font-size : 11px; 
font-weight : bold; 
} 
a.readon:hover {
font-family : "Courier New", Courier, monospace; 
color : #666666; 
font-size : 11px; 
font-weight : bold; 
border-bottom : 1px solid #4f4f4f; 
} 

table.contentpaneopen {

	width: 100%;

	clear: both;

}

table.contentpaneopen img {

	vertical-align: top;

}

hr {

	width: 1px;

	color: #D6D5D5;

} /* horizontal line in your template*/

hr.separator {

	width: 1px;

	color: #D6D5D5;

}

 

/* FORMS SETTINGS */ 

.highlight {

	background-color : #ffecd9; 
	color : #004080; 
	padding : 0;

}

pre, .code {
	font-size : 11px;
	font-family: "Courier News", monospace;
	padding: 10px 15px;
	border-left: 5px solid #F4A94F;
	background-color: #f1f4f7;
}

blockquote {
	font-size : 12px ;
	line-height:  18px ;
	font-style: italic ;
	font-family: Georgia, Times, serif;
	padding: 15px 40px;
	background: url(../images/quote.gif) 10px 10px  no-repeat;
	background-color: #f1f4f7;
}

.error {
	color: #CC0000;
	font-size : 12px; 
	line-height:  16px;
	font-family:  Georgia, Times New Roman, Times, serif;
	padding-left: 22px;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	color: #4773B9;
	font-size : 12px; 
	line-height:  16px;
	font-family:  Georgia, Times New Roman, Times, serif;
	padding-left: 22px;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	color: #ff6600;
	font-size : 12px; 
	line-height:  16px;
	font-family:  Georgia, Times New Roman, Times, serif;
	padding-left: 22px;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}