
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
img { border: 0; } 
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}

#rahmen {
  width: 704px;
	margin: 0 auto;
	box-shadow: 0px 0px 50px #bbb;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666666;
	text-shadow: 2px 2px 5px #777;
}

h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666666;
}

a {
	color: #333333;
}

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

/* Menu */

#menu {
	width: 704px;
	height: 62px;
	margin: 0 auto;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 140px;
	height: 41px;
	margin-left: 1px;
	padding-top: 10px;
	border-top-width: 10px;
	border-top-style: solid;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: -1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#menu .first a {
	margin: 0;
}

#menu1 { background: url(images/img01.gif) no-repeat center bottom; border-color: #F07242; color: #C4856D; }
#menu2 { background: url(images/img02.gif) no-repeat center bottom; border-color: #FCEE0F; color: #C0B94A; }
#menu3 { background: url(images/img03.gif) no-repeat center bottom; border-color: #549EE9; color: #799EC3; }
#menu4 { background: url(images/img04.gif) no-repeat center bottom; border-color: #9EBF54; color: #94A46F; }
#menu5 { background: url(images/img05.gif) no-repeat center bottom; border-color: #9F8DF6; color: #B0A7DB; }

#menu a:hover {
	color: #000000;
}

/* Logo */

#logo {
	width: 704px;
	height: 31px;
	margin: 0 auto;
	padding: 130px 0 0 0;
	background: url(images/logo.jpg) no-repeat;
	border-bottom: 3px solid #595959;
}

/* Content */

#content {
	width: 704px;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
}

#colA {
	float: right;
	width: 444px;
	padding: 0 20px 0 0;
}

#colB {
	float: left;
	width: 220px;
}

/* BoxedA */

.boxedA {
}

.boxedA h1 {
	height: 35px;
	padding-top: 25px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 2em;
}

.boxedA h2 {
	font-size: 1em;
	
}

.boxedA p {
	line-height: 1.8em;
	text-align: left;
}

.boxedA .linkunten {
	text-align: right;
	clear:both;
}

.boxedA .more {
	text-align: right;
	clear:both;
}

