/*  
Theme Name: Mäntele
Theme URI: http://www.portfolio.katrinmaentele.de
Description: Portfolio von K. Mäntele
Version: 1.0
Author: Katrin Mäntele
Author URI: http://www.katrinmaentele.de

*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}

body{
text-align: left;
vertical-align: top;
background-image:url(img/bg.gif);
}

/*Headlines*/
h1{
font-family: Georgia, Times, serif;
font-size: 24px;
padding: 0 0 10px 0;
color:#333333;
}

h2 {
font-family: Georgia, Times, serif;
font-size: 16px;
color:#333333;
}

h2.pagetitle {
font-size: 16px;
font-family: Georgia, Times, serif;
font-size: 16px;
}

h3 {
font-family: Georgia, Times, serif;
font-size: 16px;
color:#333333;
}


/*sidebar*/

ul, ol, li {
font-size: 12px;
font-family: Arial, Helvetica, Sans-serif;
line-height:18px;
font-style:normal;
}

/* Makes selected category highlighted */
.focalLinkSelected {color:black;font-weight:bold}
 
 
/* Indent Child Category */
.FoldingCategoryList li ul {margin-left:6px} /* nodeLevel1 */
.FoldingCategoryList li ul li ul {margin-left:6px} /* nodeLevel2 */
/* or */
.nodeLevel1 {margin-left:6px}
.nodeLevel2 {margin-left:6px}
 



/*Links*/
a:link, a:visited{
text-decoration: none;
color:#336666;
}

a:hover{
color:#333333;
}

a:active{
color:#333333;
}


p{
padding: 5px 0 0 0;
color:#333333;
font-size: 12px;
font-family: Arial, Helvetica, Sans-serif;
line-height:18px;
}


#wrapper{
background-color:#FFFFFF;
width: 806px;
text-align: left;
height:auto;
float:left;
}



/* HEADER */

#header{
height:99px;
float: left;
width: 806px;
border-bottom:1px dotted #333;
color:white;
}
#orientation {
height:20px;
background:#333;
border-bottom: 1px dotted #999;
width:805px;
border-right:1px dotted #ccc;
}
#ori{
float:left;
margin-left:95px;
}

/*Menü oben links*/
#menu-wrap ul li {float:left;position:relative;}

#menu-wrap ul ul li {width:100%}
#cms-nav-wrap{
display:block;
color:#999;
font-family:Georgia, Times, serif;
font-style:italic;
font-size:11px;
}
#cms-nav-top-menu {}

#cms-nav-top-menu, #cms-nav-top-menu ul {
	color:#CCCCCC;
    padding: 0;
    margin: 0;
    list-style: none;    
    z-index: 999;   
	height:17px;
}

#cms-nav-top-menu a{
	color:#CCCCCC;
	background-color:#333333;
    display: block;
    text-decoration: none;
    padding: 3px 5px 0px 5px;
    border-right: 1px dotted #999;
	height:17px;
}

#cms-nav-top-menu a.trigger {
color:#fff;
    display: block;
    text-decoration: none;
    padding: 3px 5px 0px 5px;
    border-right: 1px dotted #999;
	height:17px;
}

#cms-nav-top-menu a.selected{    
    background-color: #336666;
	color:#fff;
    display: block;
    text-decoration: none;
    padding: 3px 5px 0px 5px;
    border-right: 1px dotted #999;
	height:17px;                
}

#cms-nav-top-menu li:hover a, #cms-nav-top-menu a:focus,

#cms-nav-top-menu a:active {
    color:#fff;
    background-color: #336666;
}

.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}

.cms-nav-sub-section{    
    font-weight:bold;
    font-size: 110%;
    list-style-type: none;
}

ul li.cms-nav-sub-section:before{
    content: '' !important;
}
/*Menü oben rechts */
.cms-nav-bc{
	font-family:Georgia, Times, serif;
	text-align:right;
	padding-top:3px;
	font-size:11px;
	font-style:italic;
	color:#CCCCCC;
	padding-right:8px;
}

.cms-nav-bc a:hover {
	color:#FFFFFF;
}

/*Logo-Bereich*/

#title {
width: 615px;
height:78px;
background:white;
}
#title_content {
width: 615px;
height:76px;
background:white;
border-bottom:1px solid #333;
}
#logo {
background-image:url(img/logo.gif);
height:74px;
width:173px;
margin-left:65px;
}

