/*
@css-style for template phv_wide3x
@author: c.guenther
@web: http://www.myopia.de - background-color 3F3B3E
@email: info@myopia.de
*/


body{
	margin: 20px;
	padding: 0px;
	font-family: Verdana;
	color: #222222;
	font-size: 0.8em;
}


#bg{
	background-color: #3F3B3E;
}


#cont1{
	width: 860px;
	position: relative;
	margin: 0px;
	padding: 0 0 0 0;
	background-color: transparent;
}


#user1{
	text-align: right;        
	width: 17%;
	float: right;
	position: relative;
	font-size: 0.8em;
	color: #fff;
	padding: 2px 10px 0px 10px;
	margin: 0px;
}


#header{
	width: 860px;
	height: 170px;
	margin: 0px;
	background-color: transparent;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
}



#top{
	text-align: right;        
	width: 78%;
	float: right;
	position: relative;
	color: #333333;
	padding: 5px;
	margin: 0px;
}


#balken1{
	text-align: left;
	height: 19px;
	padding: 0 2px 0 2px;
	margin: 0 0 0 0;
	border-top: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc; 
}


#user9{
	text-align: left;
	width: 67%;
	float: right;
	position: relative;
	height: 25px;
	padding: 0px 2px 0px 2px;
	margin: 120px 0px 0px 45px;
        background-color: transparent;
}


#pathway{
	text-align: left; 
	width: 78%;       
	font-size: 0.8em;
        float: left;
        position: absolute;
	color: #fff;
	padding: 4px 0 0 23px;
	margin: 0px;
}


#cont2{
	width: 860px;
        padding: 0 0 0 0;
        background-color: #fff;
	background-image: url(../images/bambus1.jpg);
        background-position: top right;
	background-repeat: no-repeat;
        position: relative;
}


#left{
	text-align: left; 
	width: 17%;
        float: left;
        position: relative;
	color: #222222;
	padding: 10px 10px 0 20px;
	margin: 0px;
        background-color: #fff;
}


#user2{
	text-align: left; 
        float: left;
        position: relative;
	color: #222222;
	padding: 15px 0 0 0;
	margin: 0px;
}



#user3{
	text-align: left; 
        float: left;
        position: relative;
	color: #222222;
	padding: 5px 0 0 8px;
	margin: 0px;
}



#user4{
	font-size: 0.8em;
        float: left;
        position: relative;
	color: #222222;
	padding: 25px 0px 0px 0px;
	margin: 0px;
}


#main{
        text-align: left;
        float: left;
        width: 58%;
        min-height: 500px;
        color: #222222;
	padding: 10px 5px 0px 2px;
        position: relative;
}


#right{
	text-align: left; 
	width: 17%;
        float: right;
        position: relative;
	color: #222222;
	padding: 10px 10px 0 10px;
        background-color: transparent;
}



#footer1 {
        width: auto;
	height: 20px;
	padding: 15px 10px 10px 0;
}

#footer2 {
        width: 860px;
	height: 20px;
        margin-top: 0px;
	color: #222222;
	font-size: 0.8em;
        border-top: 1px solid #fff;
	padding: 5px 0 0 0;
        background-image: url(../images/footer2.jpg);
}

.clr{
	clear: both;
}


/******************************************************************************
 * Standard styles for facile forms
 */

/* Title bar general settings */
.ff_titlebar {
    background-color:#fff;        /* the background color */
    border-top:2px solid #5299D1;    /* make this lighter than background color */
    border-bottom:2px solid #163B7F; /* make this darker then background color */
    border-left:none;                /* dont change this */
    border-right:none;               /* dont change this */
    border-spacing:0px;              /* dont change this */
    border-collapse:collapse;        /* dont change this */
    line-height:24px;                /* dont change this */
}


/* CODE TEXT */

pre, .code {
	padding: 10px 15px;
	margin: 5px 15px 15px;
	border-top: 1px dotted #1E90FF;
	border-bottom: 3px dotted #1E90FF;
	font: 12px "Courier News", monospace;

	
}


