/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
padding          : 0px;
padding-top 	 : 0px;
margin           : 0px !important;
margin           : 0px;
}

td, tr, p, div {
font-family      :  Arial, Helvetica, sans-serif;
color            : #2E3B48;
font-size        : 13px;
line-height      : 16px;
}

hr {
color            : #999999;
height           : 1px;
width            : 100%;
}



/** Links ***************************************/
a:link, a:visited {
font-family      :  Arial, Helvetica, sans-serif;
color            : #2E3B48;
font-size        : 13px;
font-weight	 : bold;
text-decoration  : underline;
}

a:hover {
font-family      :  Arial, Helvetica, sans-serif;
color            : #2E3B48;
text-decoration  : underline;
}


form {
font-family      :  Arial, Helvetica, sans-serif;
text-decoration  : none;
margin           : 0; 
padding          : 0;
}

.inputbox {
color        : #000000;
background   : #ECEEEF;
border       : 1px solid #cccccc;
margin       : 3px 0;

}

form select.button{
color        : #000000;
background   : #ECEEEF;
}

option {
background   : #ffffff;
}

/**#################### Joomla CSS ####################**/

/** Buttons **/

.back_button {
font-size        : 12px;
font-weight      : normal;
padding-bottom   : 3px;
margin-right     : 4px;
float            : right;
line-height      : 20px;

}
div.back_button a{
text-decoration  : none;
}


.button {
font-size        : 11px;
color            : #EDF1F3;
border           : 1px solid #EDF1F3;
margin           : 3px 0;
padding          : 2px;
cursor           : pointer;
background       : url(../images/button.gif) repeat-x top left;
}


/** Contact **/

.contact_email  {
width            : 100%;
}

.contact_email .inputbox {
}



