@charset "utf-8";

/* CSS Document */

/*
Theme Name: Chemnix Blog Theme
Theme URI: http://www.chemnixblog.de/
Description: A self written Theme for the chemnixblog.de Site!
Version: 1.0
Author: Andreas Pfohl (Thanks to Hans Breitenfellner / www.used-look.com)
Author URI: andreas.pfohl@chemnixblog.de / Homepage coming soon: andreas-pfohl.de
*/

/* CSS - all around */

* {
	 margin:0;
	 padding:0;
	}

body {
	 background:#0066FF url() fixed no-repeat;
	 margin:0;
	 font-family:"Trebuchet MS", Arial, Verdana;
	 font-size:11px;
	 color:#212121;
	}

a {text-decoration:none;}

a:hover {text-decoration:underline;}

html, body { height:100%;}

/* CSS Sticky Footer */

html, body, #PagePosition {
height: 100%;
}

body > #PagePosition {
height: auto; 
min-height: 100%;
}

#Content {
padding-bottom: 100px; /* must be same height as the footer */
}  


a img {border:0;}


p {margin:10px 0; border:1px solid #fff;}


/* Content Text */

h1, #ColLeft h2 {
	 font-size:18px;
	 line-height:19px;
	 color:#0066ff;
	 margin:20px 0 0 0;
	 padding-bottom:4px;
	 font-weight:normal;
	 clear:both;
	 border-bottom:1px dotted #7d7d7d;
	 text-decoration:none
	}
	
h1 a:hover{color:#0066ff;
text-decoration:underline;
}

h2 a {color:#0066ff;
text-decoration:none;
}
h2 a:hover {color:#0066ff;
text-decoration:underline;
}

h2 {color:#0066ff; border-bottom:1px thin #7D7D7D; clear:both;}


h3 {

	 color:#000000;

	 border-bottom:1px thin #7d7d7d;

	 font-weight:normal;

	 margin:10px 0;

	 clear:both;

	}

h3 a {color:#5e278a; font-size:16px;}



h3  {margin-top:25px;}


/* Framework */ 

#PagePosition {

	 width:1000px;

	 position:relative;
	 
	 background:#FFF;

	 margin: 0 auto;

	 min-height:100%;
	 
	 display:block;

	}

	

	#Header {

		 background: #2F2F2F url(images/Header.jpg) no-repeat;

		 display:block;

		 height:245px;

		 width:1000px;

		 margin:0;

		 position:relative;

		}


			#Logo {
			 	display:block;
			 	font-size:0;
			 	line-height:300px;
			 	overflow:hidden;
			 	position:absolute;
			 	width:600px;
			 	height:180px;
				top:0px;
			 	left:20px;
			}

		
/* Navigation */

#Nav {

	list-style:none;
	
	float:left;
	
	position:relative;
	
	top:203px;

	left:0px;

	}

* html #Nav {margin-top:200px; top:0;}



	#Nav li {

		 float:left;
		position:relative;
		}

		#Nav li a {

			 float:left;

			 height:32px;

			 line-height:200px;

			 overflow:hidden;

			 font-size:0;

			 background:url(images/Menu.gif);

			 display:block;

			}
	#Nav li ul {
		 font-size:12px;
		 top:0px;
		 z-index:10;
		 width:500px;
		 left:20px;
		 display:none;
		 position:absolute;
		 list-style:none;
		}



/* Singel Menu Elements */

#Nav #Blog a{width:80px;}

#Nav #Neues a{width:90px;background-position:-80px 0;}

#Nav #About a{width:85px; background-position:-170px 0;}

#Nav #Mitmachen a{width:118px; background-position:-255px 0;}

#Nav #FAQ a{width:74px; margin-left:3px; background-position:-373px 0;}

#Nav #Kontakt a{width:100px; background-position:-447px 0;}

#Nav #Partner a{width:89px; background-position:-547px 0;}

/* Ul Position */
#Nav #Blog ul {left:28px;}
#Nav #About ul {left:18px;}

