

/* Generic Styling */

body {
	background:#95a0b9 url(images/background2.jpg) fixed center top;
	font-family:"Trebuchet MS", Arial;
	font-size:62.5%; /* Sets default font size to 10px */
	color:#222222;
	}

* {
	margin:0;
	padding:0;
	}
.2 {
	margin:0;
	padding:10px;
	}
img {
	border:0;
	}
	

p {
	margin-bottom:1.25em;
	}
	
	.entry {
	padding:5px 10px;
	text-align:justify;
	line-height:1.75em;
	}
	
p.small{
	margin-bottom:1.75em;
	font-size:0.85em;
	text-align:center;
	border-top: 1px solid #4D6FCC;
	border-bottom: 1px solid #4D6FCC;
	background-color: transparent;
	padding-top:15px;
	padding-bottom:25px;
	padding-left:30px;
	padding-right:30px;
	}	
	
/*  

thanks to http://www.ginger-ninja.net/
*/

.bild2 {
float:left;
margin:6px -2px 2px 6px;
}
.uns1 {
	float: left;

	border: 1px solid #003366;

}
.uns2 {
	float: right;
	margin: 12px 5px 19px 15px;
	padding: 1px;
	border: 1px solid #003366;
}
.uns3 {
	float: right;
	margin: 12px 5px 19px 15px;
	padding: 1px;
	border: 0px solid #003366;
}
.uns4 {
	float: left;
	margin: 12px 5px 19px 15px;
	padding: 1px;
	border: 0px solid #003366;
}

.newhead
{
	float: left;
	margin: 12px 5px 19px 15px;
	padding: 1px;
	border-bottom: 1px solid #130F26;
	color:#130F26;
}





a {
	text-decoration:none;
	color:#1b3d80;
	}
	
.rahmen{	border: 2px solid #EFEFEF;	
		}
	
.rahmen2{	border: 2px solid #282B3C;	
		}
.rahmen3{padding-top:15px;		
border-top:1px solid #4D6FCC;
}
		

a:hover {
	text-decoration:none;
	color:#122854;
	}

/* Structure der Seite  */

#wrapper {
	margin:0 auto;
	width:700px;
	background:#ffffff;
	font-size:1.20em;

	}
#header {
	clear:both;
	height:140px;
	background:url(images/bg-header.jpg) no-repeat;
	}





#sidebar {
	float:right;
	width:180px;
	background:#efefef;
	margin-right:10px;
	}
#content {
	float:left;
	width:500px;
	min-height:400px;
	border-top: 2px solid #FFF;
	background: url(images/bgmain.gif) repeat-y;
}
	

	
	
#content p.imgwrap {
	  float:left;
	  background: url(images/shadow.png) no-repeat bottom right !important;
	  background: url(images/shadow.gif) no-repeat bottom right;
	  margin: 10px 10px 0 10px !important;
	  margin: 10px 10px 0 5px;
  }

#content p.imgwrap img {
	  display: block;
	  position: relative;
	  background-color: #fff;
	  border: 1px solid #a9a9a9;
	  margin: -6px 6px 6px -6px;
	  padding: 4px;
  }
  
  
#content p.imgwrap2 {
	  float:right;
	  background: url(images/shadow2.png) no-repeat bottom left !important;
	  background: url(images/shadow.gif) no-repeat bottom left;
	  margin: 10px 0 0 10px !important;
	  margin: 10px 0 0 5px;
  }

#content p.imgwrap2 img {
	  display: block;
	  position: relative;
	  background-color: #fff;
	  border: 1px solid #a9a9a9;
	  margin: -6px -6px 6px 7px;
	  padding: 5px;
  }

#content p.imgwrap3 {
	  float:left;
	  background: url(images/shadow.png) no-repeat bottom right !important;
	  background: url(images/shadow.gif) no-repeat bottom right;
	  margin: 10px 10px 0 10px !important;
	  margin: 10px 10px 0 5px;
  }

#content p.imgwrap3 img {
	  display: block;
	  position: relative;
	  background-color: #fff;
	  border: 1px solid #a9a9a9;
	  margin: -6px 16px 5px -6px;
	  padding: 4px;
  }




	
