/* 
Theme Name: KAG Herbst 09
Theme URI: 
Description: bla
Version: 2.1
Author: Max Tillich
Author URL: http://maxtillich.com
Released: 09/31/09
*/

/*
-Notizen:
	Codex: http://codex.wordpress.org/Template_Tags
	Validator: http://jigsaw.w3.org/css-validator/#validate_by_input
	Snippets:
		<?php bloginfo('template_directory'); ?>
		
		<?php / * Template Name: Presse * / ?>

-Plugins:
	Menu: http://www.alistapart.com/articles/dropdowns/ (original suckerfish mit DOM lösung.)
	Calendar: http://code.google.com/p/wpng-calendar/
	Google Maps: http://wordpress.org/extend/plugins/google-map-shortcode/
	Download Manager: http://wordpress.org/extend/plugins/downloads-manager/
	Slide dings: http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm
	veraltet: Tabellen hinzufügen: http://www.lucidgreen.net/webbybooth/?p=11

-Layout:
	#header
		#logo
		#nav
	#superwrapper
		#content
			.box
				(.post)
				...
		#sidebar
			.box
				...
		#footer
			.box
			#kontaktdaten
				#anschrift
				#telefon
			#meta
				#legal
				#credits
*/

/* CSS Reset */

	*,html {
		margin: 0;
		padding: 0;
	}

	body {	
		font-size: 14px;
        /* Helvetica am Anfang gibt unter Win (TFT) Probleme */
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-style: normal;
		color: #262626;
		line-height: 20px;
		background: #eee url(images/bg_header.png) repeat-x top;
		text-align: center; /* für IE6, wird im super wrapper zurückgesetzt auf left */
	}

    /* Für alternierende Tabellenzeilenfarben 
            * zebra.js sorgt für die Kennzeichnung
            */
    		#zebra {
		/*		border: 1px solid #ccc;*/
				border-collapse:collapse;
			}

			#zebra tr td {
				padding: 3px 8px;
				background: #f1f1f1;
				border: 1px solid #D9D9D9;
			}

		    #zebra tr th {
				padding: 3px 8px;
				/*border: 1px solid #000;*/
		        	background-color: #ccc;
		        	border-collapse:collapse;
				text-align: left;
			}
		    /* end zebra */
    
	p ,ol, ul, form {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
		h1 {
			font-size: 20px;
			font-weight: bold;
			margin-bottom: 8px;
		}
		
		h2 {
			font-size: 20px;
			font-weight: normal;
			margin-bottom: 7px;
		}
		
		h3 {
			font-size: 18px;
			font-weight: normal;
			margin-bottom: 5px;
		}
		
		h4 {
			font-size: 16px;
			font-weight: normal;
			margin-bottom: 4px;
		}

	a {
		color: #3f55ae;
	}
	
		div.post a {
			color: #000;
		}
		
		div#single_post a {
			color: #000;
		}
		
		div.post a.more-link {
			color: #3f55ae;
		}
		
		div#single_post a.more-link {
			color: #3f55ae;
		}
		
		/* external links */
		/* übernommen von: http://www.kryogenix.org/days/2002/08/30/external */
		div#content .box p a[href^="http:"] {
			background: url(images/a_external_sw.gif) right center no-repeat;
			padding-right: 14px;
		}

		div#content .box p a[href^="http:"]:hover {
			background: url(images/a_external_sw_a.gif) right center no-repeat;
		}

		/* ...but not to absolute links in this domain... */

		div#content .box p a[href^="http://www.adenauer-bonn.de"] {
			background: transparent;
			padding-right: 0px;
		}

		div#content .box p a[href^="http://www.adenauer-bonn.de"]:hover {
			background: transparent;
		}

		div#content .box p a[href^="http://adenauer-bonn.de"] {
			background: transparent;
			padding-right: 0px;
		}

		div#content .box p a[href^="http://adenauer-bonn.de"]:hover {
			background: transparent;
		}

		/* end external links test */
	
	img {
		border: 5px #a1a1a1 solid;
	}
	
		img.alignleft {
			float: left;
			margin: 0 10px 5px 0;
		}
		
		img.alignright {
			float: right;
			margin: 0 0 5px 10px;
		}
	
	ul {
		list-style: square;
		list-style-position: inside;
	}

		div#single_post ul li{
			list-style-type: none;
			list-style-position: inline;
			padding-left:15px;
			background: url(images/bullet_square.png) no-repeat left 5px;
		}
	
	ol {
		list-style-type: decimal;
		list-style-position: inside;
	}
	
	dl {
		margin-top: 10px;
	}
	
		dt {
			margin-right: 16px;
		}
		
			.attachment-thumbnail {
				border: 5px #a1a1a1 solid;
			}
		
	/* gallery */
	div.gallery {
		padding-right: -16px;
	}

