/*layout CSS */
html, body {
	margin: 0;
	padding: 0;
	

}

body {
	text-align:center; /*center hack*/
	background: #413831  url(../images/bg-6.jpg) top  repeat-x ;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#wrap {
	background-color: white;
	min-width: 860px;
	max-width: 960px;
	width: auto !important; /*IE6 hack*/
	width: 955px; /*IE6 hack*/
	margin: 0 auto; /*center hack*/
	text-align: left; /*center hack*/
}

#header {
	height: 182px;
	background: url(../images/header.jpg) no-repeat left;
	padding: 0px 8px 0px 7px;} 
#sidebar {float:left;width:31%; overflow:hidden; } 
#content60 {float:left;width:49%;overflow:hidden;}
#content80 {float:left;width:69%;overflow:hidden;}
#content100 {float:left;width:100%;overflow:hidden;}
#sidebar-2 {float:left;width:20%; overflow:hidden;} 

#footer_out {
	clear: both;
	width: 100%;
	bottom: 0px;	
	padding: 1em 0 0 0;
}

 
#menu_top {
	float: right;
	height: 98px;
	width: 99%;
}

/*  ---  Fontsizer  ---  */

#font_size {
	float: right;
	border-top: none;
	width: 18em;	
}

span.PreTextFontsizer {
	color: #80756a;
	text-align: center;
	font-size: 0.8em;
	line-height: 2em;
}

.larger img, .reset img, .smaller img {
	padding: 0;
}

/*  ---  Menu  ---  */
#menu {
	float: right;
	height: 44px;
}

.spacer_left {
	background: url(../images/left.jpg) no-repeat;
	height: 275px;
}

/* Navi*/

/* ---  Topmenu  ---  */
.moduletable-nav {
}

.moduletable-nav ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-top: 16px; /* position hover */
}

.moduletable-nav ul li {
	display: inline;
	margin: 0;
}

.moduletable-nav ul li a {
	padding: 52px 1em 10px 1em;
	color: white;
	text-decoration: none;
}

.moduletable-nav ul li a:hover{
	background: url(../images/menu_hover.png) no-repeat;
	background-position: top;
}

.moduletable-nav li.active a {
	background: url(../images/menu_active.png) no-repeat top;
}

/*  ---  Submenu  ---  */
.moduletable-subnav {
	margin-top: 1.3em;
	padding: 0em;
	text-align: center;
}

.moduletable-subnav ul li {
	display: inline;
	line-height: 1.4em;
}

.moduletable-subnav ul li a {
	padding: 0 0 0 10px;
	border-left: 1px dotted #8c7f73;
	color: #9a8f85;
	text-decoration: none;
	font-size: smaller;
	font-weight: bolder;
}
.moduletable-subnav ul li a:hover {
	padding: 0 0 0 3px;
	color: white;
	border-left: 8px solid #9b0000;
}

.moduletable-subnav ul li.active a {
	border-color: #ffca30;
}

	/* ---  Ende - Navi ---  */
	
.moduletable{
	background-color: white;
}

.moduletable-mittag {
	background-color: white;
	background: url(../images/mittag-text.gif) repeat-y;
	margin-top: 1em;
}

.moduletable-mittag h3 {
	background: url(../images/mittag-oben.gif) no-repeat;
	margin: 0;
	padding: 1.3em 0 0 22px;
	text-align: center;
	color: #9f9f9f;
}

.mod_placehere-mittag {
	background: url(../images/mittag-unten.gif) no-repeat left bottom;
	margin-bottom: 1em;
}

.mod_placehere_leading {
	background: url(../images/besteck.jpg) no-repeat left center;
	padding-left: 43px;
	margin-left: 48px;
	width: 170px;
}

.main {
	padding: 1em;
}

.moduletable-social {
	padding: 1em 0 0 40px;
}

/*  --- Beginn - Footer ---  */

