/*
Theme Name: di-inselfest
Theme URI: http://die-infoseiten.de/
Description: di-inselfest
Version:2.0
Author: Karsten Oehlert
Author URI: http://die-infoseiten.de/
Tags: header,widgets
*/



body {
    background:#4E4327 url(images/bg.gif) repeat scroll 0 0;
    margin:0;
    padding:0;}

#page{
    color:#444444;
    font-family:Arial,Verdana,Sans-Serif;
    font-size:13px;
    margin:0 auto;
    text-align:left;
    width:1024px;}

#header {
    height:265px;
    margin:0 auto;}

.menu-header {
    background: url("images/menu.gif") repeat-x scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    width: 1024px;}
    
#content {
    background: url("images/content-bg.jpg") repeat scroll 0 0 #FFFFFF;
    border: 2px solid #DABA28;
    clear: left;
    float: left;
    margin: 0 5px;
    padding: 10px 20px 25px;
    width: 970px;}

#nav{
    width: 190px;}

#footer {
    clear:both;
    height:auto;
    margin:0 auto;
    padding:0;}

/*===================menu=====================*/

.menu-header a {
    color: #734B30;
    font-size: 14px;
    line-height: 35px;
    padding-right: 10px;}

.menu-header ul {
    display:inline;
    margin:0;
    padding:0;}

.menu-header ul li {
    display: inline;
    margin: 0 5px 0 15px;
    padding: 1px 0 0;}

.menu-header ul li a:link {}
.menu-header ul li a:visited {}
.menu-header ul li a:hover{color:#900600;} 
.menu-header ul li a:active {}
.menu-header .current_page_item a{}
.menu-header .page-item a:active {}
.menu-header .page-item a:hover {}



/* ============= nav =====================*/

#nav h2, #footer h2 {
    border-bottom: 2px solid #DABA28;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 25px;
    margin-top: 0;}
    
small, #nav ul ul li, #nav ul ol li, .nocomments, .postmetadata, blockquote, strike {
color:#DABA28;
}

#nav ul, #nav ul ol {
margin: 0;
padding:0;
}

#nav ul li {

list-style-image:none;
list-style-type:none;
margin-bottom:10px;

}

#nav ul li a:hover, {color:#F9CB00;}
#nav ul li.current_page_item a {color:#F9CB00;font-size:13px;font-weight:bold;}
#nav ul p, #nav ul select {margin: 5px 0 8px;}
#nav ul ul, #nav ul ol {margin:0;padding:0;}
#nav ul ul ul, #nav ul ol {margin:0;padding-left:5px;}
#nav ol li, #nav ul ol li {list-style: decimal outside;}
#nav ul ul li {
    list-style: square outside none;
    margin: 5px 0 0 15px;}

#nav ul ul li a {color:#444444;font-size:13px;}
#nav ul ul li a:hover{color:#FFDD11;}
#nav ul ul ul li {
font-weight:normal;
list-style-type:square;
margin-left:10px;}

#nav ul ul ul li a{
    color: #444444;
    font-size: 13px;}
    
#nav ul ul ul li a:hover, {color:#F9CB00;}
#nav ul ul ul li.current_page_item a {font-size:14px;font-weight:bold;}
#nav ul ul ul ul li {
font-weight:bold;
list-style-type:none;
margin-left:0;
}

small, .nocomments, .postmetadata, blockquote, strike {
color:#054070;
        }
#nav form {margin: 0;}	

#images_nav {
background:transparent url(images/logo.jpg) no-repeat scroll left top;
height:300px;
margin-bottom:7px;
margin-left:0;
margin-right:0;
width:100%;
	}

