/************************************************
*	CSS FILE FOR WWW.CSSGURU.DE				    *
************************************************/

body {
	color: #000000;
	font-size: 12px;
  font-family: verdana,arial,helvetica;
	margin: 0;
	padding: 0;
}
	
#header { 
	background: #333 url(images/header_bg.png) bottom left repeat-x;
	height: 97px;
}

fieldset,img { border:0; }

ol,ul { list-style:none; margin: 0; padding: 0;}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #CC3366;
	text-decoration: none;
}
	
a:hover { text-decoration: underline; }
	
/************************************************
*	Navbar  									*
************************************************/

#navbar {
	background-color: #333;
	width: 800px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	}

#navbar h1 {
    display: none;
	}
	
#navbar img {
	margin: 0px;
	border: none;
	}
	
#navbarleft {
	background: #FFFFFF url(images/logo.gif);
	height: 160px;
	width: 160px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright {
	width: 400px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}
	
#navbarright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbarright ul {
	margin: 0px;
	padding: 0px;
	}
		
#navbarright a, #navbarright a:visited {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}
		
#navbarright a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 800px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h1 {
	color: #000000;
	font-size: 22px;
	font-weight: normal;
	margin: 20px 0 5px 0;
	padding: 5px;
	background-color: #EEE;
	border-bottom: 1px solid #C0C0C0;
	}
	
#content h1 a  {
	color: #000000;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #CC3366;
	text-decoration: none;
	}
	
#content p img {
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}

#content .ImgBorder {
    border: 2px solid #DDD;
	padding: 5px;
	}
	
#content h2 {
	color: #000000;
	font-size: 22px;
	font-weight: normal;
	padding: 5px;
	background-color: #EEE;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #C0C0C0;
	}
	
#content h3 {
	color: #000000;
	font-size: 22px;
	font-weight: normal;
	margin: 20px 0 5px 0;
	padding: 0;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 480px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 20px 0;
	overflow: hidden;
	}
	
#content .wp_syntax  {
    background-color: #FFFFE0;
	padding: 5px; 
	border: none;
	width: auto;
	}

#content .snap_noshots {
	clear: both;
	padding: 0 0 10px 0;
}
	
.Grey {
  color: #999;
}	
	
.Clear {
  clear: both;
}

#content .segmenter {
	clear: both;
	height: 20px;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

ul.SubNavi {
	list-style-type: none;
	width: 100%;
	float: left;
	font-weight: bold;
	margin: -20px 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #333;
}
 
ul.SubNavi li {
	display: block;
  	float:left;
  	margin: 0 0 0 4px;
}
 
ul.SubNavi li a {
  	display: block;
  	padding: 3px 8px 4px 8px;
  	margin: 0 0 -1px 0;
  	color: #fff;
  	background-color: #333;
	border: 1px solid #333;
	border-bottom: none;
  	text-decoration: none;
}

ul.SubNavi li.ui-state-active a {
	background: #fff;
	color: #CC3366;
}

	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#Sidebar {
	float: right;
	width: 300px;
	margin: 0 0px 0px 20px;
	padding: 0 0 20px 0;
	}

#Sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#Sidebar ul li {
	display: block;
	padding: 0px;
	margin: 0;
	}
	
#Sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
	}

#Sidebar ul li a:hover {
	background: #EFEFEF;
	color: #CC3366;
	}
	
#Sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#Sidebar .SmallBanner {
    margin: 20px 0 0 0;
	}

#Sidebar .SmallBanner img {
    border: 0;
    margin: 0 20px 0 0;
    float: left;
	}
	
#Sidebar #Ads h2 {
    margin-bottom: 10px;
	}

	
/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #555555;
	clear: both;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
    clear: both;
	width: 800px;
	height: 400px;
	background: #555555;
	color: #FFFFFF;
	margin: 0px auto 0px;
	text-align: left;
	position: relative;
	line-height: 17px;
	}
	
#footer p {
	color: #FFFFFF;
	padding: 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer h2 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}
	
#footer h3 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 3px 0px;
	text-transform: uppercase;
	}

#footer a {
	color: #AAAAAA;
	text-decoration: none;
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #666666;
	}

#footer ul li a:hover {
	background: #444444;
	color: #FFFFFF;
	}
	
#footerleft {
	background: #555555;
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}
	
#footermiddle {
	background: #555555;
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}
	
#footerright {
	background: #555555;
	float: right;
	width: 225px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0;
	padding: 0;
	}
	
#searchform {
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
	}
	
#s {
	background: #EFEFEF url(images/search.gif);
	color: #333333;
	font-size: 11px;
	padding: 2px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 430px;
	background: #E8E8E8;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#contentleft .addtoany_share_save_container	{
	border-top: 1px solid #C0C0C0;
	margin: 0;
	padding-top: 5px;
}


/************************************************
*	WP SYNTHAX PLUGON								*
************************************************/

.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
}


/************************************************
*	Add to any widget									*
************************************************/

