/**** CSS zu sandrafrank.ch für Joomla								****/
/**** Autor Sandra Frank											****/
/**** verwendete Farben:											****/
/**** hellbraun - #FDFBDB - RGB 253, 251, 219 (Hintergrund Tabelle)	****/
/**** dunkelbraun - #241E0E - RGB 36, 30, 14 (Text, Rahmen)			****/
/**** orange - #E7AD56 - RGB 231, 173, 86 (onmouseover Links)		****/

html {
	background-image: url(../images/hinter.jpg);
	height: 100%;
	margin-bottom: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	color: #241E0E;
	margin: 0 0 15px;
	text-align: center;}

form {
	margin: 0;
	padding: 0;}

/**** allgemeine links im Text ****/
a:link, a:visited {
	color: #241E0E;
    text-decoration: underline;}

a:hover {
	color: #241E0E;
	text-decoration: none;
	background-color: #E7AD56;}

input.button {
	cursor: pointer;}

img {
	border: 0px;}

p {
	margin-top: 0;
	margin-bottom: 5px;}

span.small {
	font-size: 10px;
	line-height: 10px;
	color: #241E0E;}

/**** Ausrichtung ****/
div#center {
	margin-left: auto;
	margin-right: auto;
	width: 914px;
	padding-bottom: 30px;}

/**** Wrap ****/
div#wrapperholder table,
div#wrapperholder div {
	text-align: left;}

div#wrapperholder {
	width: 900px;
	background-color: #FDFBDB;
	margin: 6px;}

div#wraptop {
	background-image: url(../images/wrappert.png);
	background-repeat: no-repeat;
	clear: both;}

div#wrapunten {
	background-image: url(../images/wrapperb.png);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height: 5px;
	clear: both;}

/**** Rahmen um die Seite ****/
div#rahmen {
	border-style: dotted;
	border-width: 1px;
	border-color: #FDFBDB;
	margin-top: 10px;}

/**** Definition Aussehen Buttons global ****/
.button  {
  font-size: 11px;
  color: #333333;
  border: solid 1px #999999;
  margin-bottom: 5px;
  background-color: #ededed;
  padding: 2px;}

/**** Header ****/
div#header { 
	background-image: url(../images/head_a.png);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #241E0E;
	font-weight: bold;
	position: relative;}

div#headerrechts {
	border-bottom-style: dotted;
	border-color: #241E0E;
	border-width: 1px;
	height: 110px;
	padding-top: 40px;}
	
div#titel {
	font-size: 24px;
	padding-left: 34%;
	padding-right: 34%;}
	
div#titel2 {
	font-size: 14px;
	padding-top: 20px;
	padding-left: 40%;
	padding-right: 40%;}

	
/**** Top-Menu ****/

div#top {
	width: 550px;
	position: relative;
	margin: 0 auto;
	margin-top: 25px;
	height: 25px;
	border-top-style: dotted;
	border-color: #241E0E;
	border-width: 1px;}
	
ul#mainlevel-nav {
	margin-top: 4px;
	padding-left: 25px;
	list-style: none;}
	
ul#mainlevel-nav li a {
	float: left;
	display: block;
	height: 15px;
	line-height: 15px;
	padding: 0px;
	color: #241E0E;
	text-decoration: none;
	font-weight: normal;
	list-style-type: none;
	list-style-image: url(../images/separator.jpg);
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px dotted #241E0E;
	border-right: 1px dotted #241E0E;}
	
ul#mainlevel-nav li a:hover {
	background-color: #E7AD56;}

/**** Pathway/Brotkrümelpfad ****/
div#pathway {
	text-align: left;
	font-size: 11px;
	font-style: italic;
	color:	#715E2D;
	line-height: 1.5;
	width: 800px;
	float: left;
	padding-top: 5px;
	padding-left: 10px;}

a.pathway:link,
a.pathway:visited {
	color:	#715E2D;
	text-decoration: none;}
	
a.pathway:hover {
	text-decoration: none;
	color:	#E7AD56;
	background-color: #FDFBDB}

/**** User 4 / Suchfeld? ****/
div#user4 {
	position: absolute;
	top: -40px;
	left: 750px;
	float: right;}
	

