/* Reset all */

*{
	padding: 0;
	margin: 0;
}

/* Allgemeines */
html
{
}
body 
{
	font-size: 62.5%;
	line-height: 1.6em;
	color: #333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	background: #1e729d url(../media/bodybg.png) repeat-x;
}

/* Clear Class */
.c {
	clear: both;
}

img, a img {
	border: 0;
}

.keine-anzeige {
	display: none;
}

/* Absaetze */
p {
	font-size: 1.2em;
	line-height: 1.7em;
	margin: 0.5em 0;
	clear: both;
}

/* Kleinerer Text */
.s {
	font-size: 1em;
}

/* Links- bzw. Rechtsausrichtung fuer Elemente */
.leftalign {
	float: left;
	margin: 0 0.5em 0 0;
}

.rightalign {
	float: right;
	margin: 0 0 0 0.5em;
}

h1 {
    color:#006699;
    font-size: 1.8em;
    line-height: 2.2em
}

h2 {
    color:#006699;
    font-size: 1.6em;
    line-height: 2em
}

h3 {
    color:#006699;
    font-size: 1.4em;
    line-height: 1.8em
}

h4 {
    color:#006699;
    font-size: 1.2em;
    line-height: 1.6em
}

/* Layout */

#outer-wrapper {
	margin:0 auto;
	width: 1100px;
	background:url(../media/logo-background.jpg) top left no-repeat;
}

#wrapper {
	width:808px;
	margin:0 auto 10px;
	padding-top:11px;
	text-align:left;
	background:url(../media/wrapper-bg-top.png) top left no-repeat;
}

#inner-wrapper {
	padding:0;
	background:url(../media/wrapper-bg-middle.png) repeat-y;
	margin-bottom:0;
	padding-bottom:10px;
}

#logo-container {
	width: 808px;
	margin: 0 auto;
	padding:10px 0 0;
	text-align:left;
}

#header {
	padding:0 4px;
}

#header-navigation {
	background: #006699;
	text-align:right;
	padding:5px;
    font-size:1.1em;
}

#header-navigation a:link, #header-navigation a:visited {
	color:white;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px;
}

#header-navigation a:hover {
	text-decoration: underline;
}



#header-searchbar {
    height: 56px;
    background: url(../media/search-bar-background.png) top left no-repeat;
    color:#006699;
    padding-left: 19px;
    padding-top:9px;
}

#header-searchbar a{
    font-size:13px;
    text-decoration:underline;
}

#header-searchbar a:hover{
    font-size:13px;
    text-decoration:none;
    color:#006699;
}

#content {
    width:530px;
    margin-left:4px;
    padding:0 15px 15px;
    float: left;
}


#sidebar {
    margin-left: 574px;
    margin-right: 4px;
}

#sidebar-navigation {
    font-size:1.1em;
}

#sidebar-navigation ul li {
    list-style-type: none;
    float:left;
    padding:6px 15px;
    width:200px;
    background: url(../media/sidebar-navigation-divider.png) bottom left repeat-x;
}

#sidebar-navigation ul li a:link, #sidebar-navigation ul li a:visited {
    color: #5294b5;
    text-decoration: none;
}

#sidebar-navigation ul li a:hover {
    text-decoration: underline;
}

#sidebar-navigation ul .active a:link, #sidebar-navigation ul .active a:visited {
    font-weight: bold;
    color:#437a95;
}

#sidebar-content {
    float:left;
    padding: 20px 15px 30px;
}

#footer {
	width:808px;
	margin:15px auto 20px;
    text-align: left;
}

#footer-top {
	padding: 10px 4px 0;
	margin:0;
	background: url(../media/footer-bg-top.png) top left no-repeat;
}

#footer-content {
	padding:0 19px;
	background:url(../media/footer-bg-middle.png) top left repeat-y;
    color: #999;
    font-size:1.1em;
}

#footer-bottom {
	height: 10px;
	padding:0 4px;
	background: url(../media/footer-bg-bottom.png) top left no-repeat;
}


/********* customized page elements **********/


/******* search result pages ************/
.content-search-form {
    padding:25px 0 30px;
    background: url(../media/excel-background-icon.png) top left no-repeat;
}

.search-result-pagination {
    font-size: 1.2em;
    padding: 10px 0 20px;
}

.search-result {
    margin-bottom: 20px;
}

.search-result h3 {
    border-bottom: 1px solid #b5d1df;
    margin-bottom: 8px;
}

.search-result .search-result-screenshot {
    float:left;
    padding: 6px;
    border: 1px solid #b5d1df;
    background: #f2f9fc;
}

.search-result .search-result-content {
    margin-left: 160px;
    font-size: 1.2em;
}

.search-result .search-result-content td {
    padding-right: 15px;
}

.search-result-td-left {
    font-weight: bold;
}

/********* end search result pages ********/


/********* template detail view **********/

.category-breadcrumb {
    margin-bottom:15px;
}

.template-author {
    margin-bottom: 10px;
    font-style: italic;
    font-size: 1.1em;
}

.template-detail-view-wrapper {
}

.template-view-screenshot {
    float:left;
    padding: 6px;
    border: 1px solid #b5d1df;
    background: #f2f9fc;
}

.template-action-panel {
    margin-left: 230px;
    font-size: 1.2em;
}

.template-action-panel td {
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 7px;
    line-height: 1.7em;
}

.template-view-description {
    margin: 15px 0 20px;
}

.template-view-description .highlight {
    font-weight: bold;
    color: #006699;
}

.template-rate-leave-comment {
    margin-bottom: 20px;
}

.template-rate-leave-comment td {
    font-size: 1.2em;
    padding-right: 10px;
    vertical-align: top;
}

.template-rate-leave-comment input, .template-rate-leave-comment select {
    width: 150px;
}

.template-comments {
    list-style-type: none;
}

.comment-title {
    color: #006699;
    border-bottom: 1px solid #006699;
    font-weight: bold;
}

.comment-rating {
    width:250px;
    float:right;
    text-align: right;
}

.comment-message {
    margin-bottom: 10px;
}