/* Timothy Framwork - www.timothyframework.com */
/* This work is licensed under the MIT License - http://www.opensource.org */


/* Color Legend */



/* Reset */

html, body
{
    margin: 0; padding: 0; border: 0;
    background: transparent;
    font-size:10px;
}
				
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, il,
table, tr, th, td, tbody, tfoot, thead
{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}
		
img
{
    margin:0;
    padding:0;
    border:0;
}

table, tr, th, td, tbody, tfoot, thead
{
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
}
	
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

input, select, textarea, from, fieldset
{
	margin: 0; padding: 0; border: 0;
}
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
}
	
ol, ul { list-style: none; }

/* Beispiele */
/* start definition */

/* h1 {color:#ff0000; }

h2 {color:#ff0000; }

h3 {color:#ff0000; } */

/* or together in one group */

/* h1, h2, h3 {color:#0000ff; font-family:Arial, Helvetica, sans-serif;
				font-weight:bold; }

h1 {font-size:30px; }
h2 {font-size:24px; }
h3 {font-size:18px; font-style: italic; } */


/* Start define styles */


/* Global */

html	{  		}
body 	{ background:#eeeeee;		}


/* Headings */

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #000;
}

h1 {
    font-size:24px;
}

h2 {
    font-size:20px;
    padding: 3px 0 3px 0;
}
h3 {
    font-size:16px;
    padding: 3px 0 3px 0;
}
h4 {
    font-size:14px;
}
h5 {
    font-size:14px;
}
h6 {
    font-size:32px;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}


/* Text Elements */