/**** Formatierung Suche ****/
/**** Achtung Titel: direkt geänderte Daten im Core... com_search ****/

#SucheTitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 70px;}

#searchForm {
	padding-left: 70px;
	padding-right: 50px;}

div.search input.inputbox {
	background-image: url(../images/magnifier.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	width: 170px; 
	margin-top: 22px;
	margin-left: 70px;
	margin-bottom: 3px;
	padding-left: 20px;}
	
/**** Formatierung Module allgemein ****/
div#right div.moduletable_text h3,
div#right div.moduletable h3,
div#left div.moduletable h3 {
	background-image: url(../images/hinter.jpg);
	height: 12px;
	margin: 0;
	top: 0;
	left: 0;
	display: block;
	width: 180px;
	position: absolute;
	padding: 5px 0 10px 15px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;}	
	
/**** Formatierung Module links ****/
div#left div.moduletable ul {
	margin: 0;
	padding: 0;
	list-style-type: none;}
	
div#left div.moduletable ul li a {
	color: #333333;
	line-height: 1.2em;
	font-size: 0.92em;
	text-decoration: none;}
	
div#left div.moduletable ul li a:hover {
	background-color: #E8E8EB;}
	
div#left div.moduletable {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
	width: 140px;
	padding: 40px 20px 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
	
	
/**** Formatierung Module rechts ****/
div#right div.moduletable ul {
	margin: 0;
	padding: 0;
	list-style-type: circle;}
	
div#right div.moduletable li {
	margin-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;}
	
div#right div.moduletable ul li a {	
	color: #241E0E;
	line-height: 1.2em;
	font-size: 12px;
	text-decoration: none;}
	
div#right div.moduletable ul li a:hover {
	color: #DD3601;
	text-decoration: underline;}

div#right div.moduletable_text{
	background-color: #DD3601;
	height: 12px;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
	width: 140px;
	margin-left: 8px;
	padding: 40px 20px 20px;}
	
div#right div.moduletable {
	background-color: #FFFFFF;
	margin-bottom:10px;
	text-align: left;
	position: relative;
	width: 155px;
	margin-left: 8px;
	padding: 30px 20px 5px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;}
	
div#right div.moduletable_text {
	font-size: 0.92em;}


/**** Formatierung Modul News ****/
div.moduletable_news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #241E0E;
	position: relative;
	width: 140px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 30px 0 0;
	padding-bottom: 8px;
	border-bottom: 1px dotted #241E0E;}

div.moduletable_news h3 {
	background-image: url(../images/hinter.jpg);
	width: 133px;
	margin: 0;
	height: 20px;
	color: #FDFBDB;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 0 15px;}

/**** Formatierung Menüs links ****/
div#left .input {
	border: 0;
	padding: 0;
	margin: 0;}
	
div#left div.moduletable_menu {
	text-align: left;
	position: relative;
	width: 140px;
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 30px 0 0;
	padding-bottom: 8px;
	border-bottom: 1px dotted #241E0E;}
	
div#left div.moduletable_menu h3 {
	background-image: url(../images/hinter.jpg);
	width: 133px;
	margin: 0;
	height: 20px;
	color: #FDFBDB;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 0 15px;}
	
div#left div.moduletable_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;}
	
div#left div.moduletable_menu ul ul{
	font-weight: normal;
	margin-left: 13px;
	border-color: white;
	list-style-position: inherit;}
	
div#left div.moduletable_menu li{}

div#left div.moduletable_menu ul li a {
	line-height: 12px;
	font-size: 11px;
	text-decoration: none;
	color: #241E0E;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	padding-left: 15px;}
	
div#left div.moduletable_menu ul li a:hover{
	background-color: #E7AD56;}
	
div#left div.moduletable_menu li#current{
	font-weight: bold;
	color: #E7AD56;}
	

/**** Formatierung Menüs rechts ****/
div#right .input {
	border: 0;
	padding: 0;
	margin: 0;}
	
div#right div.moduletable_menu {
	text-align: left;
	position: relative;
	width: 140px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 8px;
	border-bottom: 1px solid #ccc;}
	
div#right div.moduletable_menu h3 {
	margin: 0;
	height: 20px;
	background-color: #DD3601;
	color: #FDFBDB;
	font-size: 1.1em;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: 133px;
	padding: 5px 0 0 15px;}
	
