/* all reset */
* {
    margin:  0;
    padding: 0;
}
td,p,div,tr {
    font-family: arial,verdana,sans-serif;
    font-size:   12px;
    color:       #666666;
}
body {
	color:       #666666;
	font-family: arial,verdana, sans-serif;
	font-size:   12px;
	padding:     0px 0px 0px 0px;
	margin:      0px 0px 0px 0px;
	background-position: top;
	background-attachment: fixed;
	background-color: #ffffff;
}
.middle {
	top:80px;
	left:50%;
	position:absolute;
	height:610px;
	width:870px;
	margin-left:-435px;
	background-image:  	url(../images/hg_smart-home.gif);
	background-repeat: 	no-repeat;
	z-index: 0;
	background-position: 0px 0px;
}
.all {
    font-size:           12px;
    padding:             0px 0px 0px 0px;
    margin:              0px 0px 0px 0px;
}
#content {
	width: 				870px;
	height:				455px;
	margin-top:			125px;
	padding-left:		35px;
}
#left {
	position:			relative;
	padding-top:        25px;
	height:				455px;
	margin-left:      	0px;
    width:      		170px;
    text-align: 		left;
    page-break-before: 	auto;
    page-break-after: 	auto;
}
div.main {
    position: relative;
    visibility: visible;
    height: 440px;
    width: 480px;
    left: 0;
    top: 0;
	padding-left:        	25px;
	padding-top:        	15px;
	padding-right:        	10px;
	padding-bottom:        	0px;

    overflow-x: hidden;
    overflow: auto;
    visibility: visible;
    clip: rect(auto auto auto auto);
    page-break-before: auto;
    page-break-after: auto;
    scrollbar-face-color : #990000;
    scrollbar-base-color : #990000;
    scrollbar-arrow-color : #ffffff;
    scrollbar-3dlight-color : #cccccc;
    scrollbar-darkshadow-color : #000033;
    scrollbar-track-color : #dddddd;
    scrollbar-shadow-color : ThreedHighlight;
	font-family: arial, verdana,sans-serif; 
	font-size: 12px;
	color: #000033;
	text-decoration: none;
	text-align: left
}
* html div.main {
    position: relative;
    visibility: visible;
    left: auto;
    top: auto;
    height: 455px;
    width: 515px;
	padding-left:        	25px;
	padding-top:        	15px;
	padding-right:        	10px;
	padding-bottom:        	0px;

    overflow-x: hidden;
    overflow-y: auto;
    clip: rect(auto auto auto auto);
    page-break-before: auto;
    page-break-after: auto;
    scrollbar-face-color : #990000;
    scrollbar-base-color : #990000;
    scrollbar-arrow-color : #ffffff;
    scrollbar-3dlight-color : #cccccc;
    scrollbar-darkshadow-color : #000033;
    scrollbar-track-color : #dddddd;
    scrollbar-shadow-color : ThreedHighlight;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px;
	color: #000033;
	text-decoration: none;
	text-align: left; 
}
*+html div.main {
    position: relative;
    visibility: visible;
    height: 440px;
    width: 390px;
    left: 0;
    top: 0;
	padding-left:        	25px;
	padding-top:        	15px;
	padding-right:        	10px;
	padding-bottom:        	0px;

    overflow-x: hidden;
    overflow: auto;
    visibility: visible;
    clip: rect(auto auto auto auto);
    page-break-before: auto;
    page-break-after: auto;
    scrollbar-face-color : #990000;
    scrollbar-base-color : #990000;
    scrollbar-arrow-color : #ffffff;
    scrollbar-3dlight-color : #cccccc;
    scrollbar-darkshadow-color : #000033;
    scrollbar-track-color : #dddddd;
    scrollbar-shadow-color : ThreedHighlight;
	font-family: arial, verdana,sans-serif; 
	font-size: 12px;
	color: #000033;
	text-decoration: none;
	text-align: left
}
#right {
	width: 150px;
	height:	455px;
	left: 0px;
}

#footer {
	z-index: 			2;
	height: 			30px;
	width: 				765px;
	position:			relative;
	margin-left:      	50px;
	margin-top: 		10px;

	color:       		#006666;
	font-family: 		arial,verdana, sans-serif;
	font-size:   		10px;
	text-align:        	right;
}
a.footermenue:link, a.footermenue:visited {
    font-size:      	12px;
    font-family:    	arial, verdana,sans-serif;
    color:          	#006666;
    font-weight:    	normal;
}
a.footermenue:hover {
    color:          	#CC0000;
    text-decoration: 	none;
}


#search {
    width:             460px;
    height:            46px;
    padding-left:      32px;
    padding-top:       10px;
    text-align:        left;
    margin-top:        0px;
    background: url(../images/search.gif) no-repeat ;
}
#search .inputbox {
	font-size:  14px;
	border:     1px solid gray;
	background: url(../images/searchinput.png) repeat-x;
	width:      112px;
}

/* Kontaktformular Style */
form {
    padding: 10px 10px 10px;
}

fieldset {
    width: 360px;
    padding-top: 10px;
    border: 1px solid #BCC4D6;
}


