/* SGbasic

In this css file all necessary things can be adjusted! please read the comments in the index.php file for further information! SGbasic layout mady by www.schreibergrimm.com

PAGE WIDTH:
SGbasic is 960px wide and can be used for 960.gs grids.
960px

COLORS:
We use two colours and a third colour for the main text. Easily search and replace the three colours in the head of the CSS file through your new colours.
lighter: #E4DDCD
darker: #cc3300
Text colour: #1b222b

*/


/*************************************************** MAIN ***************************************************/ 

/* Set all paddings and margins back to zero */
* {
margin: 0;
padding: 0;
}

html {
	height:100%;
	padding:0px;
	margin:0px;
}

/* Define your background, main font-family and your main font-size. All other font-sizes will be defined by %. If you use font-sizes with px your texts will not be scalable. */

body {
	background: #1b222b url(../images/background.jpg) repeat-y center top; 
	font-family: "Trebuchet MS", Arial,Verdana, Helvetica, sans-serif;
	text-align: left; 
	font-size:12px;
	padding:0px;
	margin:0px;
	color:#666666;
}

div, img {
	border:0px;
	padding:0px;
	margin:0px;
}


/*************************************************** LAYOUT ***************************************************/ 

/* HEADER 
defines the width of the heading area and says that it has to be in center of your browser.
*/

#header {
	width:960px;
	margin:0px auto 0px auto !important;
	margin:0px auto -5px auto;
	padding:0px 0px 0px 0px;
}

/* CONTAINER 
contains all elements of the webseite except the HEADER and defines the width of the container and says that it has to be in center of your browser.
*/

#container {
	position: relative;
	width: 960px;
	margin:0px auto 0px auto;
	padding:0px;
}



/* CONTENT */
#page_content {
	margin: 0px 0px 0px 240px;
	padding:0px;
	width:700px;
}

/* BREADCRUMB */
#breadcrumb {
}

/* COLUMNS */
#left_col {
	width: 210px;
	position: absolute;
	left: 5px;
	top: 10px;
	padding-right:5px;
}



/*************************************************** FOOTERS 
Defines the width of your copyright line. Define the Text of your copyright line using #copy p
***************************************************/

#copy {
	text-align:center;
	width:700px;
	margin: 10px 20px 0px 240px;
	border-top:1px solid #cc3300;
}

#copy p {
	font-size:90%;
	margin:5px 10px 5px 0px;
	padding:5px 0px 10px 0px;
}

footer {
	float:none;
		border-bottom:10px solid #1b222b;
}

/*************************************************** LINKS ***************************************************/ 

a {
	color:#cc3300;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#cc3300;
}

a:active {
	text-decoration:underline;
}



/*************************************************** TEXT ***************************************************/ 

.small, .author {
	color:#E4DDCD;
	font-size:small;
}

p, fieldset {
	text-align:left;
	line-height: 170%;
	color:#666666;
	padding:2px 0px 0px 0px;
	margin-bottom:5px;
}

strong {
	font-weight:bold;
}

sub, sup {
	line-height: 0px;
	font-size: 50%;
}

a.readon {
	display:block;
	background:url(../images/read_more.gif) no-repeat;
	color:#333333;
	text-indent: -5000px;
	width:100px;
	height:20px;
}

blockquote {
	padding:15px 15px 15px 15px;
	line-height:150%;
	background:#E4DDCD;
	margin:10px 0px 10px 0px;
}

.contentheading, .componentheading, .componentheading_einsaetze, h1 {
	color:#666666;
	text-align:left;
	font-weight:normal;
	font-size:170%;
	text-transform:uppercase;
	padding:20px 0px 5px 0px;
}

.contentheading_einsaetze {
	color:#666666;
	text-align:left;
	font-weight:normal;
	font-size:115%;
	text-transform:normal;
	padding:15px 0px 3px 0px;
}

h2 {
	color:#cc3300;
	font-weight:normal;
	font-size:130%px;
	text-align:left;
	padding:15px 0px 5px 0px;
}


/*************************************************** LISTS ***************************************************/ 

#page_content ol {
	margin:5px 0px 5px 0px;
	list-style-type:decimal;
	list-style-position: inside;
	font-size:100%;
	line-height:20px;
}

#page_content ol li {
	padding:3px 0px 3px 0px;
}


#page_content ul {
	margin:5px 0px;
	list-style-type:none;
}

#page_content ul li {
	font-size:100%;
	line-height:20px;
	background:url(../images/listarrow.png) no-repeat 0px 8px;
	display:block;
	padding:3px 0px 3px 18px;
}



/*************************************************** MAIN-MENU - LEFT-COLUMN ***************************************************/ 