.artikel {margin-bottom:10px;padding-left:45px;}
.artikel a {color:#FFFFBE; font-weight:bold;}
.artikel a:hover {color:#EEDD11;}

/* ============= Ende nav ======================*/


/* ============= conntent ======================*/

small {color:#054070;}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin:5px 0;
}

h1 {
    border-bottom: 2px solid #DABA28;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 25px;
    margin-top: 0;}

h1 a, h1 a:visited {
    text-decoration:none;}

a, h1 a:hover {
    color: #900600;}

h2, h2 a, h2 a:visited {
color:#734B30;
font-size:14px;
text-decoration:none;
}
		
h2 a:hover {color: #660000;}

h3, h3 a, h3 a:visited {
color:#734B30;
font-size:13px;
text-decoration:none;
}
		
h3 a:hover {color: #660000;}
		        
h4, h4 a, h4 a:visited {
color:#734B30;
font-size:12px;
text-decoration:none;
}
		
h4 a:hover {color: #660000;}
		        
h5, h5 a, h5 a:visited {
color:#734B30;
font-size:12px;
text-decoration:none;
}
		
h5 a:hover {color: #660000;}		        

h6, h6 a, h6 a:visited {
color:#734B30;
font-size:12px;
text-decoration:none;
}
		
h6 a:hover {color: #660000;}		 

a {
color:#444444;
text-decoration:none;
}

a:hover {
color: #8d1d13;
text-decoration: none;
}

.entry{
    float: right;
    padding: 0;
    width: 760px;}




p {}
#box-description p{
margin:10px 0;
}
hr {display: none;}

.weiter{clear:both;font-weight:bold;text-align:right;}
#box-meta{font-size:11px;}
#newsbox {
padding:0 ;
margin-bottom:15px;
	}

#box-o {
background:transparent url(images/box-o.gif) repeat-x scroll 0 0;
height:35px;
}

#box-ol {
background:transparent url(images/box-ol.gif) no-repeat scroll 0 0;
float:left;
height:26px;
padding:9px 0 0 10px;
}
#print {text-align:right;}
#box-or {
background-image:url(images/box-or.gif);
float:right;
height:35px;
width:10px;
}

#box-o h1, #box-o h2 {
background:none repeat scroll 0 0 transparent;
border:0 none;
color:#444444;
font-size:14px;
margin:0 0 0 8px;
padding:0;
text-decoration:none;
 }	
	
#newsbox h1{margin:0;padding:2px 0;}	
#newsbox h1 a{color:#8D1D13;margin:0;padding:0;}
#newsbox h2{}	
#newsbox h3{}

#newsbox p{margin:0 0 5px;}		
	
#box-description a {color:#FFDD11;}
#box-description a:hover {color:#FFFFBE;}
/* ============= calendar ===================================*/

code {}
acronym, abbr, span.caps{}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}

#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }


/* Begin Structure */


.narrowcolumn {
margin: 0 auto 0;
padding:0 0 25px;
}

.widecolumn {
float:none;
margin-bottom:0;
margin-left:0;
margin-top:10px;
padding:0;
line-height: 1.4em;
}

.post {

}
.post a{color:#6F0000;}
.post a:hover {color:#9F0000;}
.post hr {}
.widecolumn .post {margin-left: 20px;}
.narrowcolumn .postmetadata {
border:1px solid #DDDDDD;
margin-bottom:5px;
padding-top:5px;
}
.widecolumn .postmetadata {margin: 30px 0;}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

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

.postmetadata {
clear: none;
border: 0px solid #DDDDDD
}
.clear {clear: both;}

/* =========End Structure ============*/


/* =========Begin Images==============*/
p img {
padding: 0;
max-width: 100%;
}

a img {
border:1px solid #DDDDDD;
padding: 1px;
}

img:hover {
background-color:#054070;
}

img.centered {
border:1px solid #DDDDDD;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
border:1px solid #DDDDDD;
padding: 1px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
border:1px solid #DDDDDD;
padding: 1px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {float: right;}
.alignleft {float: left;}


#box-archive img {
float:right;
margin-left:10px;
max-height:150px;
max-width:150px;
}

/*==========End Images=================*/


/*==========Begin Form Elements===============*/
#searchform {
/* margin: 10px auto;
padding: 5px 3px;*/
text-align: left;
}

#searchform p{
/* margin: 10px auto;
padding: 5px 3px;*/
text-align: left;
}

#nav #searchform #s {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 125px;}

.screen-reader-text{}

#nav #searchsubmit {
    padding: 0;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
}

