/*
Theme for CGP - Chris Gingles Production
*/

body {
    font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #333;
}

/* default sections 
------------------------------------------------------------------------- */
#wrapper     { background-color: #e3e1d1; text-align: center; margin: 12px auto; padding: 2px; width: 742px }
#navcontainer	     	  { background-color: #fff; text-align: center; margin: 2px 0; padding: 0.1em 0; height: 24px; border-style: solid; border-width: 1px; border-color: #999 #333 }

/* main content styles below this line */
#content	      { background-color: #fff; text-align: left; margin-right: 143px; margin-left: 143px; height: 100%; min-height: 400px; border: solid 1px #999 }
#content ul li   {padding-left:10px; list-style-type: none; }
#content h1  { padding-left: 10px;}
#content .title {width: 60%; border-bottom: 1px solid #666; }
#content p	  { margin: 0 5px }
	 
/* sidebar - linke spalte */ 
div#sidebar	 			      { width: 140px; float: left; overflow: hidden }
#sidebar .box       	  { text-align: left; margin-top: 0; margin-bottom: 2px; padding: 7px 5px 5px; border-style: solid; border-width: 1px; border-color: #999 #999 #999 #333 }
/* newsbar - rechte spalte */
#newsbar   			      { width: 140px; float: right; overflow: hidden }
#newsbar .box          { text-align: left; margin-top: 0; margin-bottom: 2px; padding: 7px 5px 5px; border-style: solid; border-width: 1px; border-color: #999 #333 #999 #999 }