legend {
    font-size: 1.5em;
    letter-spacing: 0.03em;
    margin: 0 0 10px 22px;
}

input, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
    background-color: #EFEFEF;
    border: 1px solid #CFDDE6;
    padding: 0.3em;
    margin-bottom: 10px;
}

input:hover, textarea:hover, input:focus, textarea:focus {
    border: 1px solid #4D5C7F;
    background-color: #FFF;
}

/* JOOMLA CSS STUFF */


a:link, a:visited {
    color: #003366;
    font-weight:     bold;
    text-decoration: none;
}
a:hover {
    color:           #999999;
}
form {
    display: inline;
    margin:  0;
    padding: 0;
}
h1 {
    color:       #003366;
    font-weight: normal;
    font-size:   12px;
}
ul {
}
li {
}


img {
    border: none ;
}
ol {
    margin-left:         12px;
    list-style-position: inherit;
}
blockquote {
    margin: 10px;
}
blockquote div {
}
pre {
    padding: 10px;
}
table.contenttoc {
    border:  1px solid #CCCCCC ;
    margin:  3px;
    padding: 5px;
}


.contenttoc th {
    background-color: #3E4A4F;
    padding:          3px;
    color:            #FFFFFF;
    font-weight:      bold;
}
.contenttoc a {
    font-size:   11px;
    padding:     0 5px 0 5px;
    font-weight: normal;
}
.contenttoc a:hover {
    font-size:    11px;
    color:        #666666;
    padding-left: 5px;
}
.contenttoc td {
    padding:    3px;
    background: #FFFFFF ;
}
.contentpane {
    font-family: arial, verdana,sans-serif;
    font-size:   11px;
    line-height: 18px;
    text-align:  left;
}
.contentpaneopen ul {
    margin-left: 10px;
}
.contentpane ul {
    margin-left: 10px;
}
table.contentpaneopen,table.contentpane {
}
table.contentpaneopen li {
    margin-left: 40px;
}
div.moduletable {
    margin-bottom: 10px;
    text-align:    left;
}
div.moduletable td {
    text-align: left;
}
div.moduletable h3 {
    text-align:    left;
    color:         #FFFFFF;
    font-weight:   bold;
    font-size:     14px;
    margin-bottom: 10px;
    padding-left:  40px;
    padding-top:   10px;
}
table.moduletable th {
    color:          #ffffff;
    text-align:     left;
    vertical-align: middle;
    font-weight:    bold;
    padding-left:   15px;
    padding-top:    15px;
    padding-bottom: 10px;
    font-size:      14px;
}
.contentpaneopen fieldset {
    border: none ;
    width:  100%;
}
.contentpaneopen td {
    padding:     0;
    text-align:  left;
    line-height: 18px;
}
.contentdescription {
}
.latestnews li {
    list-style-type: none;
}
.latestnews li a {
    border-bottom: 1px dashed #666666 ;
    display:       block;
}
.latestnews li a:hover {
}
.mostread li {
    list-style-type: none;
}
.mostread li a {
    border-bottom: 1px dashed #666666 ;
    display:       block;
}
.mostread li a:hover {
}
ul.latestnews li {
    padding:     2px 2px 3px 40px;
    margin-left: 0px;
    color:       #808080;
    width:       auto;
    text-align:  left;
}
.latestnews a:link {
    text-transform: lowercase;
    color:          #CCCCCC;
}
.latestnews a:visited {
    color: #CCCCCC;
}
.latestnews a:hover {
    color: #666666;
}
ul.mostread li {
    margin-left: 0px;
    color:       #808080;
    width:       auto;
    text-align:  left;
    padding:     2px 2px 3px 40px;
}
.mostread a:link {
    text-transform: lowercase;
    color:          #CCCCCC;
}
.mostread a:visited {
    color: #CCCCCC;
}
.mostread a:hover {
    color: #666666;
}
td.contentheading {
	color:           #003399;
	font-family:     arial, verdana, sans-serif;
	text-decoration: none;
	font-weight:     bold;
	font-size:       14px;
	padding-top:      0px;
	line-height: 45px;
	letter-spacing: 1px;
}
div.componentheading {
	color:           #003399;
	font-family:     verdana, arial, sans-serif;
	text-decoration: none;
	font-weight:     bold;
	font-size:       15px;
	padding-top:      0px;
	line-height: 45px;
	letter-spacing: 1px;
}
a.contentpagetitle:link,a.contentpagetitle:hover {
    font-family:     arial, verdana, sans-serif;
    text-decoration: none;
    font-size:       18px;
}
a.contentpagetitle:hover {
    color: #CCCC99;
}
.menuetext {
	color:          #006666;
	font-weight:    lighter;
	text-transform: none;
}
.modifydate,.small {
    color:          #CCCCCC;
    font-size:      10px;
    font-weight:    normal;
    text-transform: none;
}
.highlight {
    color:            #FFFFFF;
    background-color: gray;
}
.mosimage {
    margin:  5px;
    padding: 5px;
    border:  1px #f0f0f0 solid ;
}
.mosimage_caption {
    background-color: #f0f0f0;
    padding:          1px 2px;
    color:            #CC0033;
    font-size:        10px;
    font-weight:      bold;
}
.contentpaneopen img {
    margin: 5px;
}
.contentpane img {
    margin: 5px;
}