/* Layout */
	
	/* float left/right */
	div.float_left {
		float: left;
	}
	
	div.float_right {
		float: right;
	}

	/* float killer */
	div.clear {
		clear: both;
	}
	
	/* "box" */
	/* die "box" passt sich der width des übergeordneten div's an. 5px border, 10px padding */
	div.box {
		width: auto;
		margin-bottom: 20px;
		padding: 10px;
		background: #fff;
		border: 5px #dadada solid;
	}
		
		div.box ul {
			margin: 0 0 10px 0;
		}
	
	/* HEADER */
	div#header {
		text-align: left;
		width: 903px;
		margin: 22px auto 0 auto;
		padding-top: 14px;
		background: url(images/logo.png) no-repeat top left;
	}
	
		/* LOGO */
		div#logo {
			margin-bottom: 7px;
		}
			
			div#logo h1 {
				margin: 0;
			}
				
				div#logo h1 a {
					display: block;
					width: 502px;
					height: 63px;
					text-indent: -9999px;
				}
				
		/* MENU */
		div#nav {
			width: 880px;
			margin: 0 auto;
			margin-bottom: 25px;
		}
			
			/* navigation (suckerfish -> für ie gibts noch das DOM script...ie kennt :hover nur für a elemente) */
			div#nav ul {
				list-style: none;
				padding: 0;
				margin: 0;
				z-index: 99;
			}
			
				div#nav ul li:hover ul {
					background: url(images/bg_nav3.png);
				}
				
				div#nav ul li:hover {
					/*background: #18296b;*/
					background: url(images/bg_nav3.png);
				}
			
				div#nav ul a {
					text-decoration: none;
					color: #fff;
					outline: none;
				}
			
				div#nav li {
                    float: left;
					position: relative;
					margin-right: 7px;
				}
				
					div#nav li a {
                        display: block;
						padding: 9px 10px;
					}
/*Alk: workaround ab hier*/					
					div#nav li > ul > li {
                        width: 100%;
					}

					div#nav li > ul > li a {
                        width: 100%;
                        margin-right: 10px;
					}