p				{ color:#000; font-size:14px; line-height:150%; }
p .left			{margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p .right		{margin: 1.5em 0 1.5em 1.5em; padding: 0; } 

a				{		}
a:link			{ color: #ffffff; }
a:visited		{ color: #ffffff; }
a:active		{ color: #ffffff; }
a:focus			{ color: #ffffff; }
a:hover			{ color: #ffffff; background-color: #770000; }

blockquote		{ color:#000; font-size:12px; }

strong			{ font-weight:bold; }
em				{ font-style: italic; }

/* Images */


/* Lists */

ul				{	}
ol 				{ list-style-type:decimal; }

ul li 			{color:#000; font-size:12px; }
ol il 			{color:#000; font-size:12px; }

dl				{		}
dt				{		}
dd				{		}

/* Tables */

table			{width:100%; }

tr				{		}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th				{font-weight: bold; }
thead, th		{background: #ccc; }

tbody 			{		}

th,td,caption	{		}
caption			{		}

tfoot 			{		}
.tfooter		{background-color:#ccc; text-align:center; font-style:italic; }
caption			{		}


/* Miscellaneous */

sup, sub		{ line-height: 0; }

appr, acronym	{border-bottom: 1px dotted #666; }
adress			{		}
del				{background:#ffcece; color:#f00; }

code, pre		{ background-color:#ff9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:bold; }
					
					
/* Containers (div-id's) */

#wrapper			{ width:1000px; margin:0px auto;	background:#E9E9E9	}
#wrapper h1 		{ font-size:32px; }


#top				{ background-color:#ffffff;	width:100%; padding:20px 0px; overflow:hidden;
						border-bottom:1px #eeeeee solid;	}

#logo				{ margin: 0 0 0 10px; float:left;		}
#logo img			{width: 700px; height:240px; }

#social-media		{ float:right; margin:80px 40px 0 0;		}
#social-media p		{ color:#000000; font-size:14px; margin:4px 10px 4px 0px; }
#social-media img	{ widows:32px; height:32px; }
#social-media ul li { display:inline; }

#topnav				{ background-color:#333333; clear:both;		}
#topnav ul			{ width:100%; float:left; margin:0px; background-color:#3399FF;
					  border-bottom:3px #cccccc solid ;}
#topnav ul li 		{ display:inline; }
#topnav ul li a		{ float:left; padding:10px 20px; }

#topnav a:link		{ color:#fffffff; } 
#topnav a:visited	{ color:#fffffff; }
#topnav a:active	{ color:#fffffff; }
#topnav a:hover		{ color:#fffffff; background-color: #000000; }
#topnav a:focus		{ color:#fffffff; }

#Bildernahmen	h3			{ color:#FFFFFF; font-size:16px; font-weight:bold;
						text-align:center; line-height:180%; }

#banner				{		}
#banner img			{ width: 900px; height: 450px; 	}

#subbanner			{ width:100%; background-color:#555555;
						padding:15px 0; overflow:hidden;	}
#subbanner h3		{ color:#FFFFFF; font-size:16px; font-weight:bold;
						text-align:center; line-height:180%; } 

#content			{ float:left; width:640px; padding:20px; background-color:#E9E9E9		}
#content h1 		{ margin: 0 0 20px 0; font-size:32px; 
						border-bottom:1px #777777 solid; padding:20px 0; }
#content p			{ margin:16px 0; line-height:160%; }
#content img		{ width:580px; height: 370px; padding:8px; border:1px #888888 solid; margin:8px;  }
#content h2 		{ margin:20px 0 0 0; }

#content a:link		{ color:#0000ff; } 
#content a:visited	{ color:#0000ff; }
#content a:active	{ color:#0000ff; }
#content a:hover	{ color:#0000ff; background-color:#3399FF; }
#content a:focus	{ color:#0000ff; }

#bandleader			{ float:left; width:640px; padding:20px; background-color:#E9E9E9		}
#bandleader h1 		{ margin: 0 0 20px 0; font-size:32px; 
						border-bottom:1px #777777 solid; padding:20px 0; }
#bandleader p			{ margin:16px 0; line-height:160%; }
#bandleader img		{ width:316px; height: 400px; padding:8px; border:1px #888888 solid; margin:8px;  }
#bandleader h2 		{ margin:20px 0 0 0; }

#bandleader a:link		{ color:#0000ff; } 
#bandleader a:visited	{ color:#0000ff; }
#bandleader a:active	{ color:#0000ff; }
#bandleader a:hover	{ color:#0000ff; background-color:#3399FF; }
#bandleader a:focus	{ color:#0000ff; }


#contentdemocd			{ float:left; width:650px; padding:20px; background-color:#E9E9E9		}
#contentdemocd h1 		{ margin: 0 0 20px 0; font-size:32px; 
						border-bottom:1px #777777 solid; padding:20px 0; }
#contentdemocd p			{ margin:16px 0; line-height:160%; }
#contentdemocd img		{ width:400px; height: 400px; padding:8px; border:1px #888888 solid; margin:8px;  }
#contentdemocd h2 		{ margin:20px 0 0 0; }

#contentdemocd a:link		{ color:#0000ff; } 
#contentdemocd a:visited	{ color:#0000ff; }
#contentdemocd a:active	{ color:#0000ff; }
#contentdemocd a:hover	{ color:#0000ff; background-color:#3399FF; }
#contentdemocd a:focus	{ color:#0000ff; }


#wrapper_galerie			{ width:1000px; margin:0px auto;	background:#E9E9E9	}
#wrapper_galeri p		{ color:#000000; font-size:14px; margin:4px 10px 4px 0px; }


#content_bildergalerie			{ float:left; width:900px; padding:20px; background-color:#E9E9E9		}
#content_bildergalerie h1 		{ margin: 0 0 20px 0; font-size:32px; 
						border-bottom:1px #777777 solid; padding:20px 0; }
#content_bildergalerie p			{ margin:16px 0; line-height:100%; }

#content_bildergalerie img		{ width:96px; height: 65px; padding:8px; border:1px #888888 solid; margin:8px;  }
#content_bildergalerie h2 		{ margin:20px 0 0 0; }

#content_bildergalerie a:link		{ color:#0000ff; } 
#content_bildergalerie a:visited	{ color:#0000ff; }
#content_bildergalerie a:active	{ color:#0000ff; }
#content_bildergalerie a:hover	{ color:#0000ff; background-color:#3399FF; }
#content_bildergalerie a:focus	{ color:#0000ff; }


#rightside			{ padding:20px;	margin-left:675px; background-color:#E9E9E9	}
#rightside h2		{ margin:10px 0 10px 0; font-size:18px }
#rightside p		{ margin:2px 0; line-height:160%; }


 

#content-wrapper	{		}

#leftnav			{		}

#leftside			{		}




#footer				{ clear:both; background-color:#3399FF; padding:10px 0; }
#footer p			{ text-align:center; color: #FFFFff; }	


#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}



/*Layout Extra */


/* Navigation */


/* Forms */

form	{ text-align:left; margin:20px; }

label, submit, input, textarea	{
			border:0; padding:0; margin:0; background:none; 
			}
			
label	{
		float:left; width: 150px;
		text-align:right; display:block;
		}
		
input, textarea	{
		border:1px #333 solid; margin-left:10px;
		}
		
input	{
		width: 280px; margin-bottom: 16px;
		}
		
textarea	{
		width: 280px; height: 150px;
		margin-bottom: 16px;
		}
		
select	{		}

.submit	{
		width:90px; height:25px;
		margin-left:150px;
		font-size:12px;
		}
		
br		{clear: left; }

/* Miscellaneous */

.auto-style2	{ font-size:12px; font-style:normal; color:#0000FF; background-color:#000000 } 


.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:80%; font-style:normal; color:#666; }

.title			{ font-size:18px; font-weight:bold; color:#333; }
.subtitle		{ font-size:14px; font-style:italic; color:#333; }
		
.artist			{ font-size:18px; font-weight:bold; color:#333; }
.author			{ font-size:14px; font-weight:bold; color:#555; }
.editor			{ font-size:14px; font-style:italic; color:#555; }

.pub-date		{ font-size:10px; font-style:italic; color:#555; }
.article-date	{ font-size:10px; font-style:italic; color:#555; }
.location		{ font-size:10px; font-style:italic; color:#555; }

.float-right	{ float:right; }
.float-left		{float:left; }
.clear			{clear:both; }

.hide			{display:none; }
.block			{display:block; }
.inline			{display:inline; }

.first			{font-weight:bold; }
.last			{font-weight:bold; }
.left			{font-weight:bold; text-align:left}
.right			{font-weight:bold; text-align:right}

.added			{ background:#d7d7ff; }
.removed		{background:#ffcece; color:#f00; }


/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error,	.alert,	.notice,	.success,	.info	{
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
.error,	.alert	{background:#fbe3e4; color:#8a1f11; border-color: #fbc2c4; }
	
.notice			{background:#fff6bf; color:#514721; border-color: #ffd324; }

.success		{background:#e6efc2; color:#264409; border-color: #c6d880; }			

.info			{background:#d5edf8; color:#205791; border-color: #92cae4; }

.error a 	{ color: #8a1f11; }
.alert a 	{ color: #8a1f11; }

.notice a	{ color: #514721; }
.success a	{ color: #264409; }
.info a		{ color: #205791; }	

/*fancybox */

.gallery .img {
	height: 240px; 
	/*width: 120px;   Adjust as you see fit */
	float: left;
	margin: 10px;
	text-align: center; font: bold 12px verdana; color: #000;
}

.gallery .img a {
	display: inline-block;
	border: 2px solid #ddd;
	padding: 1px;
}

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

.gallery img {
	border: none;
}

.gallery .pagenavigation  {
	height: 10px;
}

.gallery .prevpage a, .gallery .prevpage em {
	display: block;
	width: 50px;
	height: 39px;
	float:left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery .nextpage a, .gallery .nextpage em {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0 6px 0 0;
	text-indent: -1000px;
	background: url(../../images/next.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery .parentlink a {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	text-indent: -1000px;
	background: url(../../images/uppage.png) transparent no-repeat 0 0;
	overflow: hidden; 
}

.gallery .pagenavigation a:hover {
	background-position: 0 -40px; 

}

.gallery .prevpage em, .gallery .nextpage em {
	background-position: 0 -80px;
}

.gallery .pagelinks {
	float: right;
	border-right: 2px solid #666; 
}

.gallery .pagelinks a, .gallery .pagelinks em {
	margin-top: 6px;
	padding: 0 6px;
	border-left: 2px solid #666;
	text-align: center;
	font: bold 11px verdana; color: #666;
}

.gallery .pagelinks em {
	color: #000; 
}

.galleryclear {
	clear: both;
}