#Nav #Blog a:hover, #Nav .Active#Blog a{background-position:0 -37px;}
#Nav .Active#Blog ul li a {
	 color:#FCB644;
	}

#Nav #Neues a:hover, #Nav .Active#Neues a{background-position:-80px -37px;}
#Nav .Active#Neues ul li a {
	 color:#9000CC;
	}

#Nav #About a:hover, #Nav .Active#About a{background-position:-170px -37px;}
#Nav .Active#About ul li a {
	 color:#0048FF;
	}

#Nav #Mitmachen a:hover, #Nav .Active#Mitmachen a{background-position:-255px -37px;}
#Nav .Active#Mitmachen ul li a {
	 color:#FE2A00;
	}

#Nav #FAQ a:hover, #Nav .Active#FAQ a {background-position:-373px -37px;}
#Nav .Active#FAQ ul li a {
	 color:#30CB00;
	}

#Nav #Kontakt a:hover, #Nav .Active#Kontakt a{background-position:-447px -37px;}
#Nav .Active#Kontakt ul li a {
	 color:#00FFB4;
	}
	
#Nav #Partner a:hover, #Nav .Active#Partner a{background-position:-547px -37px;}
#Nav .Active#Partner ul li a {
	 color:#00FFB4;
	}


/* Content */

.breadcrumb {

	 top:10px;

	 left:20px;

	 position:absolute;

	 background:#fff;

	}

.breadcrumb a {

	 margin:0 5px 0 0;

	 color:#898989;

	}

.breadcrumb h1{

	 font-size:11px;

	 font-weight:normal;

	 border:0;

	 line-height:auto;

	 color:#898989;

	 display:inline;

	}

#Content {

	 background-image:url(images/content_bg.gif) repeat-y;

	 display:block;

	 line-height:150%;

	 width:1000px;

	 position:relative;

	 min-height:393px;

	}

	#ColLeft {
		 width:600px;
		 
		 padding-top: 20px;
		 
		 padding-bottom: 30px;
		 
		 padding-left:20px;

		 float:left;
		 
		 display:block;

		 margin-bottom:20px;

		}

	#ColRight {

		 width:350px;
		 
		 padding-top: 20px;
		 
		 padding-bottom: 30px;
		 
		 padding-left: 10px;
		 
		 padding-right:20px;
		 
		 height:100%;

		 display:block;
	
		 float:right;

		 margin-bottom:15px;

         
		}

		#NewArticels {

			 width:43.5%;

			 margin-right:5%;

			 float:left;
			 
			 display:block;

			}

		#Categories {

			 width:170px;

			 float:left;
			 
			 display:block;

			}

		* html #NewArticels {

			 margin-right:16px;

			 width:40%;

			}

		

	#ColRight h1 { width:85%;
	}

	.postmetadata {

		 background:#fafafa;

		 margin-bottom:15px;

		 margin-top:5px;

		 padding:5px;

		 float:left;

		 width:97.3%;

		 clear:both;

		 border:1px solid #dedede;
		 
		 list-style:none;

		}
		
	.postmetadata .LinkEmail img{
	 margin-top:-5px;
	}

	.entry .postmetadata{margin-bottom:5px !important;}	

	.entry .alt{margin-bottom:25px !important;}

	

	.image {

		 float:right;

		 min-width:60px;

		 display:table;

		 clear:both;

		 margin:0 0 5px 5px;

		 border:1px solid #ccc;

		 padding:2px;

	}

	.image {text-align:right !important}

	.image  img {text-align:right !important}

	#projektgruppe{
	margin-top:0px;
	padding:10px;
    float:right;
	}
	
/* Footer */