.dropcap {
	float: left;
	font: normal 60pt/0.8em Georgia, Helvetica, Verdana, Arial, sans-serif;
	color: #cc3300;
	margin-right: 3px;
}

.pullout{
	width: 30%;
	padding: 10px;
	border: 1px dotted #999999;
	color: #fff;
	float: right;
	font: 16px/0.9em Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.05em;
	margin: 5px;
	clear: both;
}

/* TIPS, ERROR, MESSAGE, HIGHLIGHTS*/

.error {
	padding: 0px;
	color: #999999;
	font-size: 1.0em;
	border: 1px dotted #666666;
	display: block;
	
}

.message {
	padding: 10px 10px 10px 25px;
	color: #fff;
	font-size: 1.0em;
	border: 1px dotted #cc3300;
	border-left: 1px dotted #cc3300;
	display: block;
	
}

.tips {
	padding: 10px 10px 10px 25px;
	color: #cc3300;
	font-size: 1.0em;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	display: block;
}

.highlight {	
	font-weight: normal;
	color: #cc3300;
}



/* Default Joomla! Menu */

table.moduletable {
	width: 100%;
	margin: 0px;
	padding: 0px;
}


a.mainlevel {
	padding: 5px 3px 3px 10px;
	display: block;
        color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}

a.mainlevel:hover,a.mainlevel:active {
	color: #cc3300;
        text-decoration: none;

}

a.mainlevel#active_menu {
	color: #cc3300;
        font-weight: normal;
	text-decoration: none;
}

a.sublevel {
	padding: 4px 3px 3px 15px;
        font-size: 0.8em;
	display: block;
        color: #333333;
	text-decoration: none;
        border-bottom: 1px solid #cccccc;
        
}

a.sublevel:hover,a.sublevel:active {
	color: #cc3300;
	text-decoration: none;
}

#active_menu {
	color: #cc3300;
        font-weight: normal;
}

/*Horizontale Menüs*/

#topnavi{
	width: auto;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;

}

#topnavi_inner{

	padding: 3px;
}

#buttons {
	margin: 0px;
	padding: 0px;
	width: auto;
	float: left;
}

ul#mainlevel-nav{
	list-style: none;
	padding-top: 5px;
	margin: 0;
	font-weight: normal;
}

ul#mainlevel-nav li{
	padding-left: 0px;
	padding-right: 0px;
	display: block;        
	float: right;
	margin: 0;
	white-space: nowrap;
	border-left: 1px solid #222222;
	font-size: 0.9em;
}

ul#mainlevel-nav li a{
	font-size: 0.9em;
	display: block;        
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
}

#buttons>ul#mainlevel-nav li a { width: auto; }
	ul#mainlevel-nav li a:hover{
	color: #cc3300;
}


ul#mainlevel-nav2{
	list-style: none;
	padding-top: 5px;
	margin: 0;
	font-weight: normal;
}

ul#mainlevel-nav2 li{
	padding-left: 1px;
	padding-right: 0px;
	display: block;        
	width: 130px;
	height: 18px;
	float: left;
	margin: 0;
	white-space: nowrap;
	border-left: 1px solid #222222;
	font-size: 1.0em;
}

ul#mainlevel-nav2 li a{
	font-size: 1em;
	display: block;        
	width: 100px;
	height: 18px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
}

#buttons>ul#mainlevel-nav2 li a { width: auto; }
	ul#mainlevel-nav2 li a:hover{
	color: #cc3300;
}


/* latest news & popular xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

a.latestnews:link {
        text-align: center;
        list-style: none;
        color: #666666;
	text-decoration: none;
}

a.latestnews:visited {
        color: #666666;
	text-decoration: none;
}

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


/* Normaler link */
a {
	color: #666666;
        text-decoration: none;
}

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

/* Title text */
.contentheading {
	color: #cc3300;
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	width: 100%;
}

.componentheading {
	color: #cc3300;
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	width: 100%;
}


/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {
	font-size: 0.9em;
	color: #888888;
}

