/*----------------------------------------------------------------------------
StyleSheet artsofmars.com

Name: 				artsofmars.com suckerfish css
Datum: 				11.2008
Beschreibung: 		nur template bezogen
Author: 			ideeos.de
URL: 				http://www.ideeos.de

Index:
	$1 - Globale CSS Einstellungen
	$2 - Darstellungsoptionen
	$3 - Blog Menü
	$4 - Blog Darstellung
	$5 - TYPOlight spezifisch
	$6 - Menüs
	$7 - Sprachen
	$8 - Toggler
	$9 - Personal Data
	
WICHTIG: Immer eine Sicherheitskopie der CSS-Datei erstellen, bevor Veränderungen durchegeführt werden.
----------------------------------------------------------------------------*/
/* $1 - Globale CSS Einstellungen
----------------------------------------------------------------------------*/
body{
 	margin:0px;
  	padding:0px;
	background:#f6f3db;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
a:hover {
	color:#a90017;
	font-weight:bold;
	text-decoration:none;
}
input, textarea, select, checkbox{
	background:#f6f3db;
	border:1px solid #a4a285;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0 0 4px 0;
	padding:2px;
}
h1 {
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
}
h2 {
	color:#b7763f;
	font-size:12px;
	font-weight:normal;
}
a img {
	border:none;
}
a:hover img {
	border:none;
}
form {
	margin:0px;
	padding:0px;
}
ul li {
	list-style:none;
}
/*----------------------------------------------------------------------------
 $2 - Darstellungsoptionen
----------------------------------------------------------------------------*/
#header {
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	background:url(images/header_bg.gif) repeat-x top left;
}
#innerheader {
	width:978px;
	margin:0px;
	padding:0px;
	float:left;
}
#innerheader .mod_imagerotator{
	float:left;
	margin:13px 0 0 0;
	padding:0px;
}
#innerheader #header-text{
	float:left;
	background:#660000;
	color:#FFFFFF;
	margin:13px 0 0 0;
	padding:0px;
}
#innerheader div.ce_text{
	padding:14px;
	width:300px;
	height:201px;
	margin:0px;
}
#innerheader .mod_search {
	background:#a4a285;
	width:650px;
	height:28px;
	float:left;
	margin:0px;
	padding:0px;
}
#innerheader .formbody{
	margin:2px 0 0 27px;
	padding:0px;
}
#innerheader .mod_breadcrumb{
	background:#e1deb7;
	width:622px;
	height:21px;
	float:left;
	margin:0px;
	padding:7px 0 0 28px;
	color:#a4a285;
}
#innerheader .mod_breadcrumb a{
	color:#a4a285;
}
#innerheader .mod_breadcrumb a:hover{
	color:#a90017;
}
#innerheader .mod_breadcrumb span{
	text-transform:uppercase;
	font-weight:bold
}
#logo {
	padding:0 0 0 28px;
}
#content {
	width:950px;
	margin:28px 0 28px 0;
	padding:0 0 0 28px;
	float:left;
	background:#e1deb7;
}
#left {
	margin:0 14px 0 0;
	padding:14px 14px 0 14px;
	width:210px;
	height: inherit;
	color:#FFFFFF;
	float:left;
	background:#a4a285;
}
#left h1{
	color:#000000;
	margin:0 0 7px 0;
	padding:0px;
}
#left h2{
	margin:0 0 9px 0;
	padding:0px;
	color:#FFFFFF;
}
#left h2 a{
	color:#000000;
}
#left h2 a:hover{
	color:#FFFFFF;
}
#left form{
	padding:9px 0 0 0;
}
#left .passfor{
	text-align:right;
	margin:-20px 35px 20px 0;
}
#left .passfor a{
	text-transform:none;
}
#main {
	margin:0px;
	padding:14px 0 0 0;
	width:656px;
	float:left;
}
#main h1{
	color:#a90017;
	margin:0 0 14px 0;
	padding:0px;
}
#halbleft{
	width:320px;
	margin:0px;
	padding:0 7px 0 0;
	float:left;
}
#halbright{
	width:320px;
	margin:0px;
	padding:0 0 0 7px;
	float:left;
}
#drittel{
	width:200px;
	margin:0px;
	padding:0 7px 0 7px;
	float:left;
}
#footer {
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}
#innerfooter {
	width:978px;
	margin:0px;
	padding:14px 0 14px 0;
	background:#000000;
	text-align:center;
	float:left;
	font-size:10px;
	line-height:14px;
	color:#FFFFFF;
}
#innerfooter a {
	padding:0 28px 0 0;
}
#innerfooter .mod_customnav {
	text-align:center;
	margin:0px;
	padding:0px;
}
#innerfooter ul {
	text-align:center;
	margin:0px;
	padding:0px;
	line-height:14px;
}
#innerfooter ul li {
	display:inline; !important
	margin:0px;
	padding:0px;
	line-height:14px;
}
#innerfooter ul li a{
	text-decoration:none;
	color:#FFFFFF;
}
#innerfooter ul li a:hover{
	text-decoration:none;
	color:#a90017;
}
#innerfooter ul li p{
	text-decoration:none;
	color:#FFFFFF;
	padding:0 28px 0 0;
	margin:0;
	display:inline; !important
}
.gruen{
	color:#669933;
}
/*----------------------------------------------------------------------------
 $3 - Blog Menü
----------------------------------------------------------------------------*/
.mod_newsmenu ul {
	margin:0px;
	padding:0px;
}
.mod_newsmenu ul li {
	margin:0px;
	padding:0px;
	list-style:none;
}
.mod_newsmenu p.active {
}