/*bis hier*/
					div#nav li a:hover {
						/*background: #18296b;*/
					}
				
					div#nav li ul {
					    display: none;
						position: absolute;
						top: 1em;
						left: 0;
						
					}
					
						div#nav li ul a {
                            color: #fff;
						} 
					
					div#nav li > ul {
						top: auto;
						left: auto;
					}
					
					div#nav li:hover ul, li.over ul {
                        display: block;
					}
					
					div#nav li ul li ul {
						display: none;
					}
			
	/* SUPER WRAPPER */
	div#superwrapper {
		text-align: left;
		width: 880px;
		margin: 0 auto;
	}
	
		/* CONTENT */
		div#content {
			float: left;
			width: 520px;
			margin-right: 20px;
		}
		
			/* post im loop auf startseite */
			div.post {
				margin-bottom: 30px;
			}
			
				div.post h1#title {
					font-size: 22px;
					font-weight: normal;
					/*margin-bottom: 5px;*/
				}
				
					div.post h1 a {
						color: #082e6c;
						text-decoration: none;
					}
					
				div.post p.post_meta {
					font-size: 12px;
					color: #a1a1a1;
					margin-bottom: 5px;
				}
				
					div.post p.post_meta a {
						color: #777;
					}
			
			/* post in single.php */	
			div#single_post {
				margin-bottom: 0;
			}
			
				div#single_post h1 {
					font-size: 20px;
					font-weight: normal;
					/*margin-bottom: 5px;*/
					color: #082e6c;
				}
				
				div#single_post h1#page {
					color: #262626;
				}
				
				div#single_post_meta {
					margin-bottom: 0;
					font-size: 12px;
					color: #a1a1a1;
					border: 0;
				}
					
					div#single_post_meta a {
						color: #a1a1a1;
					}
					
					div#single_post_meta p {
						margin-bottom: 0;
					}
					
				div#single_post_meta:hover {
					color: #262626;
				}
				
					div#single_post_meta:hover a {
						color: #262626;
					}
					
			/* COMMENT SHIT */
			div#comment_shit {
				
			}
			
				div#comment_shit h1 {
					font-weight: normal;
					font-size: 20px;
				}
			
			/* DOWNLOAD TEMPL */
			div.download_single h2 a {
				text-decoration: none;
			} 
			
			div.download_img {
				float: left;
				width: 48px;
				margin-right: 8px;
			}

				div.download_img img {
					border: 0;
				}

			div.download_meta {
				float: left;
			}	
				
			/* pagination */
			div#pagination {
				width: auto;
			}
			
				div#pagination a {
					color: #d81f30;
				}
		
		/* SIDEBAR */
		div#sidebar {
			float: right;
			width: 340px;
		}
			
			/* widgets */
			div.widget ul li{
				list-style-type: none;
				list-style-position: inline;
				padding-left:15px;
				background: url(images/bullet_square.png) no-repeat left 5px;
			}


			
			/* google cal widget */
			div.widgetWPNGCalendar {
				padding-top: 5px;
			}
			
				div.widgetWPNGCalendar h2 {
					padding-left: 22px;
					background: url(images/icons/fun_calendar_bw.png) no-repeat left top;
				}
				
			/* download manager widget */
			div.widget_dm_new_download h2 {
				padding-left: 22px;
				background: url(images/icons/fun_documents_bw.png) no-repeat left top;
			}
			
			/* suchen */
			div#suchen h2 {
				display: none;
			}
			
			div#suchen div#formwrapper {
				width: 310px;
				height: 30px;
				background: url(images/bg_sidebar_suchfeld.png) no-repeat right;
			}
				
				div#suchen form#searchform {
					margin: 0;
				}
			
					div#suchen form#searchform label {
						display: none;
					}
				
					div#suchen form#searchform input {
						width: 271px;
						height: 20px;
						padding: 5px;
						outline: none;
						border: 0;
						background: none;	
						float: left;			
					}
					
					div#suchen form#searchform input[type=submit] {
						width: 29px;
						height: 30px;
						text-indent: -9999px;
						float: right;
					}
		
	/* FOOTER */ 
	div#footer {
		width: 880px;
		margin: 0 auto 10px auto;
		font-size: 12px;
		color: #b4b4b4;
	}
	
		div#footer a {
			color: #b4b4b4;
			text-decoration: underline;
		}
	
		/* web ag tribute */
		div#footer div.box {
			margin-bottom: 10px;
			font-size: 16px;
			color: #a1a1a1;
		}
		
		/* KONTAKTDATEN */
		div#kontaktdaten {
			margin-bottom: 10px;
		}
		
			/* ANSCHRIFT */
			div#anschrift {
				float: left;
			}
			
			/* TELEFON */
			div#telefon {
				float: right;
			}
			
		/* META */
		div#meta {
			font-size: 14px;
		}
		
			/* LEGAL */
			div#legal {
				float: left;
			}
			
			/* CREDITS */
			div#credits {
				float: right;
			}
			
				div#credits ul {
					list-style: none;
				}
				
					div#credits ul li {
						float: left;
						margin-left: 11px;
					}
					
					div#credits ul li#credit_wp a {
						display: block;
						width: 22px;
						height: 22px;
						text-indent: -9999px;
						background: url(images/logo_wp_light.png) no-repeat top left;
					}
					
						div#credits ul li#credit_wp a:hover {
							background: url(images/logo_wp.png) no-repeat top left;
						}
					
					div#credits ul li#credit_mt a {
						display: block;
						width: 22px;
						height: 22px;
						text-indent: -9999px;
						background: url(images/logo_mt_light.png) no-repeat top left;
					}
						
						div#credits ul li#credit_mt a:hover {
							background: url(images/logo_mt.png) no-repeat top left;
						}
						
						div#credits ul li#credit_2511 a {
							display: block;
							width: 59px;
							height: 22px;
							text-indent: -9999px;
							background: url(images/logo_2511_light.png) no-repeat top left;
						}

							div#credits ul li#credit_2511 a:hover {
								background: url(images/logo_2511.png) no-repeat top left;
							}