/** Module table  **/
.moduletable_menu{
margin           : 0 0 8px 0;
width            : 100%;    
}
.moduletable_menu h3,.moduletable h3{
    font-family        : Arial, Verdana,  Helvetica, sans-serif;
    font-size          : 13px;
    font-weight        : bold;
    text-align         : left;
    color              : #EBEFF2;
    padding-left       : 10px;
    line-height        : 20px;
    background         : #3B4B5B;
    height             : 20px;    
}
ul.nav, ul.nav-child {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
div.pagination {
    text-align: center;
}
div.pagination ul{
    list-style-type: none;
    padding: 0px;
    margin: 0 auto;
    text-align:center;
}
div.pagination ul li {
    float:left;
    margin-left:10px;
}

.menu li a {
    display          : block;
    width            : auto !important;
    width            : 100%;
    margin           : 1px 0;
    padding          : 0;
    font-size        : 12px;
    background       : none;
    text-indent      : 10px;    
}
.menu li a:link, .menu li a:visited {
display          : block;
font-size        : 12px;
border-bottom    : 1px solid #DCDFE1;
font-weight      : bold;
padding          : 2px 0;
color            : #2E3B48;
padding-left     : 10px;
text-decoration  : none;

}
.menu li a:hover {
font-size        : 12px;
font-weight      : bold;
color            : #2E3B48;
text-decoration  : none;
padding-left     : 10px;
text-decoration  : none;

}
.menu li.active {

text-decoration     : none;
}



ul.breadcrumb {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
ul.breadcrumb li {
    float:left;
}

li.parent > a{
        
}
ul.nav li.active a.parentnode{
    border-bottom    : 1px solid #C02A1D;
    background       : url(../images/menu.gif) 0 2px no-repeat;    
}


/** Read more **/

a.readon:link, a.readon:visited {
color            : #af2222;
font-size        : 12px;
white-space      : normal;
font-weight      : normal;
padding          : 1px 0px 1px 10px;
float            : right;
line-height      : 15px;
text-decoration  : none;
border-left:2px solid #af2222;

}
a.readon:hover {
color            : #999999;
font-size        : 12px;
white-space      : normal;
font-weight      : normal;
padding          : 1px 0 1px 10px;
line-height      : 15px;
text-decoration  : none;
border-left      : 2px solid #999999;
}




/** Content **/


.sectiontableheader {

font-weight      : bold;
letter-spacing   : 1px;
color            : #ffffff;
background       : #414141; 
padding          : 3px 5px;
border           : 1px solid #ffffff;
}


.sectiontableentry1 {
vertical-align   : top;
background       : #f6f6f6;
border-bottom    : 1px solid #ffffff;
line-height      : 20px;

}

.sectiontableentry1 td, .sectiontableentry2 td{
padding          : 2px 5px;
border-bottom    : 1px solid #ffffff;
line-height      : 20px;

}

.sectiontableentry2 {
vertical-align   : top;
border-bottom    : 1px solid #ffffff;
background       : #f0f0f0;
line-height      : 20px;
}
.sectiontableentry1 img{
margin: 0 4px;
}
.sectiontableentry2 img{
margin: 0 4px;
}


a.category:link, a.category:visited {
font-size        : 12px;
font-weight      : normal;
padding: 5px;
}


.small {
font-size        : 11px;
color            : #999999;
}
.smalldark {
font-size        : 11px;
color            : #333333;
}
.createdate, .modifydate {
font-size        : 11px;
color            : #666666;
font-weight      : normal;
text-align       : left;
width            : 100%;
}
.content_vote {
font-size        : 11px;
height           : 22px;
padding          : 2px 0;
}
.content_rating {
font-size        : 11px;
color            : #999999;
}

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

table.contentpane {
width            : 100%;
border-spacing   : 0;
padding-left     : 5px;
padding-right    : 5px;
margin-bottom    : 5px;
}
table.contentpaneopen {
width            : 100%;
border-spacing   : 0;
padding-left     : 5px;
padding-right    : 5px;
margin-bottom    : 5px;
}

.contentheading {
font-family      : Arial, Verdana, Helvetica, sans-serif;
width            : 100%;
font-size        : 17px;
font-weight      : bold;
line-height      : 6px;
text-align       : left;
text-indent      : 0;
color            : #3B4B5B;
padding          : 12px;
margin           : 1px 0;
background       : url(../images/indent1.png) 0% 50% no-repeat;

}
.contentheading a {
text-decoration:none;
}
.componentheading {
font-family      : Arial, Verdana, Helvetica, sans-serif;
width            : auto;
font-size        : 17px;
font-weight      : bold;
line-height      : 21px;
text-transform   : uppercase;
text-align       : left;
color            : #616161;
padding          : 3px;
margin           : 5px !important;
margin           : 5px 1px;
}


.contentdescription { 
width          : auto !important;
margin         : 0;
padding        : 0;
padding-top    : 5px;
text-align     : left;
}

.tabellenrahmen {	border: thin solid #CCCCCC;
}

.tabellenrahmenohne {
	border-top: thin solid #CCCCCC;
	border-right: thin solid #FFFFFF;
	border-bottom: thin solid #CCCCCC;
	border-left: thin solid #FFFFFF;

}

.textlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #990000;
	text-decoration: none;
}

a.textlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #990000;
	text-decoration: none;
}

a.textlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: overline;
}






/** Die obere Navi ***************************************/

#mainlevel-nav {
margin           : 2px !important;
padding-right	 : 20px;
padding-left	 : 0px;
font-family      : Arial, Helvetica, sans-serif;
color            : #fff;
font-size        : 15px;
font-weight	 : bold;
text-decoration  : none;
list-style	 : none;
float		 : left; 
}


#mainlevel-nav a {
margin           : 2px !important;
padding-right	 : 20px;
padding-left	 : 0px;
font-family      : Arial, Helvetica, sans-serif;
color            : #fff;
font-size        : 15px;
font-weight	 : bold;
text-decoration  : none;
list-style	 : none;
float		 : left; 
}


#mainlevel-nav a:hover {
text-decoration  : underline;
}