div#right div.moduletable_menu ul {
	margin: 0;
	padding: 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	list-style-type: none;}
	
div#right div.moduletable_menu ul ul{
	font-weight: normal;
	text-indent: 1em;
	list-style-position: inherit;}
	
div#right div.moduletable_menu li {
	border-bottom: 1px dotted #ccc;}
	
div#right div.moduletable_menu ul li ul li {
	border:0px;}
	
div#right div.moduletable_menu ul li a {
	line-height: 1.2em;
	font-size: 0.92em;
	text-decoration: none;
	color: #003456;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	padding-left:15px;}
	
div#right div.moduletable_menu ul li a:hover {
	background-color: #E8E8EB;}
	
div#right div.moduletable_menu li#current {
	font-weight: bold;}
	

/**** Komponenten Titel (Bereiche + Kategorien) ****/
div.componentheading {
	font-size: 1.6em;
	color: #241E0E;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	padding-top: 20px;
	padding-bottom: 20px;}

/**** Content ****/
table.contentpaneopen td.contentheading {
	font-size: 14px;;
	line-height: 1.2em;
	color: #241E0E;
	font-weight: bold;
	padding-top: 0px;}

table.contentpaneopen {
	line-height: 1.3em;
	font-size: 12px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;}
	
table.contentpaneopen a:link {
	text-decoration: underline;}
	
table.contentpaneopen a:hover {
	text-decoration: none;
	background-color: none;}
	
table.contenttoc {
	margin: 10px 0px 10px 10px;
	text-align: left;
	position: relative;
	padding: 10px;
	border: 1px solid  #241E0E;}


/**** Hauptbereich/Inhalte ****/
div#mainholder {
	background-color: #FDFBDB;
	float: left;
	width: 900px;}
	
div#left { 
	text-align: left;
	float: left;
	width: 150px;
	margin-right: 10px;}
	
div#right {
	text-align: left;
	float: right;
	width: 150px;
	margin-left: 10px;}
	
div#main {
	font-size: 12px;
	text-align: left;
	float: left;}
	

/**** breadcrums 2: ****/
div#user1 {
	text-align: left;
	font-size: 11px;
	font-style: italic;
	color:	#715E2D;
	line-height: 1.5;
	width: 670px;
	height: 30px;
	float: left;
	padding-top: 5px;
	margin-left: 50px;
	margin-bottom: 20px;}
	
div#user1 a:link, div#user1 a:visited{
	color:	#715E2D;
	text-decoration: none;}

div#user1 a:hoover {
	text-decoration: none;
	color:	#E7AD56;
	background-color: #FDFBDB}
	

/**** Positionsformatierung User 1 und 2 ****/
/**div#user1,**/
div#user2 {
	float: right;
	width: 140px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: top right;
	margin-right: 10px;}
	
	
/**** Mailingliste Eintragen ****/
div.moduletable_mailing {
	background-image: url(../images/snakerahmen-001.png);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	width: 140px;
	margin-top: 100px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-top: 15px;}

div.moduletable_mailing h3 {
	width: 140px;
	margin: 0;
	height: 20px;
	color: #FDFBDB;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 0 15px;}

	
/**** Datum letzte Artikeländerung ****/
td.modifydate  {
	line-height: 1.4;
	font-size:0.8em;
	font-style: italic;
	color: #999999;}

/**** Datum Artikelerstellung ****/
td.createdate  {
	line-height: 1;
	font-style: italic;
	color: #999999;
	font-size: 0.8em;
	padding-bottom: 10px;}

/**** Autor?? ****/
span.small {
	font-size: 0.8em;
	font-style: italic;
	line-height: 0.9;
	color: #999999;}
	
/**** ??? ****/
table.contentpaneopen {
	line-height: 1.3em;
	font-size: 1.1em;}

table.contenttoc {
	margin:10px 0 10px 10px;
	text-align: left;
	background-repeat: repeat-y;
	position: relative;
	padding:10px;
	border: solid 1px #ccc;}



/**** Formatierung Login ****/

form#form-login {
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 70px;
	padding-right: 50px}

form#form-login p#form-login-username input {
	width: 120px;
	padding-left: 20px;}

form#form-login p#form-login-password input {
	width: 120px;
	padding-left: 20px;}

#com-form-login {
	width: 600px;
	margin-left: 50px;}
	
	
	
