img {
   behavior: url("http://katalog-it.de/plugin/pngbehavior.htc");
}
/* templates/Styleshout/style.css  */
/* 1024px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.2, April 20, 2006 

Serendipity template created by Carl Galloway - http://www.carlgalloway.com */

/******** General tags ********/
body{
	margin: 0; padding: 0;
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333; 
	background: #FFF url(templates/Styleshout/img/bg.gif) repeat-x;	
}

a{
text-decoration:none;
color:#003366;
font-weight:bold;
}

.serendipity_Entry_Date h1 a:link ,.serendipity_Entry_Date h1 a:visited  {
color:#ffffff;
}


 .serendipity_commentsTitle, .serendipity_date, .serendipity_title, .staticpage_result_header {
font-size:1.4em;
color:#003366;
border-bottom:4px solid #dadada;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}
.serendipity_commentsTitle, .staticpage_result_header {font-weight:bold;}

blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(templates/Styleshout/img/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #CC0000; 
	font-weight: bold;  
}

/******** Main wrap ********/
#wrap {
	margin: 0 auto; 
	width: 780px;
}

#pagetop{margin:0;}

#toplinks{text-align:right; padding:5px 2px 2px 3px;}


/******** sidebar ********/
#sidebar{
float:left;
width:195px;
margin:0 0 5px 0;
padding:1px 0 0 0;
}

#sidebar ul, .serendipitySideBarContent{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h2{margin:3px 0px 8px 0px;}
#sidebar input, #sidebar select, #sidebar td input {width:90%;}

/******** Content variations ********/
#content{
line-height:1.5em;
width:750px;
float:right;
text-align:left;
margin:0;
padding:0;
}

#contentalt{
line-height:1.5em;
width:750px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#content h2 a, #contentalt h2 a {text-decoration:none;}
#content h3, #contentalt h3{margin:10px 0 8px;}

/******** Footer ********/
#footer{
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
border-top: 1px solid #f2f2f2;
background: #FFF url(templates/Styleshout/img/footerbg.gif) repeat-x;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color:#808080;}




/******** Various classes ********/
.box {
clear:both;
color:#ffffff;
font-size:0.9em;
background-color:#003366;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
margin:0 0 30px 0px;
}
.serendipity_entryFooter {font-style:oblique;clear:both;font-size:0.8em;margin:0 0 40px 10px;line-height:1.2;}


.serendipity_freeTag, .serendipity_multilingualInfo {}
.serendipity_pageFooter {margin:30px 0 15px 0;}

.box a {color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:0px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#003366;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}

.searchterm, .searchresults {
font-weight:bold; 
}

.serendipity_entryIcon a img {
float:right;
padding:0 2px 2px 2px;
margin:0 0 10px 10px;
display:inline;
background:none;
border:none;}

.serendipity_center {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.serendipity_msg_important {
color: red;
}

.serendipity_msg_notice {
color: green; 
}

code {font-size:1.2em;}

/********* Embedded images with the s9y image manager *********/

/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em; }

/* style to center image and text within entry */
.serendipity_imageComment_center {
	display:block; margin:0 auto 5px auto; }

/* style to left align image and text within entry */
.serendipity_imageComment_left {
	float:left; margin:0 12px 5px 0; }

/* style to right align image and text within entry */
.serendipity_imageComment_right {
	float:right; margin:0 0 5px 12px; }

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
	text-align: center; }

/* styles for the text below the image if used */
.serendipity_imageComment_txt {
     clear: both;
     text-align: center; }

/********* End of Image Manager Styles *********/


/********* Calendar Styles *********/

/* style for calendar date links */
table.serendipity_calendar a {
	text-decoration:none; }

/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
	text-decoration: none; }

/* style for calendar weekday names */
td.serendipity_weekDayName {
	font-weight:bold;
	text-align:center; }

/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
	text-decoration: none; }