/* Überschriften */

h1 {
	font-size: 160%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 100%;
}

h4 {
	font-size: 120%;
	text-transform: uppercase;
}

p {
	margin: 0px 0 15px;
}

ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

ul li {
	padding: 0 0 0 0;
	line-height: 160%;
}

ol {
	margin-top: 5px;
	margin-bottom: 15px;
}

ol li {
	margin-left: 20px;
	line-height: 160%;
}

th {
	padding: 5px 0px 2px 0px;
	color: #cc3300;
	font-weight: normal;
	text-align: left;
        font-size: 1em;
	border-bottom: 0px solid #cccccc;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: normal;
}

hr {
	border-top: 1px dotted #AEAEAE;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td{
        color: #444444;
        padding-left: 0px;
        padding-right: 7px;
}

td, div {
	font-size: 100%;
}


/* Formstyle */

form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 11px/normal Tahoma, Arial, sans-serif;
	color: #333333;
        background-color: transparent;
}

select, .inputbox {
	padding: 2px;
        background-color: transparent;
}

textarea {
	padding-left: 2px;
        font: 11px/normal Tahoma, Arial, sans-serif;
}

.button {
        padding: 2px 10px!important;
	padding: 0px;
	border: 1px solid #cccccc;
        color: #333333;
}

.button:hover {
        padding: 2px 10px!important;
	padding: 0px;
	border: 1px solid #cccccc;
        color: #cc3300;
}

.button:active {
	border: 1px solid #cccccc;
        padding: 2px 10px!important;
	padding: 0px;
        color: #cc3300;
}

.button:focus {
        padding: 2px 10px!important;
	padding: 0px;
}


.inputbox {
	border: 1px solid #cccccc;
	background: #fff;
        width: auto;
        color: #333333;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #cccccc;
	background: #fff;
        color: #cc3300;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

.contentpaneopen{
	width: 100%;
}

table.contentpane {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #cccccc;
}

/*  Modulstyle  */

div.module h3, div.moduletable h3 {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 5px;
	font-size: 1em;
	text-transform: uppercase;
	color: #333333;
	text-align: left;
}

div.module, div.moduletable {
	margin: 0 0 10px 0;
	padding: 0;
}

/*other styles */

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: 0px;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
}

table.pollstableborder tr.sectiontableentry1 td {
	background-color: transparent;
}

table.searchintro {
	padding: 5px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

.blog_more {
	margin: 0px 0;
	padding: 0px;
	border: 0px;

}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	color: #666666;
	text-transform: uppercase;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 0px;
}

td.buttonheading {
	padding: 0 0 0 3px!important;
	text-align: center;
}

.category {
	font-weight: normal;
}

.contentdescription {
	padding-bottom: 30px;

}

a.readon {
	float: right;
	padding: 2px 15px 2px 15px;
	display: block;
	color: #666666;
	font-weight: bold;
	border: 0px;
	text-decoration: none;
}


a.readon:hover, a.readon:active {
	color: #cc3300;
	border: 0px;
	text-decoration: none;
}

.mosimage {
	padding: 0;
	margin: 0px 0px 0 0!important;
	margin: 0px 0px 0 0;
}

.mosimage img {
	padding: 0;
	margin: 0!important;
}

.mosimage_caption {
	margin-top: 5px;
	padding: 1px 2px;
}

.sectiontableheader {
	padding: 4px;
	border: 0px;
	font-weight: normal;
	line-height: 20px;
}

tr.sectiontableentry1 td {
	padding: 3px 0 7px 0;
}

tr.sectiontableentry2 td {
	padding: 3px 0 7px 0;
}

tr.sectiontableentry1:hover td,tr.sectiontableentry2:hover td {

}

tr.sectiontableentry1 a:hover, tr.sectiontableentry1 a:active, tr.sectiontableentry1 a:focus,tr.sectiontableentry2 a:hover, tr.sectiontableentry2 a:active, tr.sectiontableentry2 a:focus {
	background: none;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td {
	background: none;
}