/** information for style 1 **/


a:link,
a:visited   { color: #df1111; font-weight: bold }
div.moduletable h3,
.componentheading,
#moofx a.toggle    { color: #313f60 }

div#side div,
div#side p,
div#side td,
div.bottom div,
div.bottom p,
div.bottom td  { color: #313f60 }

div#side a:link,
div#side a:visited,
div.bottom a:link,
div.bottom a:visited,
a.pathway:link,
a.pathway:visited,
div#footer a:link,
div#footer a:visited      { color: #324052 }

.contentheading   { color: #df1111; font-weight: bold; border-bottom: 1px dotted #A2BDCE }



a.mainlevel:link        { color: #313f60; background: url(../images/tech_menu_fade_1.jpg) no-repeat 0 100%; padding: 2px; border: solid 1px #e2eef6 }
a.mainlevel:visited   { color: #313f60; background: url(../images/tech_menu_fade_1.jpg) no-repeat 0 100%; padding: 2px; border: solid 1px #e2eef6 }
a.mainlevel:hover    { color: #df1111; background: #bfd5e0 no-repeat 0 100%; padding: 2px; border: solid 1px #a2bdce }

a.mainlevel#active_menu:link,
a.mainlevel#active_menu:visited,
a.mainlevel#active_menu:hover  { color: #df1111; font-weight: bold; padding: 2px; border: solid 1px #e2eef6 }

div#side a.mainlevel#active_menu:link,
div#side a.mainlevel#active_menu:visited,
div#side a.mainlevel#active_menu:hover  { color: #fff; font-weight: bold; border: solid 1px #a2bdce }

div#side a.mainlevel:hover  { color: #fff; font-weight: bold }
div#side a.sublevel:hover  { color: #fff; font-weight: bold; border: solid 1px #a2bdce }
div#footer   { color: white }

table.contenttoc  { border: solid 1px #dce2e7 }

td.sectiontableheader    { color: #324052; background-color: #edf0f3 }

div#shadow_l {
	background: transparent url(../images/tech_shadow_l_1.jpg) no-repeat;
}

div#shadow_r {
	background: transparent url(../images/tech_shadow_r_1.jpg) 100% 0 no-repeat;
}

div#side     { background: url(../images/hintergrund-dunkel.jpg) }

div#side_l {
	background: url(../images/hintergrund-dunkel.jpg);
}

div#side_r {
	background: url(../images/hintergrund-dunkel.jpg) 100% 0;
}

div#header  { background: url(../images/hintergrund-dunkel.jpg) }

div#left {
	
}
div#content   { background-color: #DEECF8 }

div.mainbody {
        
	border: 1px solid #a2bcd4; /* grey outline */
	background: #fff;
}

div.pagedivider  { background: url(../images/tech_page_divider_1.png) no-repeat 50% 0; height: 1px }

div#bottomsection   { background-color: #DEECF8 }

div.bottom {
	background: #DEECF8 url(../images/tech_bottom_bg_1.jpg) repeat-x;
}

#moofx a.toggle      { background: #B4CEE3 url(../images/tech_plus_1.png) no-repeat 0 50%; border: solid 1px #a2bcd4 }

#moofx div.stretcher    { line-height:  115%}




###########
للللللللللل
###########




/* custom stuff */


html {
  height: 100%;
  margin-bottom: 1px;
}


body  { margin: 0pt 0 0; padding: 0pt 0 0 }

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

fieldset {
	border: 0;
	padding: 0px 0;
}

span.pathway img  { margin: 0px 10px }

div#pathway {
	padding-top: 18px;
	padding-left: 10px;
}

span.pathway {
	color: #fff;
}


div.componentheading {
  padding-left: 0px;
}


a.readon:link, a.readon:visited   { color: #fff; font-weight: bold; font-size: 10px; line-height: 10px; text-decoration: none; background: #df1111; float: right; padding: 3px 6px 3px 6px; border: solid 1px #e0e0e0;}

a.readon:hover     { color: #323F52 font-weight: bold; font-size: 10px; line-height: 10px; float: right; padding: 3px 6px 3px 6px; background: #A8BCCB}


/*** fonts ***/
body   { color: #324052; font-size: 12px; line-height: 130%; font-family: Tahoma, sans-serif }

a:link,
a:visited {
	text-decoration: none;
}
a:hover    { text-decoration: underline }
div.moduletable h3,
.componentheading,
#moofx a.toggle  { font-weight: bold; font-size: 12px; font-family: Tahoma, sans-serif; text-transform: uppercase; padding-bottom: 5px }

div#side div.moduletable h3 {
	padding-top: 10px;
}

div.bottom div.moduletable h3,
div#side div.moduletable h3  { color: #fff; padding-top: 5px }

div#side a:hover,
div.bottom a:hover,
a.pathway:hover {
	color: #fff;
}

.contentheading      { font-weight: normal; font-size: 18px; line-height: 120%; font-family: Tahoma, sans-serif; padding-top: 5px; border-bottom: medium none #555f73 }

/* default menu link styles */
a.mainlevel  { margin-bottom: 3px; padding: 3px 0px; display: block }
a.mainlevel:hover  { text-decoration: none }
a.sublevel { }
a.sublevel:hover   { text-decoration: none }

/* headings */

h1 {
	
}

h2 {

}

h3 { 
	margin: 0;
}

h4 {
	
}

.small {
	font-size: 10px;
	color: #666;
	font-weight: normal;
}

.modifydate {
	height: 15px;
	vertical-align: bottom;
	font-size: 10px;
	color: #666;
	font-weight: normal;
}

.createdate {
	height: 15px;
	vertical-align: top;
	font-size: 10px;
	color: #666;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 0px;
	padding-top: 0px;
}

div#footer  { color: #aab9c8; font-size: 11px; line-height: 20px; text-align: center; height: 20px }

/** some joomla class stuff */

table.contenttoc    { margin: 5px; padding: 5px }

table.contenttoc td  { padding: 0 5px }


td.buttonheading {
	
}

td.sectiontableheader {
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry1 td, tr.sectiontableentry2 td  { padding: 4px }

td.sectiontableentry1, td.sectiontableentry2{
  padding: 3px;
}

table.contentpaneopen, table.contentpane  { width: 100% }

div.moduletable ul       { margin: 5px 0; padding: 0 2em }

div.moduletable ul li  { padding-bottom: 3px }


.clr {
	clear: both;
}


#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}

div.mosimage {
  margin: 5px;
}

div.mosimage_caption {
  font-size: 10px;
  color: #666;
}

table.adminform textarea {
  width: auto;
  font-size: 1em;
  color: #666;
}


/** template layout stuff **/

div#wrapper {
	margin: 0 auto;
	position: relative;
}

body.wide div#wrapper {
	width: 980px;
}

body.thin div#wrapper {
	width: 750px;
}

div#shadow_l {
}

div#shadow_r {
	padding: 0 21px;
}

div#side {
	width: 224px;	
}

