/*
Theme Name: Musikverein
Theme URI: http://www.beitler.eu/
Description: "Musikverein CMS based on Wordpress.
Version: 1.0
Author: Musikverein
Author URI: http://www.beitler.eu/
License: GPL
*/

/******************************************
*   HTML                       
******************************************/                      

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;
	}
	
body {
	background:#FFFFFF;
    padding: 13px 0 25px 0;
	color: #333;
	}

body, select, input, textarea {
	font: 12px Arial, Verdana, Sans-Serif;
	line-height:1.5em;
	}
	
p {	
	margin: 15px 0;
	}

/******************************************
*   Images                       
******************************************/

img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}
img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; border:none; }
img.right{ float:right; margin:0 0 5px 12px; }
img align left{ float:left; margin:0 12px 5px 0; }


/******************************************
*   General Structure                         
******************************************/


#page { /* Hauptcontainer*/
	width:1000px;
	background:url(http://www.musikverein-dieterskirch.de/wp-content/themes/Verein/images/pixel_1.gif) repeat-y left 50%;
	margin:0 auto;
	font-size:1em;
	overflow: auto;
}
	
#header{/*Header*/
background:url(http://www.musikverein-dieterskirch.de/wp-content/themes/Verein/images/header.jpg) repeat-x left top;
height:200px;
margin:0 auto;
width:1000px;
overflow: auto;
    }

#header h1{
    visibility:hidden;
    }
	
#left {
    float:left;
    width:800px;
    }
		
#right{
    display:inline;
	float:right;
    width:200px;
    margin:5px 0 20px 0;
	list-style:none;
    }

#right ul{
    list-style:none;
    }

#right a{
    color:#FFFFFF;
    text-decoration:none;
    list-style:none;
    }
	
#right form{
    margin-left:8px;
    }

#right h2,#right h3{
    background:#005aaa;
    color:#FFFFFF;
    font: 1.5em Vrinda;
    font-weight: bold;
    margin-top:20px;
    padding:3px 0 5px 14px;
    }

/******************************************
*   Kalender                        
******************************************/

#wp-calendar{
    width:170px;
    background:#FFFFFF;
    margin: 10px 0px 0 15px;
    text-align:center;
    }

#wp-calendar #prev{
    text-align:left;
     }

#wp-calendar #prev a{
    color:#000000;
    background:#FFFFFF;
     }

#wp-calendar #next{
    text-align:right;
    }

#wp-calendar #next a{
    color:#000000;
    background:#FFFFFF;
    }

#wp-calendar th{
    color:#666666;    
    background:#CCCCCC;
    }

#wp-calendar caption {
	margin: 10px 0 0 0;
	width: auto;
	text-align: center;
	font-weight: bold;
    }

#wp-calendar caption a {
	color: #000000;
	background-color: #FFFFFF;
    }

#wp-calendar #today {
	display: block;
	font-weight: bold;
	background-color: #CCCCCC;
    color: #000000;
    }

#wp-calendar td {
	background-color: #FFFFFF;
	text-align: center;
    }

#wp-calendar td a {
	font-weight: bold;
    background-color: #FFFFFF;
    color: #000000;
	text-align: center;
    }

.clear{
    clear:left;
    }


/******************************************
*   Content                         
******************************************/

#content {
	width:570px;
	float:right;
	padding:10px 15px 10px 15px;
	}

#content a{
    color: #005aaa;
    text-decoration:none;
    }

/******************************************
*   Content Startseite                         
******************************************/

#box1 {
	width:570px;
	float:right;
	padding:10px 15px 10px 15px;
	}

#box1 h1{
    font-family: Book Antiqua;
    font-weight: bold;
    color: #005aaa;
    font-size: 28px;
	padding:25px 15px 10px 0px;
    }

#box1 p{
	font: Arial;
	font-size:13px;
	color: #000000;
    }

#bottom {
width:600px;
	padding:10px 0px 10px 0px;
	float:right;
	}

.box {
padding:5px 15px;
margin:5px 0;
}
	
#bottom h1{
    font: Book Antiqua;
    font-weight: bold;
    color: #005aaa;
    font-size: 22px;
    padding:10px 15px 0px 15px;
    }

#bottom h3{
font-family: Book Antiqua;
background:#005aaa;
margin:0 5px;
padding:5px 15px;
color:#FFFFFF;
font-size: 18px;
    }

#bottom p{
    font: Arial;
    font-size:13px;
    padding:0px 15px 10px 5px;
    color: #000000;
    }

#bottom a{
	color: #005aaa;
	text-decoration:none;
    }

#bottom h3 a{
	color: #000000;
	text-decoration:none;
    }

small {
	font-size: 0.9em;
	padding:3px 6px;
	}


#description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#999;
	}

/******************************************
*   Content Unterseite                         
******************************************/