/* CSS Sticky Footer */

	#footer {
	
		display:block;
		
		position: relative;

		margin-top: 90px; /* negative value of footer height */

		width:1000px;

		height: 100px;

		clear:both;

		background:#2F2F2F;
		} 
		/* End CSS Sticky Footer */


	#Footer * {list-style:none;}

	#Footer h2 {

		 font-size:19px;

		 margin:0;

		 color:#828282;

		 border:0;

		 font-weight:normal;

		}

	#Footer li {

		 margin:4px 22px 0 22px;

		 max-width:240px;

		 float:left;

		 }

		#Footer ul ul li {

			 font-size:11px;

			 margin:0;

			 line-height:16px;

			 float:none;

			}

			#Footer ul ul ul li {

				 float:left;

				 width:auto;

				 margin:0 7px 0 0;

				}

			#Footer ul ul ul li a {

				 color:#6c6c6c;

				}

		#Footer a {

			 text-decoration:none;

			 color:#828282;

			}

		#Footer a:hover { text-decoration:underline;}

		

	.Copyright {

		 position:absolute;

		 right:10px;

		 font-size:13px;

		 bottom:8px;
		 
		 text-align:right;

		}

	.Top {

		 position:absolute;

		 right:10px;

		 top:10px;

		 width:44px;

		 height:18px;

		 background:url(images/Top.gif);

		}

	.Top:hover {text-decoration:none !important;}

/* Content Formate */ 





/* #ColRight ul */

#ColRight ul {

	 list-style:none !important;

	}

#ColRight ul li {

	 width:100%;

	 display:block;

	 list-style:none;

	 float:left;

	 font-size:18px;

	 color:#FB9C00;

	 margin:23px 0 0 0;

	 font-weight:normal;

	}

* html #ColRight ul li {margin-right:2%; width:100;}

#ColRight ul a, #ColRight ul strong {

	

	display:block;

	margin:4px 0;

	line-height:15px;

}

#ColRight ul a:hover {

	 color:#FB9C00;

	 text-decoration:none;

	}

#ColRight ul ul li {

	 float:left;

	 font-size:13px;

	 width:100%;

	 border-bottom:1px dotted #ccc;

	 line-height:20px;

	 display:block;

	 list-style:none;

	 margin:0;

	 padding:2px 0;

	}

#ColRight ul ul { margin-top:0px;}

#ColRight ul ul li  a {

	padding:0;

	color:#7d7d7d;

}

#ColRight ul li h2 {

	font-size:17px;

	border-bottom:1px dotted #ccc;

	padding-bottom:4px;

	font-weight:normal;

	display:block;

}

#ColRight ul ul ul {

	 display:block;

	}

#ColRight ul ul ul li {

	 margin-left:5px;

	 line-height:auto;

	 padding:0;

	 border:0;

	}

#ColRight ul ul ul li a:before {

	 content:"\00BB  ";

	}

#ColRight ul ul ul li a {

	 font-size:11px;

	}
	
	
/* Tag Cloud */

#tag_cloud a {

	display:inline !important;

	color:#7D7D7D;
	
	text-decoration:none;

	}

#tag_cloud a:hover {color:#FB9C00;}

#tag_cloud a:hover {text-decoration:underline !important;}

#tag_cloud {

	text-align:left;

	float:left;

	width:100% !important;

	margin:20px 5% 0pt 0pt;

	padding-bottom:4px;

	display:block;

	border-bottom:1px dotted #CCCCCC;

}



/* Pagebar */

.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align: center;
}

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

.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 {
	border: 1px solid #2E6AB1;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;
}

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

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




/* Search */

#searchform {

	position:absolute;

	right: 30px;
	
	top:209px;
	
	background:url(images/search_bg.gif);

	}


	#searchform  input{

		 background:url();

		 border:0;

		 padding:3px 4px 1px 4px;

		 line-height:auto;

		 height:20px;

		 line-height:15px;

		 overflow:hidden;

		 color:#0066ff;

		 display:block;

		 float:left;

		 width:135px;

		 -moz-border-radius:2px;

		}

	#searchform  #s:focus {

		 color:#fff;

		}

	#searchform  #searchsubmit {

		 color:#ccc;

		 overflow:hidden;

		 width:25px;

		 font-size:0;

		 padding:0;

		 height:21px;

		 line-height:200px;

		 background-position:-132px 0px;

		}