/* style for wekday names in calendar */
td.serendipity_weekDayName {border-bottom:1px solid #dddddd; }

/* style to center dates */
tr.serendipity_calendar td {text-align:center; }



/********* End of Calendar Styles *********/

/* used in comments */
.oddbox, .plugin_comment_wrap {
	margin:0 0 20px 0;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em; }
	
	
	
	/* links */
	a {
		color: #003366;
		background-color: inherit;
		text-decoration: none;
	}
	a:hover {
		color: #CC0001; 
		background-color: inherit;
	}
	
	/* headers */
	
	
	#header {
		position: relative;
		margin: 0; padding: 0;
		height: 60px;
	}
	#header a span {
	background:red;
	}
	#header span#slogan {
		z-index: 3;
		position: absolute;
		left: 3px; bottom: 7px;
		font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;	
		color: #FFF;	
	}
	
	#header-logo {
		position: relative;
		clear: both;
		height: 50px; 
		margin: 0; padding: 0;	
	}
	#header-logo #logo {
		position: absolute;
		top: 3px; left: 5px;
		font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
		margin: 0; padding: 0;
		letter-spacing: -1px;
		color: #000;
}
/* navigation tabs */
#header ul {
	position: absolute;
   margin:0;
   list-style:none;
	right:-18px ; bottom: 3px;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(templates/Styleshout/img/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(templates/Styleshout/img/tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}
	
	h1, h2, h3 {
		font-family: Arial, 'Trebuchet MS', Sans-Serif;
		font-weight: bold;
		color: #333;
	}
	h1 {
		font-size: 120%;
		letter-spacing: .5px;
	}
	h2 {
		font-size: 115%;	
		text-transform: uppercase; 		
	}
	h3 {
		font-size: 115%;
		color: #003366;		
	}
	
	/* images */
	img {
		border: 2px solid #CCC;
	}
	img.float-right {
	  margin: 5px 0px 10px 10px;  
	}
	img.float-left {
	  margin: 5px 10px 10px 0px;
	}
	
	h1, h2, h3, p {
		padding: 0;		
		margin: 10px;
	}
	
	ul, ol {
		margin: 10px 20px;
		padding: 0 20px;
	}
form.search {
	position: absolute;
	top: 5px; right: 5px;
	padding: 0; margin: 0;
	border: none;
	background-color: transparent; 
}
form.search input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
}
form.search input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: 1px solid #CCC; 
	background: #FFFFFF url(templates/Styleshout/img/headerbg.gif) repeat-x bottom left; 
	padding: 1px; 
	font-weight: bold; 
	height: 23px;
	color: #333;
	width: 60px;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {	clear: both; }
.red   { color: #CC0000; }
.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
	border-top: 1px dashed #EFF0F1;	
}
/* main column */
#main {
	float: right;
	margin: 0; padding: 0;
	width: 545px;	
}
#main h1 {
	margin: 10px 0;
	padding: 4px 0 4px 8px; 
	font-size: 105%;
	color: #FFF;
	text-transform: uppercase; 
	background-color: #CC0000;	
	letter-spacing: .5px;
}
#sidebar h1 

{

margin-top: 10px;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

padding-top: 4px;

padding-right: 0pt;

padding-bottom: 4px;

padding-left: 8px;

font-family: Arial,Sans-Serif;

font-style: normal;

font-variant: normal;

font-weight: bold;

font-size: 105%;

line-height: normal;

font-size-adjust: none;

font-stretch: normal;

color: #ffffff;

text-transform: uppercase;

background-color: #333333;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-x-position: 0%;

background-y-position: 0%;

letter-spacing: 1px;

}


.serendipity_entry_extended
{
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;

}

#slogan a:linked a:visited{
 
color:#ffffff;
}

#weiss {

font-size:1.0em;
color:#ffffff;
font-weight:bold;
 
background-image:#ffffff;
}

#slogan{
font-size:1.5em;
color:#ffffff;
font-weight:bold;
letter-spacing:1px;
margin:15px 0px 10px 45px;
line-height:1.2em;
}
#slogan a{
color:#ffffff;
}