#adress {
	padding:10px 0 14px 0; font-size:1em; margin:0; display:block;
	}
	
	#adress ul {
	list-style-type:none;
	
	}
#adress li {
	float:left;
	padding:0 0 0 10px; display:block; height:18px;
	}
	

	
	
	
	
	
	
	
	
	
#footer {
	clear:both;
	height:105px;
	background:url(images/bg-footer.jpg) no-repeat;
	}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#001;}
a:hover {text-decoration:none;}
a:visited {color:#002;}

/* slides styling */

.photo {
		padding:20px; 
		background:#222; 
		width:400px; 
		height:330px; 
		text-align:left;}
.photo h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 5px; padding:0;}
.photo ul {
		list-style:none; 
		padding:0; margin:0; 
		width:216px; 
		background:#333; 
		border:1px solid #666; 
		position:relative; 
		height:244px;}
.photo ul li {
		display:inline; 
		width:24px; 
		height:24px; 
		float:left; 
		margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(pics/arrow.gif) no-repeat; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#fc0;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#fc0;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:260px; top:0; width:240px; height:320px; border:1px solid #fc0; padding:5px 45px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:260px; top:0; width:320px; height:240px; border:1px solid #fc0; padding:45px 5px;}
.photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; width:204px; height:150px; border:1px solid #666; top:165px; left:0; color:#ddd; font-weight:normal; padding:6px;}















/* Beitrag Inhalt Entries */

.entry {
	padding:5px 10px;

	line-height:1.75em;
	}
.entry-title {
	font-size:1.90em;
	font-weight:normal;
	letter-spacing:-1px;
	}
.date {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	}
.comments {
	margin-top:-1em;
	}
.comments a {
	color:#122854;
	background:url(images/icon-comment.png) no-repeat 0px 2px;
	padding-left:20px;
	padding-right:2px;
	}
.comments a:hover {
	color:#B4C835;
	}


/* Menu */
#menu {
	height:35px;
	line-height:35px;
	background:url(images/bg-menu.jpg) repeat-x;
	padding:0 10px;
	
	}
	
#menu ul {
	list-style-type:none;
	
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 15px;
	display:block;
	font-size: 1.2em;
	color:#020e2d;
	margin-right:2px;
	}
#menu li a:hover {
	background:url(images/bg-menu-hover.jpg) no-repeat center center;
	}

#menu li.current, #menu li.current a, #menu li.current a:visited {
background:url(images/bg-menu-hover.jpg) no-repeat center center;
border-left:5px none #D74219;
color:#000 !important;
font-size:1.1em;
font-weight:normal;
text-align:center !important;
text-decoration:none;
}




/* Sidebar */

#sidebar ul {
	list-style-type:none;
	margin-top:10px;
	padding:4px 20px 20px 20px;
	}
#sidebar li {
	
	}
#sidebar li a {
	display:block;
	height:30px;
	line-height:30px;
	color:#222222;
	padding-left:5px;
	border-bottom:1px solid #dddddd;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
	}
#sidebar li a:hover {

	color:#fff;
		background: #4D6FCC!important;
	}
#sidebar-bottom {
	height:20px;
	background:url(../images/bg-sidebar-bottom.gif) no-repeat top center;
	}



/* Ueberschrift Heading */

h1 {
	font-size:1.5em;
	font-weight:normal;
	cursor:default;
	position:relative; top:88px; left:410px;
	width: 224px;
	letter-spacing:1px;
	color:#282c3e;
	
	}

h2 {
	
	color:#676766;
	margin:0px 0 20px 0;
	}
h2 span.a{
	background-color:#676767; 
	display:block; 
	height:8px; 
	width:320px; 
	font-size:1.90em;
	font-weight:normal;
	color:#00407B; 
	float:right; 
	margin:7px 0 0 0;
	}



/* Sitebar Bilddarstellung Option */

#feed {
	height:50px;
	width:126px;
	background:url(images/bg_produkte_kautz.gif) no-repeat;
	margin:0 auto;
	padding-left:26px;
	}
a.feed-button {
	display:block;
    width:100px;
    height:25px;
    background:url(images/button-feed.png) 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.feed-button {
	background-position:0 -25px;
	}

/* Unterbild Extra */

#ad-top {
	width:480px;
	height:72px;
	background:url(images/see2.gif) no-repeat;
	padding: 5px;
	margin:10px 0px 5px 15px ;
	}
	
