/* CSS Document */
/* Allgmeines html */
body {
margin: 0px;
padding: 0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
line-height: 20px;
color: #3F3F3F;
font-size: 80%;
text-align: center;
background: url(http://john-grabenmeier.de/web/templates/bg.gif) center top repeat-y #f8f8f8;
}

a:link, a:visited, a:active {
color: #416dbe;
text-decoration: none;
}

a:hover{
color: #3f84eb;
text-decoration: underline;
}

h1, h2, h3, h4 {
font-weight: normal;
margin: 0px 0px 10px 0px;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 125%;
padding: 0px;
margin: 10px 0px 5px 0px;
display: block;
}

h3 {
font-size: 150%;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 180%;
text-decoration: none;
display: block;
}

h4 {
font-size: 110%;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 25px;
text-decoration: none;
}

p {
margin: 0px 0px 10px 0px;
padding: 0px;
}


ul {
list-style-image: url(../images/li.png);
line-height: 200%;
}

li {
line-height: 180%;
margin: 0px 0px 10px 0px;
}

.delicious ul {
margin-left: 30px;
list-style: none;
}

.zitat {
display: block;
padding: 10px;
border-top: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

.zitat:hover {
display: block;
padding: 10px;
border-top: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
border-right: 1px solid #363636;
border-bottom: 1px solid #363636;
margin-bottom: 10px;
background: url(../images/quote.gif) no-repeat left top;
}

/* Layout */
/* CONTAINER */
#center {
text-align: left;
margin: 0 auto;
width: 840px;
}

#header {
line-height: 100px;
color: #cccccc;
text-align: left;
}

.sitetitle {
font-size: 140%;
padding-left: 20px;
padding-right: 20px;
color: #3F3F3F;
display: block;
width: 50%;
float: left;
}

.sitetitle:link, .sitetitle:link, .sitetitle:active, .sitetitle:visited {
font-size: 135%;
padding-left: 20px;
color: #3F3F3F;
text-decoration: none;
display: blocK;
width: 50%;
float: left;
}

.sitetitle:hover {
font-size: 135%;
padding-left: 20px;
color: #3F3F3F;
text-decoration: none;
display: blocK;
width: 50%;
float: left;
}

.sitesubtitle {
display: block;
font-size: 120%;
padding-left: 50%;
color: #3F3F3F;
}

#header2 {
background: url(../images/landschaft2.jpg) no-repeat; 
color: #ffffff;
height: 180px;
vertical-align: bottom;
margin: 0 1px;
overflow: hidden;
}

html>body #header2 {
margin-left: 0px;
}

#menu {
padding-top: 20px;
width: 200px;
float: left;
padding-bottom: 20px;
}

#content {
padding-top: 20px;
display: block;
padding-bottom: 20px;
width: 580px;
margin-right: 30px;
margin-left: auto;
background: #fff;
}

html>body #content {
width: 550px;
}

#footer {
width: 820px;
line-height: 30px;
margin: 0 auto;
text-align: left;
clear: both;
border-top: 1px dotted #ccc;
}

#footer .moduletable {
display: inline;
}

#footer ul {
list-style: none;
margin: 0px;
padding: 0px 10px;
}

#footer li {
float: left;
}

#footer li a {
display: block;
padding: 5px 10px;
}

#footer div {
margin: 0;
padding: 0;
}


/* TEXTE */
/* Topnavi */
#mainlevel-nav {
list-style: none;
margin: 0;
padding: 0;
}

#mainlevel-nav li {
display: inline;
float: left;
}

ul#mainlevel-nav li {  
display: inline;  
list-style-type: none;
width: auto !important;
float: right;
border: 0px;
margin: 0px;
padding: 0px;
}

.mainlevel-nav, .mainlevel-nav:link, .mainlevel-nav:active, .mainlevel-nav:visited {
display: block;
height: 180px;
width: 120px;
color: #ffffff;
text-decoration: none;
border-left: 1px solid #fff;
text-align: left;
padding-left: 10px;
}

.mainlevel-nav:hover, #mainlevel-nav #active_menu-nav {
display: block;
height: 180px;
width: 120px;
color: #616161;
background: #ffffff;
text-decoration: none;
border-left: 1px solid #ffffff;
text-align: left;
padding-left: 10px;
}

#content .module {
margin: 0px;
padding: 0px 0px 30px 0px;
}

/* NAVI */
ul.mostread {
list-style-type: none;
margin: 0px;
padding: 0px;
}

a.mainlevel, a.minlevel:link, a.mainlevel:active, a.mainlevel:visited, a.mostread:link, a.mostread:active, a.mostread:visited, .newsfeed a:link, .newsfeed a:active, .newsfeed a:visited  {
line-height: 25px;
display: block;
color: #3F3F3F;
text-decoration: none;
background-color: #FFFFFF;
border-bottom: 1px solid #e3e3e3;
}

.sublevel {
line-height: 25px;
padding-left: 5px;
}

ul.newsfeed {
list-style-type: none;
margin: 0px;
padding: 0px;
}

a.mainlevel:hover, a.mostread:hover {
line-height: 25px;
display: block;
text-decoration: none;
background-color: #FFFFFF;
border-bottom: 1px solid #e3e3e3;
color: #275dbf;
}

.mainlevel#active_menu {
font-weight: bold;
cursor: pointer;
}