#footer {
	background: url(../images/footer.jpg) repeat-x top;
	padding: 2em 0 1.7em 0;
	color: #6c6153;
	text-align: center;
	line-height: 1.3em;
	font-size: smaller;
}

#footer a {
	color: #6c6153;
	text-decoration: none;
}
#footer a:hover {
	border: 1px dotted #6c6153;
	border-left: none;
	border-right: none;	
} 
/*  --- Ende - Footer ---  */


/* --- typography  --- */

/* auskommentiert wegen Validät 
* {
	margin:0;
	padding:0;
}*/

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin: 0.5em 0; 
}
li,dd { 
	margin-left:1em;
}
fieldset { 
	padding:.5em; 
}


a {
	color: #A64;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1 {
	font-size:1.7em;
}
h2 {
	font-size:1.5em;
}
h3	{
	font-size:1.3em;
}
h4{
	font-size:1.2em;
}
h5{
	font-size:1.1em;
}
h6{
	font-size:1em;
	font-weight:bold;
}
.small,.createdate,.modifydate,.mosimage_caption{
	font:0.8em Arial,Helvetica,sans-serif;
	color:#999;

}

/* ---   Mainbody  --- */

.buttonheading img {
	border:0;
}

.componentheading, .componentheading-login {
	background: url(../images/weinblatt.gif) no-repeat top left;
	padding: 0 0 0 2.3em;	
	line-height: 35px;
	font-size: 1.5em;
	color: #aca4a5;
}

.contentheading {
	background: url(../images/weinblatt.gif) no-repeat top left;
	padding: 0 0 0 2.3em;	
	line-height: 35px;
	font-size: 1.5em;
	vertical-align: text-bottom;
	color: #aca4a5;
}

a.readon,a.readon:visited {
	display: block;
	float: right;
	line-height: 14px;
	font-size: 0.7em;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	text-transform: uppercase;
}

a.readon:hover {
	background-color: #fab641; 
	font-weight: bold;
	color: #004B80;
}

/*  ---  für Menületter  ---  */
.menueletter {
	margin: 1.5em 2em;
	padding: 1em 0;	
}

.inputbox {
	padding: 0.4em;
	margin-bottom: 1.5em;
	background-color: #e0dfde;
	border: dotted 1px #7b0000;
	border-top: none;
	border-right: none;
	background-color: #e3e3e3;
}
/*  ---  Ende - Menületter  ---  */

/*  ---  Login Modul  ---  */
#com-form-login fieldset {
	border: none;
	margin-left: 1.5em;
}

.contentpane-login {
	/*background-color: #aa6644;*/
	padding: 1em;
}

.contentpane-login img {
	padding-right: 1.5em;
}

#com-form-login-username label {
	line-height: 36px;
	color: #228b22;
	font-weight: bolder;
}

#username {
	background: #f0fff0 url(../images/user.png) no-repeat 0.5em center;
	padding: .5em;
	width: 400px;
	border: none;
	text-indent: 1.8em;
	font-size:	x-large;
}

#com-form-login-password label {
	line-height: 36px;
	color: #d76363;
	font-weight: bolder;
}

#passwd {
	background: #ffe4e1 url(../images/lock.png) no-repeat 0.5em center;
	padding: .5em;
	width: 400px;
	border: none;
	text-indent: 1.8em;
	font-size:	x-large;
}
/*  --- Ende Login Bereich  ---  */

.sectiontableheader {
	border-bottom: 1px dotted #aa6644;
	padding: 0 0 0.8em 0.8em;
}

/*  ---  Für Weblink  ---  */
.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 1em 0;
}
.sectiontableentry1 td {
	background-color: #f0fff0;
}

a.category {
	padding-left: 1em;
	line-height: 1.8em;
	font-size: larger;
}

span.description {
	margin-left: 1.5em;
	font-size: 0.8em;
}

/*  ---  entfernt Rahmen um Bild  ---  */
a img {
	border: none; 
	padding: 0 1em;
}