/*----------------------------------------------------------------------------
 $4 - Blog Darstellung
----------------------------------------------------------------------------*/
.layout_full h1 {
}
.layout_full h1:hover {
}
div.layout_full  {
}
div:hover.layout_full  {
}
.ce_text {
}
div.layout_full p {
}

/*----------------------------------------------------------------------------
 $5 - TYPOlight spezifisch
----------------------------------------------------------------------------*/
.error {
	color:#a90017;
	font-size:10px;
}
.more{
	background:url(images/readmore_bg.gif) top right no-repeat;
	text-align:right;
	padding:0 30px 0 0;
	line-height:18px;
	font-size:10px;
}
.info{
	font-size:10px;
	margin:0px;
	padding:0px;
}
.teaser{
	margin:0px;
	padding:0px;
}
.mod_article a{
	color:#663300;
}
.mod_article a:hover{
	color:#a90017;
}
#header .mod_article a{
	color:#FFFFFF;
}
#header .mod_article a:hover{
	color:#a90017;
}
/*----------------------------------------------------------------------------
 $6 - Menüs
----------------------------------------------------------------------------*/
/* Top Menü */
#innerheader .mod_customnav {
	float:left;
	padding:0px;
	margin:0px;
	height:28px;
	background:#a4a285;
	width:328px;
}
#innerheader .mod_customnav ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}
#innerheader .mod_customnav ul li {
	line-height:28px;
	padding:0;
	margin:0 7px 0 7px;
	display:inline;
}
#innerheader .mod_customnav ul li a{
	text-decoration:none;
}
#innerheader .mod_customnav ul li a:hover{
	text-decoration:none;
}
#innerheader .mod_customnav ul li p{
	text-decoration:none;
	display:inline;
	line-height:24px;
	padding:0;
	margin:0px;
	color:#bc0017;
	text-transform:uppercase;
	font-weight:bold
}
/* Main Menü */
#header #innerheader .mod_navigation ul.level_1 li.last a{/* Shop Grün */
	color:#669933
}
#header #innerheader .mod_navigation ul.level_1 li.last a:hover{/* Shop Grün */
	color:#a90017
}
#header #innerheader .mod_navigation ul.level_2 li.last a{/* Die letzen der Untermenüs nicht! */
	color:#000000
}
#header #innerheader .mod_navigation ul.level_2 li.last a:hover{/* Die letzen der Untermenüs nicht! */
	color:#a90017
}
/* Submenü */
.mod_navigationSub ul{
	font-size:12px;
	margin:0;
	padding:0;
}
.mod_navigationSub ul li {
	margin:0;
	padding:0;
	line-height:20px;
	border-bottom:1px solid #8a8870;
	border-top:1px solid #bdbb99;
	text-indent:10px;
}
.mod_navigationSub ul li.first{
	border-top:none;
}
.mod_navigationSub ul li.last{
	border-bottom:none;
}
.mod_navigationSub ul li p{
	margin:0;
	padding:0;
	color:#a90017;
	font-weight:bold;
	text-transform:uppercase;
}
.mod_navigationSub ul li ul li {
	margin:0 0 0 15px;
	padding:0;
	font-size:11px;
	line-height:15px;
}
/*----------------------------------------------------------------------------
 $7 - Sprachen
----------------------------------------------------------------------------*/
#innerheader .mod_changelanguage{
	float:left;
	padding:0px;
	margin:0px;
	height:28px;
	background:#e1deb7;
	width:328px;
}
#innerheader .mod_changelanguage ul {
	float:right;
	padding:0;
	margin:0;
	list-style:none;
}
#innerheader .mod_changelanguage ul li {
	padding:0 0 2px 0;
	margin:8px 28px 0 28px;
}

/*----------------------------------------------------------------------------
$8 - Toggler
----------------------------------------------------------------------------*/
div.toggler {
	line-height:18px;
	text-transform:uppercase;
	font-weight:bold;
	cursor: pointer;
	color:#663300;
}
div.toggler:hover {
	color:#a90017;
	font-weight:bold;
}
/*----------------------------------------------------------------------------
$9 - Personal Data
----------------------------------------------------------------------------*/
.mod_personalData tr.row_19 td.col_0{
	vertical-align:top;
}
.mod_personalData input, .mod_personalData select{
	padding:2px;
	margin:0 0 4px 0;
	background:#f6f3db;
	border:1px solid #a4a285;
}
.mod_personalData label{
	font-weight:bold;
}
#ctrl_publicFields span{
	display:block;
}
.submit_container{
	margin:10px 0 0 0;
}