/** CSS for Mainmenu ****************************************/

a.mainlevel  {
display          : block;
width            : auto !important;
width            : 100%;
margin           : 1px 0;
padding          : 0;
font-size        : 12px;
background       : none;
text-indent      : 10px;
}

a.mainlevel:link, a.mainlevel:visited {
display          : block;
font-size        : 12px;
border-bottom    : 1px solid #DCDFE1;
font-weight      : bold;
padding          : 2px 0;
color            : #2E3B48;
padding-left     : 10px;
text-decoration  : none;

}
a.mainlevel:hover {
font-size        : 12px;
font-weight      : bold;
color            : #2E3B48;
text-decoration  : none;
padding-left     : 10px;
text-decoration  : none;

}
#active_menu {
color            : #2E3B48;
border-bottom    : 1px solid #C02A1D;
background       : url(../images/menu.gif) 0% 50% no-repeat;
text-decoration	 : none;

}


/** Sublevel for Mainmenu **/
ul.nav-child,ul.nav-child li {
    background: none;
padding-left:5px;
border-top: none;
border-bottom: none;
}
.menu li.active a{
    border-bottom: none;
    font-weight: bold;
 
}
ul.nav-child li a.sublevel {
font-size        	: 11px;
font-family      	: Arial, Helvetica, sans-serif;
font-weight      	: bold;
color            	: #2E3B48;
padding-left	 	: 30px;
background       	: none;
border-top	   	: none;
border-bottom  	 	: none;
}


ul.nav-child li a.sublevel:link,ul.nav-child li a.sublevel:visited {
font-size        	: 11px;
font-family      	: Arial, Helvetica, sans-serif;
font-weight      	: bold;
color            	: #2E3B48;
padding-left	 	: 30px;
border-top	   	: none;
border-bottom  	 	: none;
text-decoration		: none;
}


ul.nav-child li a.sublevel:hover {
background  		: url(../images/indent2.gif) 15px 20% no-repeat;
}


ul.nav-child li a.sublevel#active_menu  {
font-size        	: 11px;
font-family      	: Arial, Helvetica, sans-serif;
font-weight      	: bold;
color            	: #C02A1D;
text-decoration		: none;
padding-left	 	: 30px;
background  		: url(../images/indent3.gif) 15px 20% no-repeat;
border-top	   	: none;
border-bottom  	 	: none;

}

ul.nav-child li.active a.sublevel{
    border-bottom    : none;        
    color            : #C02A1D;
}

.page-heading{
    background: url("../images/indent1.png");
    background-repeat:  no-repeat;
    background-position: bottom;
    
    height: 20px;
    margin-top: 20px;
    margin-bottom:15px;
    padding-left: 0px;
    text-align: left;
    
    width: 100%;
        
}
.page-heading div.headingline{
    float:left;
    padding-left:20px;
    padding-top:0px;
    margin-top:0px; 
    color: #3b4b5b;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-indent: 0;   
}


div.actions {
    list-style-type: none;
    float:right;
    text-align: right;
}

.pull-right{
    
}

p.readmore{
    margin-top: 25px;
}
p.readmore a:link, p.readmore a:visited {
color            : #af2222;
font-size        : 12px;
white-space      : normal;
font-weight      : normal;
padding          : 1px 0px 1px 10px;
float            : right;
line-height      : 15px;
text-decoration  : none;
border-left:2px solid #af2222;

}
p.readmore a:hover {
color            : #999999;
font-size        : 12px;
white-space      : normal;
font-weight      : normal;
padding          : 1px 0 1px 10px;
line-height      : 15px;
text-decoration  : none;
border-left      : 2px solid #999999;
}
article.item {
    display:block;
    margin-bottom: 25px;
}
.item-separator{
    display:block;
    height:10px;
    clear:both;    
}
ul.nav li.active.parent {
    border-bottom: 1px solid #C02A1D;
    background: url(../images/menu.gif) 0 2px no-repeat;
};