.entry {
	padding-bottom:26px;
	text-align:justify;
	}

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	
	
.post ul li {
	list-style:square;
	margin-bottom:5px;
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	margin-left:48px;
	}

.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;	
	border-bottom:1px solid #E6E3D3;	
	}


/******************************************
*   Überschriften                         
******************************************/

h1 {
    font-size: 24px;    
    font-family: Book Antiqua;
    color: #005aaa;
    padding: 20px 0px 10px 5px;
    }
	
	
h2 {
    font-size: 24px;
    font-family: Book Antiqua;
    color: #005aaa;
    padding: 20px 0px 10px 5px;
	}

#h1 a{
text-decoration:none;
    }


/******************************************
*   Sidebar                         
******************************************/

#sidebar {
	float:left;
	background:#7daaef;
	font: 1.5em Vrinda;
	font-weight:bold;
	padding:30px 0;
	width:200px;
	}

#sidebar ul,#sidebar li{
	list-style:none;
	}

#sidebar h2,#sidebar h3{
	background: #7daaef;
	color:#FFFFFF;
	padding:0 0 3px 13px;
	}

#sidebar ul li a{
	background:#7daaef;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px 0 4px 12px;
	display:block;
	text-decoration:none;
	}

#sidebar ul ul li a{
	background:#7daaef;
	color:#FFFFFF;
	display:block;
	font-size:0.85em;
	font-weight:bold;
	padding:2px 0px 2px 18px;
	text-decoration:none;
	width:182px;
	}

#sidebar a:hover {
	color:#7daaef;
	}
	
#sidebar ul li a:hover {
	background:#FFFFFF;
	}

/******************************************
*   Sidbar Zufallsbilder                         
******************************************/


.ngg-widget,
.ngg-widget-slideshow{
	overflow:hidden;
	padding:10px 0 0 0;
	}
	
.ngg-widget img{
	border:1px solid #477792;
	margin:0 0 9px 14px;
	padding:1px;
	}


/******************************************
*   Footer                         
******************************************/

#footer{
    background:#005aaa;
    clear: both;
    color:#FFFFFF;
font-family: 1.4em Book Antiqua;

    padding:5px 0 5px 0;
    margin:0 auto;
    text-align:center;
    width:1000px;
    }

#footer a {
font-family: Book Antiqua;
	color:#FFFFFF;
    text-decoration:none;
	}

/******************************************
*   Terminkalender Page                         
******************************************/

#terminkalender {
display:inline;
	}



.events_event {
display:Block;
position:absolute;
left:150px;
position:absolute;
top:0;
	}
	
#terminkalender li {
	width: 100%;
	list-style:none;
	position:relative;
	}



/******************************************
*   Gallery Besetzung                         
******************************************/

.sample3 { 
	margin: 0; 
	padding: 0; 
	text-indent:0px !important;
	list-style:none;
	} 

.sample3 li:before { 
	content: '' !important;
	list-style:none; 
	} 

.sample3 li { 
	padding: 10px;
	margin: 0; 
	float: left; 
	position: relative; 
	width: 180px; 
	height: 130px; 
	list-style:none;
	} 

.sample3 li:hover img { 
	border-color: #000; 
	} 

.sample3 img { 
	background: #fff; 
	border: solid 1px #ccc; 
	padding: 5px;
	} 

.sample3 em { 
	background: #fff; 
	color: #000; 
	font-style: normal; 
	padding: 2px 8px 0 22px; 
	display: block; 
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	border: 1px solid #999;
	list-style:none;
	} 

.sample3 a { 
	text-decoration: none;
	list-style:none; 
	} 

.sample3 span { 
	width: 30px; 
	height: 60px; 
	display: block; 
	position: absolute; 
	bottom: 7px; 
	right: 9px; 
	background: url(images/paper-clip-mini.png) no-repeat; 
	z-index: 1;
	}

#ngg-gallery-2 li{
    list-style:none;
}

/******************************************
*   Anreise                       
******************************************/ 

.kontaktbild {
     margin:10px;
}

.attachment-post-thumbnail{
float:left;
margin: 5px 10px 0px 0px;
padding: 5px;
border: 1px solid #DDDDDD;
}

#featured-bottom h3 {
color:#FFFFFF;
font-family: Book Antiqua;
background:#005aaa;
margin:0 5px;
padding-left:10px;
}

/******************************************
*   Captions und Bilder                       
******************************************/ 

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #ddd;
background-color: #f3f3f3;
padding: 5px;
}

.alignleft{
float: left;
margin:5px 10px 5px 0;
border: 1px solid #ddd;
background-color: #f3f3f3;
padding: 5px;
}

.alignright{
float: right;
margin:5px 0 5px 10px;
border: 1px solid #ddd;
background-color: #f3f3f3;
padding: 5px;
}

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