#slogan {
margin-top:-60px;
margin-left:100px;
padding-top:42px;
}
.slogan {
font-family: Georgia, Times, serif;
color:#333333;
font-size:11px;
}
.slogan_2 {
font-family: Georgia, Times, serif;
color:#333333;
font-size:11px;
line-height:18px;
font-style:normal;
margin-top:-22px;
}
#mitte {
margin-left:615px;
margin-top:-78px;
width: 191px;
height:78px;
background:white;
}
#mitte_content {
width: 191px;
height:76px;
background:white;
border-bottom:1px solid #333;
background:white;
}
.content_mitte {
padding-left:10px;
padding-top:40px;
font-family: Arial, Helvetica, Sans-serif;
font-style:italic;
font-size:14px;
color:#333333;
}
#rechts {
margin-left:804px;
margin-top:-78px;
width: 194px;
height:78px;
}
#rechts_content {
width: 194px;
height:76px;
background:white;
border-bottom:1px solid #333;
}
#contact{
background-image:url(img/mail_icon.gif);
width:38px;
height:30px;
margin-top:-28px;
cursor: pointer;
float:right;
margin-right:10px;
border:0;
}
#vita{
background-image:url(img/vita_icon.gif);
width:21px;
height:30px;
margin-top:-28px;
margin-left:105px;
cursor: pointer;
}
#vita a img {
	border: 0;
	}
#contact a img {
	border: 0;
	}


/*CONTENT */

#container{
height:auto;
clear:both;
float: left;
width: 455px;
padding-left:95px;
padding-right:65px;
background:white;
position:relative;
}

.post{
padding: 10px 0 10px 0;
height:100%;
}

.post h2{
font-family: Georgia, Times, serif;
font-size: 16px;
color:#333;
}

.entry{
line-height: 18px;
}

p.postmetadata{
font-family: Georgia, Times, serif;
font-size:10px;
color:#999999;
}

p.post_date {
padding-bottom:5px;
}

h2.post_date {
font-family: Georgia, Times, serif;
font-size: 16px;
border-bottom: 1px dotted #333;
padding-bottom:2px;
}

h2.post_date_2 {
font-family: Arial, Verdana, Sans-serif;
font-size:12px;
font-weight:bold;
color:#333;
border-bottom: 1px solid #336666;
padding-bottom:2px;
padding-top:5px;
}

h3.post_date {
border-bottom: 1px dotted #333;
padding-bottom:10px;
}

.navigation{
font-family: Georgia, Times, serif;
padding: 2px 0 0 0;
margin-bottom:30px;
font-size: 11px;
font-weight: bold;
line-height: 18px;
color:#333333;
}

.caption  {
font-family: Georgia, Times, serif;
font-size:11px;
font-style:italic;
}




/* Sidebar */

.sidebar{
background-color:white;
float: left;
width: 191px;
margin: 0 0 0 0;
color:#333333;
height:auto;
}

/* Suche */
#searchform{
height:20px;
width:170px;
}
#s {
height: 16px;
border-top: 1px solid #999;
border-left: 1px dotted #999;
border-right: 1px dotted #999;
border-bottom: 1px solid #999;
background:white;
font-family: Arial, Helvetica, Sans-serif;
vertical-align:top;
color:#333333;
margin-top:2px;
}
.searchbutton {
vertical-align:middle;
height: 25px;
width: 20px;
cursor: pointer;
text-indent: -9999px;
border:0;
background:url(img/search_button_ia.gif) no-repeat right center;
margin-left:2px;
}
/* RSS */
.rss {
width:157px;
vertical-align:middle;
height: 25px;
border:0;
background:url(img/rss_button.gif) no-repeat right center;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
color:#333333;
}

.sidebar ul li{
padding: 8px 0 10px 0;
color:#333333;
}

.sidebar ul li h2{
font-family: Georgia, Times, serif;
font-size: 12px;
color:#333333;
border-bottom:1px solid #333;
border-left:1px dotted #333;
padding-left:5px;
padding-top:3px;
padding-bottom:5px;
margin-bottom:5px;
font-style:italic;
line-height:14px;
}

.sidebar ul ul li{
line-height:18px;
padding:0;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

/* footer */

#footer{
clear: both;
float: left;
width: 806px;
border-top:1px solid #333;
border-bottom:1px solid #333;
background:white;
height:20px;
color:#333333;
}

#footer p{
font-family: Georgia, Times, serif;
font-size: 10px;
padding-left:95px;
margin-top:-5px;
color:#333333;
}


/* Comment */

#author {
border-top: 1px solid #999;
border-left: 1px dotted #999;
border-right: 1px dotted #999;
border-bottom: 1px solid #999;
font-family: Arial, Helvetica, Sans-serif;
color:#333;
}

