/*
Theme Name: SP-Software GmbH
Theme URI: http://www.sp-soft.de
Version: 1.0
Description: SP-Software Theme
Author: Oliver Janssen (Design für Wordpress), Andre Galliat (angepasst an Joomla)
Author URI: http://www.sp-soft.de
*/

/*****************************************************************************/
/* Allgemeine HTML-Elemente */
/*****************************************************************************/

body
{
	margin: 0;
	padding: 0;
	background-image: url('../images/background.png');
	background-repeat: repeat-x;
	background-color: #f0f0f0;
	font-size: 75%;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;

                overflow-y: scroll; /* Scrollbars immer anzeigen, verhindert springen des Layout bei kurzen Texten */
}

/*****************************************************************************/

img
{
	border: none;
}

/*****************************************************************************/

ul
{
/*
	list-style-type: none;
	list-style-image: none;
*/
}

ul, ol
{
	line-height: 2em;
}

/*****************************************************************************/

a:link
{
	text-decoration: none;
	color: #565656;
}

a:visited
{
	text-decoration: none;
	color: #565656;
}

a:hover,
a:active
{
	color: #549AD8;
}

a:focus
{
	outline: none;
}

/*****************************************************************************/

h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin: 20px 0 10px;
}

h2
{
	font-size: 28px;
}

h3
{
	font-size: 24px;
}

h4, h5, h6
{
	font-size: 20px;
}

/*****************************************************************************/
/* Formatierung der DIV-Container */
/*****************************************************************************/

/* Gesamte Seite */
#main
{
	position: absolute;
	left:50%;
	width: 768px;
	margin-left: -384px;
}

/*****************************************************************************/

/* Oberer Kopfbereich mit Menü */
#header
{
	width: 768px;
	height: 78px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url('../images/header-top.png');
	background-repeat: no-repeat;
	position: relative;
}