.addtoany_share_save_container{margin:16px 0;}
ul.addtoany_list{
	display:inline;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
	text-indent:0 !important;
}
ul.addtoany_list li{
	background:none !important;
	border:0;
	display:inline !important;
	line-height:32px;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
}
ul.addtoany_list li:before{content:"";}
ul.addtoany_list li a{padding:0 9px;}
ul.addtoany_list img{
	float:none;
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}
ul.addtoany_list a img{
	opacity:.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
}
ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
a.addtoany_share_save img{border:0;width:auto;height:auto;}
	
/************************************************
*	Examples									*
************************************************/	
	
a.button {
    background: url(images/button_right.gif) no-repeat scroll top right;
    display: block;
    float: left;
    height: 26px;
    margin: 0 6px 20px 0;
    padding-right: 15px;
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
}

a.button span {
    background: url(images/button_left.gif) no-repeat;
    display: block;
    padding: 2px 0 4px 15px;
}	
	
	
ul#simple-navi {
    list-style-type: none;
    float: left;
	width: 100%;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 10px 0 0 10px;
	background: #333;
}

ul#simple-navi li {
    display: block;
	float:left;
	margin: 0 0 0 4px;
}

ul#simple-navi li a {
    display: block;
	color: #fff;
	text-decoration: none;
	background-color: #999;
	padding: 5px 8px;		
}

ul#simple-navi li.active a, 
ul#simple-navi li a:hover {
	background-color:#fff;
    color: #CC3366;
}


/* SPRITE */

ul#simple-sprite {
    list-style-type: none;
    float: left;
	width: 370px;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
	margin: 0 0 10px 0;
}

ul#simple-sprite li {
    width: 115px;
	height: 35px;
    display: block;
	float:left;
	margin: 0 5px 5px 0;
	background: #FFF;
	border: 1px solid #B9C0C6;
}

ul#simple-sprite li a {
    display: block;
    color: #193777;
	background: #fff url(images/sprite_example.jpg) no-repeat top left; /* Sprite */
	padding: 10px 10px 10px 35px; /* Padding für links wird erhöht */
}

/* Und jetzt die einzelnen Buttons */

ul#simple-sprite li.mail a {
  background-position: 5px 10px; 
}

ul#simple-sprite li.messanger a {
  background-position: 5px -45px; 
}

ul#simple-sprite li.radio a {
  background-position: 5px -95px;	 
}

ul#simple-sprite li.wetter a {
  background-position: 5px -145px; 
}

ul#simple-sprite li.lokales a {
  background-position: 5px -195px;	 
}

ul#simple-sprite li.horoskop a {
  background-position: 5px -248px; 
}

/* TABE EXAMPLE --------------- */

#simple-table {
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
}

#simple-table td {
  padding: 5px;
  border-bottom: 1px solid #C0C0C0;
}

#simple-table thead td {
  background-color: #333;
  color: #fff;  
  font-weight: bold;
}

#simple-table tbody tr.grey td {
  background-color: #EEE;
}

/* BLOCKQUOTE EXAMPLE ------------- */

blockquote.bq_example {

	background: url(images/blockquote_left.gif) no-repeat top left;
	margin: 0 15px;
	padding: 0 0 0 40px;
	color: #999;
	font-size: 140%;
}
	
blockquote.bq_example em {
	margin: 0;
	padding: 0 30px 0 0;
    background: url(images/blockquote_right.gif) no-repeat bottom right;
	display: block;	
}

/* FLASHMESSAGE ------------- */

.error_message
{
  border: 1px solid #CB2026;
  color: #CB2026;
  background: #FFBABA url(images/error_icn.png) 8px 4px no-repeat;
  padding: 10px 10px 10px 40px;
  margin: 0 0 20px 0;

}

.success_message
{
  border: 1px solid #359545;
  color: #359545;
  background: #DFF2BF url(images/success_icn.png) 8px 4px no-repeat;
  padding: 10px 10px 10px 40px;
  margin: 0 0 20px 0;
}


/* CSS LAYOUTS ------------- */

ul.css-layouts li
{
  float: left;
  margin-right: 15px;
}

/* SHADOW EFFECTS ------------- */

.text-shadow
{
	text-shadow: 2px 2px 2px #000;
}

.box-shadow
{
	-moz-box-shadow: 10px 10px 5px #999; 
	box-shadow: 10px 10px 5px #999; 
	padding: 10px;
	width: 440px;
	margin: 0 0 15px 0;
	border: 1px solid #999;
}

/* CLEARFIX ----------------- */

.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
* + html .clearfix { /* für IE7 */
    display: inline-block;
}
 
* html .clearfix { /* für IE6 */
	height: 1%;
}

.test_clearfix_box { /* für IE6 */
	background: #EEE;
	padding: 10px;
} 

.float_left_box { /* für IE6 */
	float: left;
	width: 100px;
	height: 100px;
	background: #666;
	color: #fff;
	padding: 5px;
}