.box       				    { background-color: #fff; margin-top: 1px; margin-bottom: 2px; padding: 5px }
.box p   				  { padding-right: 5px; padding-left: 5px }
.box a   				  {  }
.box h3  				       { color: #f2ebeb; line-height: 1.1em; background-color: #900; background-image: url("../img/box_h3_l.gif"); background-repeat: repeat-y; background-position: left 0; margin: 0 0 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; border: solid 1px #666 }
.box ul			 { line-height: 1.1em; list-style-type: none }
.box  input      		  { display: block; position: relative }


/* special text formatting 
------------------------------------------------------------------------------- */
h1	  		  { color: #000; font-size: 1.3em; font-style: normal;  font-weight: 500  }
h2	  	 	  { color: #000; font-size: 1.1em; font-style: normal }
h3 		 	 { color: #000; font-size: 1em; font-style: normal }
hr			{ height:0px; border:solid #444444 0px; border-top-width:1px;}	

a	 { text-decoration: none }
a:link 		{ color: #003 }  
a:visited 	{ color: #003 }
a:hover 	{ color: #696969; } 

a img { border: 0; }

#content a.external  { background: url("../img/ExternalLink.png") no-repeat right center; display: inline-block; padding-right: 14px }
#content a.external:hover { background: url("../img/ExternalLink_h.png") no-repeat right center; display: inline-block; padding-right: 14px }

.small		 { font-size: 0.9em; line-height: 1.1em }
.red                  {color: #7d0202;}
.error                  {color: red;}

/* breadcrump 
------------------------------------------------------------------------- */
#breadcrumb	   { background-color: #f5f5f5; margin: 0 0 10px; padding: 2px 5px; border-bottom: 1px solid #696969 }

/* header 
------------------------------------------------------------------------- */
#header   { background-color: #7d0202; background-image: url("../img/header_bg_top.gif"); background-repeat: no-repeat; background-position: center top; text-align: right; margin: 0; padding: 0; height: 110px; border-style: solid; border-width: 1px; border-color: #333 #333 #999  }
#header img 	 { margin-top: 7px; margin-left: 20px; float: left }
#header h1		  { color: #000; font-size: 1.3em; font-family: Georgia; font-weight: 500; text-align: left; letter-spacing: 5px; margin: auto 0 10px 300px; padding: 0 0 0 0; z-index: 4 }
#header .h1_sub	 { color: #000; font-size: 0.8em; line-height: 1.5em; letter-spacing: 0; margin-left: 10px }
#header a		   { }

/* footer */
#footer	  	  { font-size: 0.9em; background-color: #7d0202; background-image: url("../img/footer.gif"); background-repeat: no-repeat; background-position: 0 bottom; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; height: 20px; clear: both; border-style: solid; border-width: 1px; border-color: #999 #333 #333 }
#footer a 	 { color: #999; text-align: right; margin-top: 5px; margin-right: 10px; float: right }
#footer p	 { color: #999; text-align: left; margin-top: 5px; margin-bottom: 5px; float: left }

/* eventlisting 
------------------------------------------------------------------------- */
.show	      { background-color: #ffffff; margin: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; height: 100%; border-bottom: 1px solid #333333 }
#content .show h1	  	   {margin-bottom: 10px; }
.show h2	  	    { color: #000000; font-size: 1em; font-style: normal; line-height: 1.1em; letter-spacing: 0.1em; margin-top: 10px; margin-bottom: 5px; padding-left: 10px }

.show h3 {
line-height: 1.1em;
letter-spacing: 0.1em;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 10px;
}
.show p 		  { adding-left: 5px }
.show .date	 { color: #7d0202; margin-bottom: -3px }
.show .firstlinedate	 { color: #7d0202; margin-bottom: -3px }
.show img  { border-width: 0 }
.show_paginate {padding-left: 10px; margin-bottom: 10px; }

.show .rand li  { background-image: url("../img/rotate/rotate.php"); background-repeat: no-repeat; list-style-image: url("../img/rotate/rotate.php") }

/* imagegalleries 
------------------------------------------------------------------------- */
.headline  { text-indent: -10px; }

.g_thumbs	 { margin-top: 10px } 
.g_img_thumb       { text-align: center; margin: 0px 1px 5px 5px; width: auto; float: left; border: solid 1px #666 }
.g_img_thumb img   { margin: 5px; border: solid 1px #fff }
.g_list     { margin: 0; padding-top: 3px; padding-bottom: 2px; padding-left: 20px; min-height: 90px; border-bottom: 1px solid #333 }
.g_thumb        { margin-right: 35px; margin-bottom: 5px; margin-left: 10px; float: left }
.g_show a 	  { text-decoration: none }
.g_show img	 { border-width: 0 }
.g_list img   { border: solid 1px #fff }
.g_img       { margin-top: 10px; margin-bottom: 10px; padding: 2px; border: solid 1px #fff }
.step    { background-color: #fff; text-align: center; letter-spacing: 2px; margin-right: 5px; margin-left: 5px; border: solid 1px #333 }
.step a     { text-decoration: none }
.lastviewed img  { margin-right: auto; margin-left: 10px; padding: 2px; border: solid 1px #666 }



/* contact & mailform
------------------------------------------------------------------------- */
#EmailForm	 { margin-left: 20px }
#EmailForm	label  {}
#cfName	{}
#cfEmail	{}
#cfRegarding	 { width: 400px; }
#cfMessage	{width: 400px;}
#cfContact	{color: #333; border: 1px #666}

#doptForm .doptText	    { margin-left: 0px; width: 120px; border-style: solid; border-width: 1px; border-color: #999999 #999999 #666666 #666666 }
#doptForm #doptSubmit  {  margin-bottom: 10px; margin-left: 5px; width: 80px; border-style: solid; border-width: 1px; border-color: #999999 #999999 #666666 #666666 }
#doptForm #doptIn	{margin-right: 5px; float:left;}
#doptForm label {margin-top: 2px; margin-bottom: 2px; margin-left: 5px;  float:left;}

/* bookmarks 
------------------------------------------------------------------------- */
#socialbookmark	 { text-align: center }
#socialbookmark	img    { position: relative; margin: 0; padding: 2px; float: none; border: solid 1px #dcdcdc }

/* ajax_search 
------------------------------------------------------------------------- */
#ajaxSearch_input_sidebar	    { display: block; margin-top: 10px; margin-bottom: 2px; margin-left: 5px; width: 120px; border-style: solid; border-width: 1px; border-color: #999999 #999999 #666666 #666666 }
#ajaxSearch_submit_sidebar	  { display: block; margin-top: 2px; margin-bottom: 10px; margin-left: 5px; width: 80px; border-style: solid; border-width: 1px; border-color: #999999 #999999 #666666 #666666 }
#ajaxSearch_input	    { display: block; margin-top: 10px; margin-bottom: 2px; margin-left: 5px; width: 350px; border-style: solid; border-width: 1px; border-color: #999999 #999999 #666666 #666666 }
#ajaxSearch_submit	  { display: block; margin-top: 2px; margin-bottom: 10px; margin-left: 5px; width: 80px; border-style: solid; border-width: 1px; border-color: #999999 #999999 #666666 #666666 }

#ajaxSearch_radio input { margin-right: 5px; }
.ajaxSearch_resultsInfo	 { margin: 5px }
.ajaxSearch_paging	 { margin: 5px }
.ajaxSearch_result	 { margin: 5px }
.ajaxSearch_resultLink  { margin-left: 5px; border-bottom: 1px solid #ccc }
/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    right: 60px;
    top: 40px;
    padding: 15px 15px 0;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}





/* Special handling for images & alignment 
------------------------------------------------------------------------------- */



img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/* tagCloud */

#tagCloud	  	   { font-size: 0.9em; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; margin-bottom: 5px; height: auto; clear: both;  background-image: url("../img/toolTip.gif"); background-repeat: no-repeat; background-position: 0 bottom; }

#tagCloud a {text-decoration: none;padding-top: 0pt;padding-right: 4px;padding-bottom: 0pt;padding-left: 4px;}
#tagCloud a.tagXS	{font-size: 0.7em}
#tagCloud a.tagS	{font-size: 0.9em}
#tagCloud a.tagM	{font-size: 1.1em}
#tagCloud a.tagL	{font-size: 1.3em}
#tagCloud a.tagXL	{font-size: 1.5em}