.pathway {
padding-left: 10px;
}



/* ALLGEMEINE KLASSEN */
.contentheading, a.contentheading:link, a.contentheading:active, a.contentheading:visited {
font-size: 175%;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 180%;
text-decoration: none;
display: block;
border-bottom: 1px solid #f8f8f8;
} 

.componentheading {
font-size: 130%;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 25px;
color: #3F3F3F;
text-decoration: none;
}

.contentpagetitle, .contentpagetitle:link, .contentpagetitle:active, .contentpagetitle:visited {
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 0px;
line-height: 25px;
color: #3F3F3F;
text-decoration: none;
}

a.contentpagetitle:hover {
color: #3f84eb;
text-decoration: none;
}

.sectiontableheader {
font-size: 130%;
}

/* Linksliste */

/* 
#linkliste ul {
line-height: 140%;
}

#linkliste ul:hover a {
border-bottom: 1px dotted #f8f8f8;
}


#linkliste li {
line-height: 140%;
}

#linkliste a {
text-decoration: none;
padding: 2px;
}

#linkliste a:hover {
text-decoration: none;
border-bottom: 1px solid #416dbe;
}
*/


.module h3 {
border-bottom: 1px solid #d5d5d5;
margin: 0px 0px 5px 0px;
}


/* 
.contentpaneopen {
text-align: justify;
width: 100%;
}
*/

.article_seperator {
display: block;
height: 35px;
margin-top: 5px;
border-top: 1px solid #f2f2f2;
}

.createdate {
font-size: 90%;
color: #cccccc;
}

.readon {
margin-top: -20px;
text-align: left;
color: #416dbe;
}

.modifydate {
font-size: 80%;
text-align: right;
color: #ccc;
}

.storytitle {
display: block;
font-size: 17px;
padding-bottom: 10px;
}


.date {
font-size: 11px;
display: block;
}

.storytext {
display: block;
padding-bottom: 30px;
}

.footerlink, .footerlink:link, .footerlink:active, .footerlink:visited {
padding-right: 10px;
padding-left: 10px;
color: #3F3F3F;
text-decoration: none;
}

.footerlink:hover {
padding-right: 10px;
padding-left: 10px;
color: #3F3F3F;
text-decoration: underline;
}

.portfolio_title {
font-size: 15px; 
border-bottom: 1px solid #3f3f3f; 
display: block
}

.portfolio_right {
display: block; 
font-style: italic; 
line-height: 40px; 
font-size: 14px; 
text-align: right;
}

.portfolio_box {
margin-top: 20px;
}

.portfolio_subtitle {
font-size: 14px; 
display: block;
line-height: 40px;
display: block;
margin-bottom: 10px;
border-bottom: 1px solid #3f3f3f;
}

.portfolio_beschreibung {
line-height: 20px;
width: 400px;
display: block;
}



.help {
border-bottom: 1px dashed #3f3f3f;
cursor: help;
}

.highlight {
background-color: green;
color: #ffffff;
}

.contenttoc {
margin-left: 30px;
width: 180px;
padding: 5px;
padding-left: 10px;
}

.contenttoc th {
text-align: left;
}

.toclink:link, .toclink:active {
display: block;
color: #3F3F3F;
}

.toclink:hover, .toclink:visited{
display: block;
color: #3f84eb;
}

.casestudies:hover {
border: 1px solid #f2f2f2;
text-align: center;
padding: 4px;
background-color: #f2f2f2;
}

.pagenav_next, .pagenav_next a {
font-weight: normal;
}

.pagenav_prev, .pagenav_prev a {
font-weight: normal;
}

.syndicate div{
display: inline;
text-align: left;
}

.small {
font-size: 11px;
color: #707f89;
}

#content img.highlight {
border: 0px;
padding: 4px;
margin: 5px 0px 0px 5px;
padding: 5px 15px 15px 5px;
background: url(../images/schatten.jpg) right bottom;
}

#toolbar img {
background: none;
padding: 0px;
margin: 0px;
}

.zoom {
background: url(../images/zoom.gif) right bottom;
}

#content img.thumb {
border: 0px;
padding: 0px;
margin-bottom: 0px;
}

.clr {
clear: both;
}

.module {
padding-left: 20px;
display: block;
padding-bottom: 30px;
}

/* SEITENZAHLEN */
.pagenav {
padding: 2px 5px 2px 5px;
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
color: #ccc;
}

a.pagenav:hover {
text-decoration: underline;
background-color: #3f84eb;
color: #fff;
}

.mainlevelfooter {
padding-right: 5px;
}



/* FORMULARE */
input {
margin: 0px;
border: 1px solid #cccccc;
background: #ffffff;
}

input:Focus {
border-left: 1px solid #3f3f3f;
border-top: 1px solid #3f3f3f;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #ffffff;
}

html>body .module .inputbox {
width: 98%;
}

.inputbox_contact, .textarea_contact, .inputbox_login, .inputbox_register {
font-family: Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #cccccc;
background: #ffffff;
width: 400px;
margin-bottom: 10px;
font-size: 12px;
padding: 5px 10px 5px 10px
}

.module .inputbox {
width: 98%;
margin-top: 5px;
}

.search .inputbox {
padding: 2px 2px 2px 2px;
font-size: 140%;
width: 100%;
color: #ccc;
}

.search .inputbox:Focus {
color: #363636;
}