/**#################### 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  **/


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

table.moduletable th {

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;    
}

table.moduletable td {
padding-top: 2px;
}


.contentmod table.moduletable th{
font-size          : 14px;
font-weight        : bold;
text-align         : center;
width              : 100%;
color              : #AF2222;
padding            : 2px;
line-height        : 25px;
background         : #E7EAEC;
border-bottom      : 1px solid #DDE1E3;
}



/** 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 **/
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;
}


a.sublevel:link, 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;
}


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


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;

}