#ad-top2 {
	width:480px;
	height:72px;
	background:url(../images/see3.gif) no-repeat;
	padding: 5px;
	margin:10px 0px 5px 15px ;
	}
	
	
	/* Footer */

#footer-valid {
	float:left;
	padding-top:55px;
	padding-left:20px;
	cursor:default;
	color:#fffffe;
	}
#footer-valid a {
	color:#fffffe;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#fffffe;
	text-decoration:underline;
	}
	
	
	
	#itsthetable	{
		background: #F0F0F0 url(img/back01.gif) no-repeat;
		}

table		{
		margin: 0;
		padding: 0;
		font: normal 0.9em tahoma, arial, sans-serif;
		line-height: 1.4em;
		border-collapse: collapse;
		border: 4px solid #ADBBCA;
		color: #4F6480;
		background: #F0F0F0;
		}
		


table caption	{
		margin: 0;
		height: 32px;
		padding: 0;
		color: #4F6480;
		line-height: 2em;
		text-align: left;
		font: bold 150% georgia, serif;
		text-transform: uppercase;
		letter-spacing: 1.14em;
		}
		
thead		{
		color: #fff;
		background: #5E7796;
		}
		
thead tr th	{
		padding: 4px 8px 4px 8px;
		}

		
thead th	{
		border: 4px solid #ADBBCA;
		}

tfoot		{
		background: #fff;
		}
		
tfoot tr td, tfoot tr th, tbody tr td	{
		padding: 4px;
		}
		
tbody tr:hover	{
		background: #fff;
		}
		
tbody tr	{
		border: 4px solid #ADBBCA;
		}
		
tbody th	{
		padding: 8px;
		border: 4px solid #ADBBCA;
		}
		
tbody td	{
		background: #E9ECEE;
		}

tbody tr.odd		{
		background: #C4CFDB;
		}
		
tbody tr.odd td		{
		background: #F0F0F0;
		color: #4F6480;
		}
		

		
tbody tr.odd:hover		{
		background: #fff;
		}
		

		
tbody tr th a:link		{
		font: bold 0.9em tahoma, arial, sans-serif;
		color: #5f7796;
		text-decoration: underline;
		
		}
		
tbody tr th a:visited		{
		font: bold 0.9em tahoma, arial, sans-serif;
		color: #5E7799;
		text-decoration: none;
		
		}
		
tbody tr th a:hover		{
		font: bold 0.9em tahoma, arial, sans-serif;
		color: #5E7798;
		text-decoration: none;
		
		}
		
tbody tr th a:active		{
		font: bold 0.9em tahoma, arial, sans-serif;
		color: #5E7797;
		text-decoration: line-through;
		
		}
		
tbody tr th a:visited:after {
		content: "\00A0\221A";
		}
		
tbody td a:link		{
		font: normal 0.9em tahoma, arial, sans-serif;
		color: #808000;
		text-decoration: underline;
		}
		
tbody td a:visited		{
		font: normal 0.9em tahoma, arial, sans-serif;
		color: #808000;
		text-decoration: none;
		}
		
tbody td a:hover		{
		font: normal 0.9em tahoma, arial, sans-serif;
		color: #808000;
		text-decoration: none;
		}
		
tbody td a:active		{
		font: normal 0.9em tahoma, arial, sans-serif;
		color: #808000;
		text-decoration: underline;
		}
			
tbody td a:visited:after {
		content: "\00A0\221A";
		color: #808000;
		text-decoration: none;
		}
		
tbody td + td + td + td a { background: transparent url(downloadcss244.gif) no-repeat scroll 0 50%; 
			display: block;
			height: 24px;
			width: 24px;
			overflow: hidden;
			text-decoration: none;
			text-indent: -5000px;
			border: none;
			}
			
tbody td + td + td + td a:hover { background: transparent url(downloadcss2441.gif) no-repeat scroll 0 50%; 
			display: block;
			height: 24px;
			width: 24px;
			overflow: hidden;
			text-decoration: none;
			text-indent: -5000px;
			border: none;
			}