#header ul
{
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#header li 
{
	float: left;
}

#header li a:link,
#header li a:visited
{
	float: left;
	color: #565656;
	display: block;
	padding: 5px 10px;
	margin-right: 0px;
	height: 24px;
	font-size: 14px;
	
}

#header li a:hover,
#header li a:active
{
	color: #6D9CC7;
	background: #F5F5F5;
	border: 0px solid #FFFFFF;
	background-repeat: repeat-x;
	font-size: 14px;
}

/*****************************************************************************/

/* Unterer Kopfbereich, Anzeige des Logos */
#logo
{
	width: 768px;
	height: 200px;
	background-image: url('../images/header-logo.png');
}

/*****************************************************************************/

/* Container für Seitennavigation und Inhalt */
#body
{
	clear: both;
	float: left;
	width: 100%;
	color: #555555;
	background-color: #FFFFFF;
}

#body a:link,
#body a:visited
{
	font-weight: bold;
}

#body a:hover,
#body a:active
{
}

/*****************************************************************************/

/* Container für System-Mitteilungen und Inhalt */
#content-wrapper
{
	width: 66%;
	float: right;
}

/*****************************************************************************/

/* System Mitteilungen */
#system-message
{
	margin-bottom: 10px;
	padding: 0px;
}

#system-message dt
{
	font-weight: bold;
}

#system-message dt.error,
#system-message dt.warning,
#system-message dt.notice,
#system-message dt.message
{
	display: none;
}

#system-message dd 
{
	margin: 0px;
	font-weight: bold;
}

#system-message dd ul
{
	margin-bottom: 10px;
	list-style-type: none;
	list-style-image: none;
	padding: 10px 10px 10px 45px;
	border-top-width: 3px;
	border-top-style: solid;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	background-position: 4px 7px;
	background-repeat: no-repeat;
}

/*************************************/
/* /!\ Reihenfolge nicht ändern! /!\ */
/*************************************/

#system-message dd.message.message ul
{
	color: #545454;
	border-top-color: #CDCDCD;
	border-bottom-color: #CDCDCD;
	background-color: #EFEFEF;
	background-image: none;
	/* background-image: url(../images/Icon_Message.png); */
}

#system-message dd.notice.message ul
{
	color: #0055BB;
	border-top-color: #84A7DB;
	border-bottom-color: #84A7DB;
	background-color: #C3D2E5;
	background-image: url(../images/Icon_Notice.png);
}

#system-message dd.warning.message ul
{
	color: #DE710C;
	border-top-color: #F0DC7E;
	border-bottom-color: #F0DC7E;
	background-color: #EFE7B8;
	background-image: url(../images/Icon_Warning.png);
}

#system-message dd.error.message ul
{
	color: #CC0000;
	border-top-color: #DE7A7B;
	border-bottom-color: #DE7A7B;
	background-color: #E6C0C0;
	background-image: url(../images/Icon_Error.png);
}

/*****************************************************************************/

/* System Debug Messages */
#system-debug
{
	color: #CCCCCC;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 10px;
}

#system-debug div
{
	font-size: 11px;
}

/*****************************************************************************/

/* Inhalt */
#content
{
	float: left;
	padding-right: 10px;
	padding-left: 0px;
}

#content ul
{
	list-style-type: square;
	list-style-image: url('../images/bullet.png');
}

/* Überschrift */
.contentheading,
.componentheading
{
	font-size: 24px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

.sectiontableentry1, .sectiontableentry2
{
	padding: 5px;
}

div.blog_more div
{
	display: none;
}

/*****************************************************************************/

/* Seitliche Navigation */
#sidebar-wrapper
{
	width: 34%;
	float: left;
}

#sidebar
{
	margin:12px 21px 85px 32px;
	width: 210px;
}

#sidebar .moduletable,
#sidebar .moduletable_menu
{
	background-color: #F6FAFF;
	border: 1px solid #DFEAF7;
	margin-bottom: 20px;
	padding: 5px 10px;
}

#sidebar .moduletable h3,
#sidebar .moduletable_menu h3
{
	color: #549AD8;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}

#sidebar .moduletable ul,
#sidebar .moduletable_menu ul
{
	list-style-type: none;
	padding-left: 20px;
	margin-left: 0px;
}

#sidebar .moduletable li,
#sidebar .moduletable_menu li
{
	padding-left: 15px;
	background-image: url('../images/bullet.png');
	background-position: left 7px;
	background-repeat: no-repeat;
}


/*****************************************************************************/

#footer
{
	color: #549AD8;
	font-size: 11px;
	clear: both;
	padding: 20px 10px 10px;
	text-align: center;
	background-color: #fff;
}

#footer a:visited,
#footer a:hover
{
	color: #565656;
}

/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/

/* Benutzerlogin com_login */
#com-form-login
{
}

#com-form-login fieldset.input
{
	background-color: #F6FAFF;
	border: 1px solid #DFEAF7;
	padding: 10px;
	margin: 0px;
}

#com-form-login input.button
{
	margin: 0px 0px 0px 105px;
	padding: 0px;
	width: 100px;
}

#com-form-login-username input,
#com-form-login-password input
{
	width: 150px;
}

p#com-form-login-username
{
	margin: 0px;
	padding: 0px 5px 10px 0px;
	float: left;
}

p#com-form-login-password
{
	margin: 0px;
	padding: 0px 0px 10px 5px;
	float: left;
}

p#com-form-login-remember
{
	clear: both;
	margin: 0px;
	padding: 10px 0px 10px;
}

p#com-form-login-remember label
{
	margin: 0px;
	padding: 0px;
}

p#com-form-login-remember input
{
	vertical-align: middle;
}

/*****************************************************************************/

/* aicsContactSafe */
div.aiContactSafe {
	margin-left:auto;
	margin-right:auto;
}
div.aiContactSafe div.aics_info_anrede
{
	float: left;
	padding-right: 5px;
}

div.aiContactSafe input#aics_info_firma,
div.aiContactSafe input#aics_info_name,
div.aiContactSafe input#aics_info_strasse,
div.aiContactSafe input#aics_info_plz,
div.aiContactSafe input#aics_info_ort,
div.aiContactSafe input#aics_info_land,
div.aiContactSafe input#aics_info_telefon,
div.aiContactSafe input#aics_info_email
{
 	width:300px;
}

div.aiContactSafe textarea#aics_info_nachricht {
	width:300px;
	height:150px;
}

div.aiContactSafe input#aics_dl_firma,
div.aiContactSafe input#aics_dl_ansprechpartner,
div.aiContactSafe input#aics_dl_strasse,
div.aiContactSafe input#aics_dl_plz,
div.aiContactSafe input#aics_dl_ort,
div.aiContactSafe input#aics_dl_land,
div.aiContactSafe input#aics_dl_email
{
	width:300px;
}

div.aiContactSafe textarea#aics_dl_nachricht
{
	width:300px;
	height:150px;
}


table#aiContactSafeForm {
	margin-left:auto;
	margin-right:auto;
}

div#aiContactSafe_info {
	margin-bottom:10px;
}
div#div_captcha {
	clear:both;
	text-align:left;
	margin:5px 0px;
}

div.countdown_div {
	font-size:9px;
}
input.countdown_editbox {
	font-size:9px;
	text-align:center;
	border:none;
	overflow:visible;
	background:transparent;
}
label {
	cursor:pointer;
}

table#aiContactSafeForm td {
	padding:5px;
	vertical-align:top;
}

label.required_field {
	text-align:left;
	vertical-align:top;
	margin-left:5px;
}

div.aiContactSafe_row {
	clear:both;
}

div.aiContactSafe_row_hidden {
	display:none;
}

div.aiContactSafe_contact_form_field_label_left {
	float:left;
	padding:1px 3px;
	width: 140px;
}

div.aiContactSafe_contact_form_field_left {
	float:left;
	padding:1px 3px;
}

div.aiContactSafe_contact_form_field_label_right {
	float:left;
	padding:1px 3px;
	margin-top:2px;
}

div.aiContactSafe_contact_form_field_right {
	float:right;
	padding:1px 3px;
}

div#aiContactSafe_row_aics_info_anrede div.aiContactSafe_contact_form_field_right,
div#aiContactSafe_row_aics_info_woher div.aiContactSafe_contact_form_field_right
{
	float: left;
}

div#aiContactSafeBtns {
	width:100%;
}
div#aiContactSafeBtns input {
	padding:5px;
	margin:0px;
}
div#aiContactSafeBtns div {
	float:right;
	margin-right:5px;
}

div#div_captcha {
	clear:both;
	padding-top:10px;
}
div#div_captcha_info {
	margin-bottom:5px;
}