ul.menu, ul.menu li ul {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/******************** 1st step ************************/ 

/* LINK und VISITED */
ul.menu li a, ul.menu li a:link, ul.menu li a:visited {
  display          : block;
  font-size        : 105%;
  border-bottom    : 1px solid #cc3300;
  font-weight      : normal;
  padding          : 6px 0;
  color            : #666666;
  padding-left     : 10px;
  text-decoration    : none;
}

/* HOVER */
ul.menu li a:hover {
  border-bottom    : 1px solid #ffffff;
  font-weight      : normal;
  color            : #ffffff;
  text-decoration  : none;
  padding-left     : 10px;
  text-decoration	 : none;
  background       : #cc3300;
}

/* ACTIVE LINK und ACTIVE VISITED */
ul.menu li.active a:link, ul.menu li.active  a:visited { 
  font-weight      : bold;
  color            : #cc3300;
  border-bottom    : 1px solid #ffffff;
  background       : #f2ccbf;
  text-decoration	 : none;
}

/******************** 2nd/3rd step ************************/ 


/* ACTIVE LINK und ACTIVE VISITED */
ul.menu li.active ul li a:link, ul.menu li.active ul li a:visited, ul.menu li.active ul li ul li a:link, ul.menu li.active ul li ul li a:visited {
	background       : none;
	font-size        : 90%;
	font-weight      : normal;
	color            : #666666;
	text-decoration  : none;
	text-indent      : 10px;
	 border-bottom    : 1px solid #cc3300;

}


/* HOVER */
ul.menu li.parent ul li a:hover {
	background       : #cc3300;
	font-size        : 90%;
	font-weight      : normal;
	color            : #ffffff;
	text-decoration  : none;
	text-indent      : 10px;
}


/* PARENT ACTIVE ITEM */
ul.menu li.parent ul li#current a { 
	background       : #f2ccbf;
	font-size        : 90%;
	font-weight      : bold;
	color            : #cc3300;
	text-decoration  : none;
}


/*************************************************** MODULES ***************************************************/ 


.moduletable {
	margin:0px 0px;
	padding:0px 0px;
}

#right_col .moduletable {
	margin-bottom:10px;
	margin-top:10px;
}

#left_col h3, #right_col h3 {
	color:#666666;
	text-transform:uppercase;
	font-size:105%;
	margin:10px 10px 5px 10px;
}


/*************************************************** OTHER ***************************************************/ 

#page_content .createdate,.createddate,.modifydate {
	color:#cc3300;
	font-size:x-small;
}


/*************************************************** BUTTONS ***************************************************/ 

.button {
	color:#ffffff;
	font-size:90%;
	font-weight:normal;
	border:0px;
	margin:0px;
	padding:0px;
	padding:3px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	background:#cc3300;
}


/*************************************************** FORM FIELDS ***************************************************/ 

input, .inputbox, textarea {
	color:#333333;
	font-size:90%;
	background:#ffffff;
	border:1px solid #cc3300;
	margin: 0px;
	padding:0px;
	margin-left: 12px;
	margin-top:10px;
	margin-bottom:10px;
	padding:4px;
}


/*************************************************** OTHER ***************************************************/ 

.article_separator {
	font-size:0px;
	height:0px;
}


.article_column {
	padding-right:15px;
}

.blog {
	margin:0px;
	padding:0px;
	height:0px;
}


/* JFORMS 
Additional CSS for JFORMS - can be removed when JFORMS is not in use
*/

div.jform {
	padding:0px;
	margin:0px;
}
.jftextbox, .jfsecurimage{
	margin:0px;
	padding:0px;
}

.jftextarea {
	margin:0px;
}

.jfbutton {
	background:#cc3300;
	border:1px solid #cc3300;
	color:#ffffff;
	font-size:85%;
	margin:0px 0px 4px 0px;
	padding-top:0px;
}

label {
	margin:10px 0px 0px 0px;
	padding:0px;
}

/* END OF JFORMS ***************************************************************** */



/* JCEditor 
*/

.jce_size {
	font-size:60%;
}

/* END OF JCEditor *************************************************************** */

hr {
	color:#666666;
	height:1px;
	border:none;
	border-bottom:1px solid #666666;
	padding:5px 0px 5px 0px;
	margin-bottom:10px;
}

.latestnews {
	padding:3px 20px 1px 20px;
	margin:0px 0px 0px 0px;
}

#late {
	padding:0px 0px 0px 0px;
}


#page_content ul {
	margin:5px 0px;
	list-style-type:none;
}

#latestnews ul li {
	font-size:100%;
	line-height:20px;
	background:url(../images/listarrow.png) no-repeat 0px 8px;
	display:block;
	padding:3px 0px 3px 18px;
}