select {width: 185px;}

/*================End Form Elements=================*/

/*============Begin Comments======================*/

.comment{
    clear: right;
    float: right;}

#comments, #respond{
    background-color:#F7F7F7;
    border:1px solid #7F0000;
    margin:5px 0;
    padding:2px 10px; }


.alt {
background-color: #f8f8f8;
border: 1px solid #ddd;
margin: 0;
padding: 10px;
}
		
.commentlist li .avatar {
float: right;
border: 1px solid #fff2be;
padding: 2px;
background: #eaf3d6;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
margin: 10px 5px 10px 0;
}
		
.commentmetadata {font-weight: normal;}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist ul{ padding-left: 0;}

.commentlist li {
    background:none repeat scroll 0 0 #F8F8F8;
    border:1px solid #FFDD11;
    font-size:12px;
    font-weight:bold;
    list-style-type:none;
    margin:0 0 15px;
    padding:5px 10px;}

#commentform {
    background:none repeat scroll 0 0 #F8F8F8;
    border:1px solid #FFDD11;
    font-size:12px;
    font-weight:bold;
    list-style-type:none;
    margin:0 0 15px;
    padding:5px 10px;}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 25px;
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform textarea {
margin-left:0;
padding:2px;
width:535px;
}

#commentform #submit {
margin: -50px 15px 15px;
float: right;
}	

#commentform p {
margin: 5px 0;
padding-left:0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}


/*==========End Comments================*/

/*===Begin Various Tags & Classes=======*/

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

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

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {text-align: center;}
.hidden {display: none;}

.navigation {
color:#FFFFFF;
display:block;
margin:0 8px;
padding:0 7px 17px;
text-align:center;
}

.navigation a{
color:#FFFFFF;

}

/*==========End Various Tags & Classes==*/

/*=========Captions====================*/

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/*============End captions================*/

/*===============Beginn footer============*/

#footer h2 a{    color: #224466;}

#footer a{color:#555555;}
#footer a:hover{color:#900600}
#footer ul{margin-bottom:5px;margin-top:5px;padding-left:0;}
#footer ul ul {margin-bottom:5px;margin-top:5px;padding-left:20px;}
#footer li{list-style:none outside none;}
#footer ul li{}
#footer ul ul li{color:#900600; list-style:square outside none;}

#footer li a{}
#footer li a:hover{}

#footer-info{
    font-size: 13px;
    line-height: 25px;
    padding-right: 10px;
    text-align: right;
    width: 1000px;}
    
#footer-info a{color:#fff;}
#footer-info a:hover{color:#DABA28;}


#box-footer {
    background-color: #FFFFFF;
    border: 2px solid #DABA28;
    clear: left;
    float: left;
    margin: 0 5px 25px;;
    padding: 5px 20px;
    width: 970px;
}

#footer-left{float:left;width:190px;}
#footer-center{float:left; padding-left:20px; width:290px;}
#footer-right{float: left; padding-left: 20px; width: 450px;}

/* ==============pagebar=====================================*/

.pagebar {
    color: #FFFFFF;
    float: right;
    margin-bottom: 1em;
    margin-right: 0.1em;
    padding: 2px 50px 0 0;
    text-align: center;
    text-decoration: none;
}

.pagebar a,.pageList .this-page {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #9AAFE5;
padding:0.2em 0.5em;
text-decoration:none;
}

.pagebar a:visited {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
background:#666666 none repeat scroll 0 0;
border:1px solid #2E6AB1;
color:#FFFFFF;
font-weight:bold;
padding:0.2em 0.5em;
}

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

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;