.mainlevel {
	display:         block;
width:				150px;
	font-size:       12px;
	font-weight:     bold;
	text-align:      left;
	text-decoration: none;
	color:           #006666;
	padding-left:     	15px;
	padding-top:     10px;
background-color: transparent;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
}
a.mainlevel:link, a.mainlevel:visited {
	display:         block;
width:				150px;
	font-size:       12px;
	font-weight:     bold;
	text-align:      left;
	text-decoration: none;
	color:           #FFFFFF;
	padding-left:     	15px;
	padding-top:     10px;
background-color: transparent;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
}
a.mainlevel:hover {
    text-decoration: 	none;
    color:           	#CC0000;
    font-weight:     	bold;
}
a.mainlevel#active_menu {
    color:               #003399;
    font-weight:         bold;
}
a.mainlevel#active_menu:hover {
    color: 				#003366;
}
a.sublevel:link, a.sublevel:visited {
    font-size:      	12px;
	padding-top:     	4px;
	padding-left:     	25px;
    line-height:    	20px;
    display:        	block;
    font-family:    	arial, verdana,sans-serif;
    background-image:	url(../images/Punkt.gif);
    background-repeat:   no-repeat;
    background-position: left 0px;
    color:          	#003399;
    font-weight:    	normal;
}
a.sublevel:hover {
    color:          	#003366;
    text-decoration: 	none;
}
#mod_login_username {
    width:               95%;
    padding:             2px;
    border:              none ;
    font-size:           10px;
    margin:              0px 10px 5px 0;
    border-right:        1px solid #333 ;
    border-bottom:       1px solid #333 ;
    background-image:    url(../images/searchinput.png);
    background-repeat:   repeat-x;
    background-position: top;
}
#mod_login_password {
    width:             95%;
    padding:           2px;
    border:            none ;
    font-size:         10px;
    margin:            0px 10px 5px 0;
    border-right:      1px solid #333 ;
    border-bottom:     1px solid #333 ;
    background-image:  url(../images/searchinput.png);
    background-repeat: repeat-x;
}
#mod_login_remember {
    border:     1px solid gray ;
    background: white ;
}
ul#mainlevel-nav {
    list-style: none;
    font-size:  11px;
}
ul#mainlevel-nav li {
    float:          left;
    font-size:      11px;
    font-weight:    normal;
    text-transform: lowercase;
    text-align:     center;
    line-height:    12px;
    font-family:    arial, verdana,sans-serif;
    display:        block;
    background:     none ;
    padding-left:   10px;
}
ul#mainlevel-nav li a {
    display:         block;
    padding-left:    5px;
    padding-right:   5px;
    padding-top:     0px;
    text-decoration: none;
    color:           #fff;
    font-weight:     bold;
}
ul#mainlevel-nav li a:hover {
    display:         block;
    padding-left:    5px;
    padding-right:   5px;
    text-decoration: none;
    color:           #336699;
    font-weight:     bold;
}
.inputbox {
    font-size:  11px;
    border:     1px solid gray ;
    background: #CCCCCC ;
}
.button {
    padding:          1px;
    padding:          2px !important;
    color:            #ffffff;
    font-size:        11px;
    border:           none ;
    background-color: #990000;
    font-weight:      bold;
}
.sectiontableheader {
    font-weight: bold;
    background:  #666666 ;
    padding:     4px;
    color:       #fff;
}
.sectiontableentry1 td {
    padding: 3px;
}
.sectiontableentry2 td {
    padding:    3px;
    background: #f0f0f0 ;
}
.sectiontableentry1 {
    padding: 2px;
}
.sectiontableentry2 {
    padding: 2px;
}
.readon {
    font-size: 11px;
    height:    12px;
    padding:   2px 5px 2px 22px;
}
.readon a:link, .readon a:visited {
    color: #FFFFFF;
}
.readon a:hover {
    color: #999999;
}
.back_button a {
    padding:    2px 5px 2px 5px;
    background: #FFFFFF ;
}
.back_button a:hover {
    padding:    2px 5px 2px 5px;
    background: #999999 ;
    color:      #FFFFFF;
}
.pagenav {
    text-align:        center;
    color:             #ffffff;
    margin:            0px -2px 0px 0px;
    padding:           1px 6px 1px 6px;
    font-size:         11px;
    font-family:       arial, verdana,sans-serif;
    background-image:  url(../images/btnlogin.gif);
    background-repeat: repeat-x;
}
a.pagenav, a.pagenav:visited {
    color: #ffffff;
}
a.pagenav:hover {
    color:            #ffffff;
    background-color: #000000;
    border:           1px solid #5d5d5d ;
}
/* content style */
.penting {
    border:           1px dotted #FFCC99 ;
    background-color: threedlightshadow;
}
.bold {
    color:       #CC0000;
    font-weight: bold;
    font-size:   12px;
}