body.left div#side {
	float: left;
}

body.right div#side {
	float: right;
}

div#side_l {
}

div#side_r {
	padding: 0 10px;
}

div#main {
	margin: 0;
	padding: 0;
}

body.left div#main  { margin-left: 224px }

body.right div#main {
	margin-right: 224px;	
}

div#header {
	height: 200px;
}

div#left  { width: 224px; background: url(../images/hintergrund-dunkel.jpg) }


div#top  { height: 200px; background: url(../images/hintergrund-dunkel.jpg) }



body.left div#moofx {
	float: left;	
}

body.right div#moofx {
	float: right;	
}

div#moofx {

	width: 150px;
}

body.left div.mainbody {
	margin: 0;
	margin-right: 5px;
}

body.right div.mainbody {
	margin: 0;
	margin-left: 5px;	
}

body.left div.mainbody.thin {
	margin-left: 152px;
}

body.left div.mainbody.wide {
	margin-left: 5px;
}

body.right div.mainbody.thin {
	margin-right: 152px;
}

body.right div.mainbody.wide {
	margin-right: 5px;
}

body.left div.float_module {
	float: right;
}

body.right div.float_module {
	float: left;
}

div.columns_3 div.float_module {
	width: 33%;
}

div.columns_2 div.float_module {
	width: 50%;
}

div.columns_1 div.float_module {
	width: 100%;
}

body.left div.bodyposition {
	clear: right;
}

body.right div.bodyposition {
	clear: left;
}

div.bodypadding  { padding: 0px 10px 10px }

div.moduletable    { padding: 0px 10px 10px 10px }

div.pagedivider   { }

body.left div.pagedivider {
	clear: right;
}

body.right div.pagedivider {
	clear: left;
}

div#bottomsection {
	padding-top: 5px;
	width: 100%;
}

body.left div#bottomsection,
body.left div.bottom {
	float: left;
}

div.bottom {
	width: 100%;
}

body.right div#bottomsection,
body.right div.bottom {
	float: left;
}

/* moofx styling */

body.left #moofx div.module    { padding: 5px 3px 5px 5px }

body.right #moofx div.module {
	padding-right: 2px;
}


#moofx a.toggle    { margin-bottom: 2px; padding: 3px 3px 3px 15px; cursor: pointer; display: block }

#moofx div.stretcher {
}

#moofx div.padding  { padding-top: 5px; padding-bottom: 5px }



/* some page content things */

.hide {
	display: none;
}

form  { border: 0 }

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

table.nopad {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
table.nopad td {
	padding: 5px;
}

body.contentpane {
	background: #fff;
}

table.pollstableborder td {
	text-align: left;
	padding: 2px 0;
}