.boxedA .more a {
         background:#CCCCCC;
         background:-moz-linear-gradient(top, #CCCCCC, #9C9C9C); /* Firefox */
         background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#9C9C9C)); /* Safari, Chrome */
         background:-webkit-linear-gradient(top, #CCCCCC, #9C9C9C); /* Safari, Chrome - neue Syntax! */
         background:-o-linear-gradient(top, #CCCCCC, #9C9C9C); /* Opera */
         background:-ms-linear-gradient(top, #CCCCCC, #9C9C9C); /* IE */
         background:linear-gradient(top, #CCCCCC, #9C9C9C); /* W3C Standard */
         border:3px solid #eeeeee;
         padding:1px 15px 2px 15px;
         float:right;
         text-decoration: none;
         font-family: Verdana, Arial, Sans-Serif;
         border-radius: 12px;
         box-shadow: 4px 4px 10px #667766;
         text-shadow: 2px 2px 10px #fff;
         margin-top:5px;
         margin-right:5px;
         line-height: 1.4em;
         }
         
 

.boxedA .more a:hover {
	background:#666666;
  background:-moz-linear-gradient(top, #969696, #666666); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#666666)); /* Safari, Chrome */
  background:-webkit-linear-gradient(top, #CCCCCC, #666666); /* Safari, Chrome - neue Syntax! */
  background:-o-linear-gradient(top, #CCCCCC, #666666); /* Opera */
  background:-ms-linear-gradient(top, #CCCCCC, #666666); /* IE */
  background:linear-gradient(top, #CCCCCC, #666666); /* W3C Standard */
	color: #FFFFFF
}

.boxedA .more1 {
	text-align: right;
	clear:both;
}        

.boxedA .more1 a {
         background:#b1c49A;
         background:-moz-linear-gradient(top, #b1c49A, #81A46A); /* Firefox */
         background:-webkit-gradient(linear, left top, left bottom, from(#b1c49A), to(#81A46A)); /* Safari, Chrome */
         background:-webkit-linear-gradient(top, #b1c49A, #81A46A); /* Safari, Chrome - neue Syntax! */
         background:-o-linear-gradient(top, #b1c49A, #81A46A); /* Opera */
         background:-ms-linear-gradient(top, #b1c49A, #81A46A); /* IE */
         background:linear-gradient(top, #b1c49A, #81A46A); /* W3C Standard */
         border:3px solid #eeeeee;
         padding:3px 25px 4px 25px;
         float:right;
         font-weight:bold;
         text-decoration: none;
         font-family: Verdana, Arial, Sans-Serif;
         border-radius: 12px;
         box-shadow: 4px 4px 10px #667766;
         text-shadow: 2px 2px 10px #fff;
         margin-top:5px;
         margin-right:5px;
         line-height: 1.4em;
         }
         
.boxedA .more1 a:hover {
	background:#7c9655;
  background:-moz-linear-gradient(top, #9cb675, #7c9655); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#9cb675), to(#7c9655)); /* Safari, Chrome */
  background:-webkit-linear-gradient(top, #9cb675, #7c9655); /* Safari, Chrome - neue Syntax! */
  background:-o-linear-gradient(top, #9cb675, #7c9655); /* Opera */
  background:-ms-linear-gradient(top, #9cb675, #7c9655); /* IE */
  background:linear-gradient(top, #9cb675, #7c9655); /* W3C Standard */
	color: #FFFFFF
}
.boxedA .ebay {
	text-align: left;
	clear:both;
}        

.boxedA .ebay a {
         background:#fce197;
         background:-moz-linear-gradient(top, #fce197, #facb42); /* Firefox */
         background:-webkit-gradient(linear, left top, left bottom, from(#fce197), to(#facb42)); /* Safari, Chrome */
         background:-webkit-linear-gradient(top, #fce197, #facb42); /* Safari, Chrome - neue Syntax! */
         background:-o-linear-gradient(top, #fce197, #facb42); /* Opera */
         background:-ms-linear-gradient(top, #fce197, #facb42); /* IE */
         background:linear-gradient(top, #fce197, #facb42); /* W3C Standard */
         border:3px solid #d6ad46;
         padding:12px;
         padding-top:6px;
         float:right;
         font-weight:bold;
         text-decoration: none;
         font-family: Verdana, Arial, Sans-Serif;
         font-size:10px;
         border-radius: 12px;
         box-shadow: 4px 4px 10px #777766;
         text-shadow: 2px 2px 10px #fff;
         margin-top:55px;
         margin-right:35px;
         margin-bottom:55px;
         line-height: 1.4em;
         }
         
.boxedA .ebay a:hover {
	background:#daab22;
  background:-moz-linear-gradient(top, #dcc177, #daab22); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#dcc177), to(#daab22)); /* Safari, Chrome */
  background:-webkit-linear-gradient(top, #dcc177, #daab22); /* Safari, Chrome - neue Syntax! */
  background:-o-linear-gradient(top, #dcc177, #daab22); /* Opera */
  background:-ms-linear-gradient(top, #dcc177, #daab22); /* IE */
  background:linear-gradient(top, #dcc177, #daab22); /* W3C Standard */
	color: #FFFFFF
}

.boxedA .linken a {
	color: #999999;
	text-decoration: none;
}

.boxedA .linken a:hover {
	color: #000000;
}

/* BoxedB */

.boxedB {
	margin-bottom: 1px;
	background: #FEFAB7 url(images/img14.gif) repeat-y;
	border-bottom: 1px solid #FCEE0F;
}

.boxedB h2 {
	height: 30px;
	padding: 15px 0 0 21px;
	border-bottom: 1px solid #FFFFFF;
	letter-spacing: -1px;
	font-size: 24px;
	font-weight: normal;
	color: #C0B94A;
}

.boxedB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxedB li {
	display: inline;
}

.boxedB a {
	display: block;
	width: 199px;
	height: 23px;
	padding: 7px 0 0 21px;
	background: #FEFEF7 url(images/img15.gif) no-repeat;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #C0B94A;
}

.boxedB a:hover {
	background: #e7de4b url(images/img16.gif) no-repeat;
	color: #FFFFFF;
}


/* BoxedC */

.boxedC {
	margin-bottom: 1px;
	background: #FAD4C6 url(images/img07.gif) repeat-y;
	border-bottom: 1px solid #F07242;
}

.boxedC h2 {
	height: 30px;
	padding: 15px 0 0 21px;
	border-bottom: 1px solid #FFFFFF;
	letter-spacing: -1px;
	font-size: 24px;
	font-weight: normal;
	color: #F07242;
}

.boxedC ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxedC li {
	display: inline;
}

.boxedC a {
	display: block;
	width: 199px;
	height: 23px;
	padding: 7px 0 0 21px;
	background: #FDF1EC url(images/img08.gif) no-repeat;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #F07242;
}

.boxedC a:hover {
	background: #F7B8A0 url(images/img09.gif) no-repeat;
	color: #FFFFFF;
}

/* BoxedD */

.boxedD {
	margin-bottom: 1px;
	background: #CBE2F8 url(images/img11.gif) repeat-y;
	border-bottom: 1px solid #549EE9;
}

.boxedD h2 {
	height: 30px;
	padding: 15px 0 0 21px;
	border-bottom: 1px solid #FFFFFF;
	letter-spacing: -1px;
	font-size: 24px;
	font-weight: normal;
	color: #549EE9;
}

.boxedD ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxedD li {
	display: inline;
}

.boxedD a {
	display: block;
	width: 199px;
	height: 23px;
	padding: 7px 0 0 21px;
	background: #EEF5FD url(images/img12.gif) no-repeat;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #549EE9;
}

.boxedD a:hover {
	background: #A9CEF4 url(images/img13.gif) no-repeat;
	color: #FFFFFF;
}

/* BoxedE */

.boxedE {
	margin-bottom: 1px;
	background: #e2eccb url(images/img18.gif) repeat-y;
	border-bottom: 1px solid #94A46F;
}

.boxedE h2 {
	height: 30px;
	padding: 15px 0 0 21px;
	border-bottom: 1px solid #FFFFFF;
	letter-spacing: -1px;
	font-size: 24px;
	font-weight: normal;
	color: #94A46F;
}

.boxedE ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxedE li {
	display: inline;
}

.boxedE a {
	display: block;
	width: 199px;
	height: 23px;
	padding: 7px 0 0 21px;
	background: #faffe6 url(images/img17.gif) no-repeat;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #94A46F;
}

.boxedE a:hover {
	background: #a8c16d url(images/img19.gif) no-repeat;
	color: #FFFFFF;
}

/* BoxedF */

.boxedF {
	margin-bottom: 1px;
	background: #e2ddfc url(images/img21.gif) repeat-y;
	border-bottom: 1px solid #B0A7DB;
}

.boxedF h2 {
	height: 30px;
	padding: 15px 0 0 21px;
	border-bottom: 1px solid #FFFFFF;
	letter-spacing: -1px;
	font-size: 24px;
	font-weight: normal;
	color: #B0A7DB;
}

.boxedF ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxedE li {
	display: inline;
}

.boxedF a {
	display: block;
	width: 199px;
	height: 23px;
	padding: 7px 0 0 21px;
	background: #f1eeff url(images/img20.gif) no-repeat;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #B0A7DB;
}

.boxedF a:hover {
	background: #ccc4f3 url(images/img22.gif) no-repeat;
	color: #FFFFFF;
}


/* News */

#news {
}

#news h2 {
	font-size: 22px;
}

#news ul {
	list-style-type: square;
}

/* Angebot */

#angebot p{
  margin: 0 0 0 20px;
  font-size: 15px;
  line-height: 1.9em;
  clear:both;
}

/* AGB */

#agb p{
  line-height: 1.3em;
  color: #555555;
  text-align: left;
}

#agb h2 {
	font-size: 18px;
}

#agb ul {
	list-style-type: square;
	color: #555555;
}
/* Footer */

#footer {
	clear: both;
	width: 704px;
	margin: 0 auto;
	border-top: 1px solid #9F8DF6;
	border-bottom: 1px solid #9F8DF6;
	background: #e2ddfc;
}

#footer .first {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #B0A7DB;
}

#footer .copyr {
  float: right;
  margin: 0;
	padding: 10px 0 10px 0;
	text-align: left;
	font-size: smaller;
}

#footer a {
	color: #B0A7DB;
	text-decoration: none;
}
#footer a:hover {
	color: #000000;
}

div.shadow2     {
                float:left;
                background-color:#CCCCCC;
                border: 1px solid #aaaaaa;
                margin: 20px 0 20px 30px;
                }
div.shadow img {
                display:block;
                border: 1px solid #666666;
                margin: 0;
                position: relative;
                top: -4px;
                left: -4px;
               }
a.tooltip {text-decoration:none;}
 .tooltip span.tooltipinfo{display:none;}
 .tooltip:hover span.tooltipinfo{display:block;
                                 position:absolute;
                                 margin-top:-125px;
                                 margin-left:-180px;
                                 width:320px;
                                 font-size:14px;
                                 background-color:#FFFFFF;
                                 border: solid 2px #1262B0;
                                 border-radius:10px;
                                 box-shadow: 4px 4px 10px #334433;                                 
                                 padding:1em;
                                 color:#000;}
                                 