/**** Weiterlesen Button ****/
a.readon:link, a.readon:visited {
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	line-height: 25px;
	font-size: 12px;
	color: #333333;}

a.readon:hover {
	text-decoration: underline;
	color: #DD3601;}

/**** Links, weitere Beiträge... ****/	
div#weitereart {
	list-style-type: circle;}
	
div#weitereart a {
	color: #333333;
	text-decoration: none;}
	
div#weitereart a:hover {
	color: #DD3601;
	text-decoration: underline;}
	
/**** Section und Polltable	****/
table.pollstableborder td.sectiontableentry1,
table.pollstableborder td.sectiontableentry2 {
	padding: 2px 2px;}

/**** Titel Beitragsauflistung	****/
.sectiontableheader,
.sectiontableheader a {
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333333;}
	
tr.sectiontableentry1 td {
	background-color: #ffffff;
	padding: 5px 5px;}
	
tr.sectiontableentry2 td {
	background-color: #ffffff;
	padding: 5px 5px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;}
	
	
/**** Image Weblinks ****/
#imgweblks_anzeige {
	float: right;
	margin-right: 100px;
	margin-bottom: 20px;}

#imgweblks_katliste {
	margin-top: 20px;
	margin-left: 100px;}

#imgweblks_footer {
	text-align: center;
	margin-left: 125px;
	padding-bottom: 20px;}

	
#articlefooter {
	/*width: 25px;
	background-image: url(../images/pfeil_dunkel.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 25px;*/
	float: right;
	margin-right: 10px;
	margin-bottom: 6px;}
	
/*#articlefooter:hover{
	width: 25px;
	background-image: url(../images/pfeil_orange.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 25px;
	float: right;
	margin-right: 10px;
	margin-bottom: 6px;}*/
	

/**** Footer ****/
div#footer {
	height: auto;
	width: 860px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	float: right;
	border-top: 1px dotted #241E0E;}

div#footerText {
	color: #333333;
	font-size: 10px;}

div#footerText a {
	color: #241E0E;
	text-decoration: none;}
	
div#footerText a:hover {
	color: #241E0E;
	text-decoration: underline;}
	
#foot_login a,#foot_login a:hover {
	font-style: italic;}
	
/**** Powered ****/
div#power {
	background-position: center;
	position: relative;
	margin: 5px;
	padding-bottom: 15px;}
	
div#powerText a:hover, div#powerText a:link, div#powerText a:visited {
	color: #241E0E;
	text-decoration: none;}
	
/**** Syndicate ****/
div#syndicate img {
	margin-right: 1em;
	border: 0;
	text-decoration: none;}

div#syndicate a {
	color: #339;
	font-size: 0.92em;}

div#syndicate {
	padding: 13px 10px 10px 10px;}

/**** System Messages ****/
#system-message {
	margin: 10px 0 20px 0;
	padding: 0 !important;
	background: #fff;
	border:solid 0px;}
	
#system-message dt {
	font-weight: bold;}
	
#system-message dd {
	margin: 0;
	font-weight: bold;
	text-indent: 0px;
	background: #fff;
	padding: 0;}
	
#system-message dd ul {
	color: #000;
	margin-bottom: 10px;
	list-style: none;
	padding: 0;
	border-top: 2px solid #009;
	border-bottom: 2px solid #009;}
	
/**** System Standard Messages ****/
#system-message dt.message {
	display: none;}
	
#system-message dd.message {  }
#system-message dd.message ul {
	background: #ffc;}
	
/**** System Error Messages ****/
#system-message dt.error {
	display			: none;}
	
#system-message dd.error {  }
#system-message dd.error ul {
	color: #000;
	background: #ffc;
	border-top: 2px solid #009;
	border-bottom: 2px solid #009;
	margin: 0;}
	
/**** System Notice Messages ****/
#system-message dt.notice {
	display: none;}
	
#system-message dd.notice {  }
#system-message dd.notice ul {
	color: #000;
	background: #ffc;
	border-top: 2px solid #009;
	border-bottom: 2px solid #009;}