#email {
border-top: 1px solid #999;
border-left: 1px dotted #999;
border-right: 1px dotted #999;
border-bottom: 1px solid #999;
font-family: Arial, Helvetica, Sans-serif;
color:#333;
}

#url {
border-top: 1px solid #999;
border-left: 1px dotted #999;
border-right: 1px dotted #999;
border-bottom: 1px solid #999;
font-family: Arial, Helvetica, Sans-serif;
color:#333;
}

#comment {
border-top: 1px solid #999;
border-left: 1px dotted #999;
border-right: 1px dotted #999;
border-bottom: 1px solid #999;
width:453px;
font-family: Arial, Helvetica, Sans-serif;
color:#333;
}

.comments_i{

}

.respond_i{

}

.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
	color:#333333;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #333;
	border-bottom-style: dotted;
}

.comments-template h2, .comments-template h3{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
}

.commentmetadata{
	font-size: 12px;
	color:#999;
	font-style:italic;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color:#333333;
}

.submit{
border:1px solid #333;
font-family: Arial, Helvetica, Sans-serif;
font-size: 12px;
color:#333;
background:white;
cursor:pointer;
text-align:center;
padding:2px;
width:160px;
}

/* Zusatz Schriftstile */

.attachment {
	text-align: left;
	margin: 5px 0px;
}

a img {
	border: 1px solid #ccc;
	}
	
.wp-image {
	border: 1px solid #ccc;
	margin-top:10px;
	}

.wp-image-ohne {
	margin-top:10px;
	}
	
.wp-caption {
	font-style: italic;
	margin-bottom:10px;
}

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}



blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
	}



blockquote cite {
	display: block;
	padding-top:0px;
	}



.center {
	text-align: center;
	}



.hidden {
	display: none;
	}



hr {
	display: none;
	}


	
	
strong {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight:bold;
	font-size: 12px;
	font-style:normal;
	}
i {
	font-family: Georgia, Times, serif;
	font-size: 11px;
	font-style:italic;
	line-height:25px;
	}
b {
	font-family: Georgia, Times, serif;
	font-size: 11px;
	font-weight:bold;
	font-style:italic;
	line-height:25px;
	}
em {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-style:italic;
	}

ol {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-style:normal;
	line-height:18px;
	}

/* End Various Tags & Classes*/

/*contact form*/
#wpcf{
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#333;
	width:455px;
	margin-top:10px;
}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 110px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#333;
	font-weight:bold;
}

#wpcf input {
	float: left;
	padding: 1px;
	margin: 2px 5px 2px 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#333;
	border-top: 1px solid #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-bottom: 1px solid #999;
}

#wpcf #wpcf_your_name {
	float: left;
	width: 265px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#333;
		border-top: 1px solid #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-bottom: 1px solid #999;
}

#wpcf #wpcf_email {
	float: left;
	width: 265px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#333;
		border-top: 1px solid #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-bottom: 1px solid #999;
}

#wpcf #wpcf_website {
	float: left;
	width: 265px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#333;
		border-top: 1px solid #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-bottom: 1px solid #999;
	margin-bottom:20px;
}

#wpcf #wpcf_msg {
	width: 455px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
	border-top: 1px solid #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-bottom: 1px solid #999;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#333;
	margin-top:5px;
}

#wpcf textarea {
	width: 455px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
	border-top: 1px solid #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-bottom: 1px solid #999;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#333;
	margin-top:5px;
}

#wpcf #checkbox {
	width: 20px;
	border-top: 1px solid #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-bottom: 1px solid #999;
}
#wpcf #contactsubmit {
	margin-left: 355px;
	width: 100px;
	background-color:#FFFFFF;
	cursor:pointer;
	border: 1px solid #999;
}

ul.liste {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
}
ul.liste li {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:12px;
	list-style:square;
}

/*pagebar*/

.pagebar {
	background: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:11px;
	height:40px;
	padding-top:10px;
	margin-left:-2px;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #999;
	text-decoration: none;
	padding:2px 6px 2px 6px;	
	margin-left:0px;
}

.pagebar a:visited {
	border: 1px solid #999;
	text-decoration: none;
	padding:2px 6px 2px 6px;
}

.pagebar .break {
	width:0px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #999;
	font-weight: bold;
	background: #999;
	color: #fff;
	padding:2px 6px 2px 6px;
}

.pagebar a:hover {
	border-color: #999;
}

.pagebar .inactive
{
   border: 1px solid #999;
	 color: #ccc;
   text-decoration: none;

}