@charset "utf-8";
/*	CSS Document

	A.C.T. Computer (v1.2.1)
	www.act-computer.de
	Start: 14.01.2007
*/

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// GENERAL ////////////////////////////////////// */

body { color: #6e6e6e; font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Helvetica, Arial, sans-serif; background: #f5f5f5 url(../img/bg.png); }

img { background-color: #fafafa; }

span a, span a:hover { background: none !important; padding: 0 !important; border: none !important; } /* für verlinkte Bilder */

h1, h2, h3 { font-weight: normal; margin-bottom: 1em; }
h1 em, h2 em, h3 em, h4 em { font-style: normal; }
h1 { font-size: 2.4em; letter-spacing: 1px; color: #288c73; margin-bottom: 1em; }
h2 { font-size: 1.6em; }
h2 em { font-size: .85em; text-transform: uppercase; }
h3 { font-size: 1.6em; color: #288c73; }
h4 { font-size: 1em; text-transform: uppercase; text-indent: 1px; background: url(../img/pattern.gif); padding: .25em; margin-top: 2em; }

li { list-style: none; }

td, th { padding: .25em .5em; }
td { border-bottom: 1px dotted #bbb; }
tr:hover { background-color: #f5f5f5; }
thead tr:hover, tfoot tr:hover { background-color: #fff; }

blockquote { color: #aaa; text-indent: 3em; background: url(../img/quote.gif) no-repeat; padding: 2.5em 2em; }
blockquote cite { color: #288c73; font-size: .8em; font-style: normal; text-align: right; text-transform: uppercase; }
acronym { cursor: help; border-bottom: 1px dotted #bbb; }

.col { width: 50%; float: left; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// POSITION ///////////////////////////////////// */
/*	  */

#wrapper, #head, #content, #footer { position: relative; }
#logo, #key, #navigation, .globalnav, #remote, #copyright, #seo, #sidebar, #sidebarAd, #socialize { position: absolute; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// LAYOUT ////////////////////////////////////// */
/*	  */

#wrapper { background-color: #fff; text-align: left; width: 880px; min-height: 100%; margin: auto; }
* html #wrapper { height: 100%; } /* IE6 */

#head { width: 860px; height: 115px; margin: auto; border: 10px solid #fff; border-bottom: 0; }

#logo { width: 155px; }

#key { width: 660px; height: 74px; left: 200px }

#sidebar { color: #aaa; width: 200px; left: 10px; top: 105px; }
#sidebar p { border-bottom: 1px solid #d9d9d9; padding: .25em 0; }
#sidebar .hotline { font-size: 2.25em; text-align: center; background: #f5f5f5; }
#sidebar .hotline strong { color: #288c73; letter-spacing: -1px; }

#sidebarAd { width: 200px; margin-left: -230px; top: 160px; }
#sidebarAd p { padding: 0 10px; font-size: .85em;}
/*#sidebarAd .center { text-align:center;}*/
/*#sidebarAd img { position:absolute}*/
#sidebarAd img { background: none; }
#sidebarAd blockquote { font-size: .9em; text-align: justify; }
.shop { width: 860px !important; height: 900px; margin-top: -90px !important; top: 30px !important; }

#head hr, #footer hr { display: none; }

#footer { color: #aaa; font-size: 1.1em; text-align: left; background: #eee url(../img/pattern.gif); border: 10px solid #fff; border-top: 0; margin: -60px auto 0 auto; width: 860px; height: 50px; }
#footer h2 { display: none; }
#footer li { display: inline; padding-left: .25em; margin-right: .25em; }

#footer .globalnav { left: 225px; top: 5px; }
#footer .globalnav a { color: #6a6a6a; padding: 0 .35em; }
#footer .globalnav a:hover { color: #fff; background: #048262 url(../img/mainnav-bg-o.png) repeat-x top; }

#copyright { line-height: 1em; background: #fff; width: 200px; height: 50px; left: 0; }

#seo { padding: 0 5px; height: 15px; left: 225px; bottom: 5px; overflow: hidden; }

#socialize { color: #4d2408; bottom: -5px; }
#socialize p { display: none; }
#socialize li { display: inline; padding-left: .25em; margin-right: .25em; }

#socialize a img { background-color: transparent; background-image: none; padding: 2px; border: 1px solid #aaa; }
#socialize a:hover img { border-color: #288C73; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////// NAVIGATION //////////////////////////////////// */
/*	margin: 1em 0; vertikal horizontal */

#navigation { color: #fff; font-size: 1.1em; text-transform: uppercase; width: 660px; top: 74px; left: 200px; }
#navigation li { list-style: none; display: inline; }
#navigation a { color: #fff; }
#navigation a:hover { background: #048262 url(../img/mainnav-bg-o.png) repeat-x top; }

#navi, #subNavi { padding: 0 27px; margin-bottom: 1px; overflow: hidden; }
#navi a, #subNavi a { padding: 0 .5em; height: 20px; line-height: 20px; }
#navi { background: #8a8a8a url(../img/mainnav01-bg.png) repeat-x top; }
#subNavi { background: #bcbcbc url(../img/mainnav02-bg.png) repeat-x top; height: 20px;}

#breadcrumb { color: #6a6a6a; font-size: 1.1em; background: url(../img/pattern.gif); height: 40px; line-height: 40px; padding: 0 30px; margin: 0 10px 0 210px; }
#breadcrumb a { color: #6a6a6a; padding: 0 .25em; }
#breadcrumb a:hover { color: #fff; background: #048262 url(../img/mainnav-bg-o.png) repeat-x top; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// CONTENT ///////////////////////////////////// */
/*	  */

#content { font-size: 1.3em; background: #fff url(../img/content-bg.png) repeat-x; padding: 30px; margin: 0 10px 60px 210px; width: 600px; }

#content p, #content ul, #content ol, #content table { margin-bottom: 1.5em; }
#content p, #content li, #content td { line-height: 1.4em; }

#content ul { margin: 2em; }
#content li { background: url(../img/ico_list.gif) no-repeat; padding: 0 1em; }
#content li.count  { background: none; list-style: decimal; }

#content a { color: #288c73; }
#content p a:hover, #content li a:hover, #content td a:hover { text-decoration: underline; }
#content p a[target=_blank], #content li a[target=_blank], #content td a[target=_blank] { background: url(../img/ico-extern.gif) no-repeat right 66%; padding-right: .85em; }
#content p a[target=_blank]:hover, #content li a[target=_blank]:hover, #content td a[target=_blank]:hover { background-image: url(../img/ico-extern-o.gif); }

#content hr { border: 0; border-top: 1px solid #f1f0ee; margin: 2em 20px; height: 0; }

#affili { width: 480px; border-color:#CCCCCC}
#affili p { margin-bottom: .5em; }
#affili img, #affili iframe { margin-bottom: 2em; }
#affili img { text-align: center; }
#affili a { background: none !important; }
.center { margin: auto;}

.searchbox { position: absolute; top: 2.75em; right: 0; width: 360px; }
.searchbox input { float: left; margin-right: .25em;   }
.searchbox input[type=text] {  }
.searchbox input[type=submit] {  }
* html .searchbox input.submit { width: 100px !important; height: 1.7em; } /* IE6 */

#remote { top: -30px; right: 25px; z-index: 10; }
.button { color: #fff !important; font-weight: bold; text-align: center; background-color: transparent !important; background-image: url(../img/b-glossy.png) !important; display: block; width: 110px; height: 24px; line-height: 24px; }
a.button { border: 0 !important; }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// TEASER ////////////////////////////////////// */
/*	  */

.teaser { width: 295px; min-height: 110px; margin-right: 5px; margin-bottom: 5px; float: left; }
* html .teaser { width: 290px; height: 110px; } /* IE6 */
.teaser p { font-size: .85em; padding: 0 5px ; }
.teaser img { margin-right: 10px; margin-bottom: 2.5em; width: 50px; height: 50px; float: left; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; }
.teaser a img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; margin-right: 10px; margin-bottom: 2.5em; }
.teaser a:hover { padding: 0; /* verhindert eine Verschiebung des Textes bei Teaserbildern */ }


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// MISC /////////////////////////////////////// */
/*	  */

.bar { position: relative; height: 2em; margin: 2em 20px; }
.bar hr { margin: 0 !important; width: 100%; position: absolute; bottom: 0; }

#bar {
	font-size: .7em;
	padding-top: .25em;
	border-top: 1px solid #f1f0ee;
	margin: 2em 0;
	clear: both;
}

#bar a {
	color: #ccc;
	padding: .15em .15em 0 2.2em;
	border: none;
}

#bar a:hover {
	color: #6e6e6e;
	padding: .15em .15em 0 2.2em;
	background-color: transparent;
	border: none;
}

.top { float: right; background: url(../img/ico_top.gif) no-repeat 0 50%; }

.top:hover { float: right; background: url(../img/ico_top_o.gif) no-repeat 0 50%; }

.back { float: left; background: url(../img/ico_back.gif) no-repeat 0 50%; }

.back:hover { float: left; background: url(../img/ico_back_o.gif) no-repeat 0 50%; }

.forward { float: right; background: url(../img/ico_forward.gif) no-repeat 0 50%; }

.forward:hover { float: right;, background: url(../img/ico_forward_o.gif) no-repeat 0 50%; }

.print { float: left; background: url(../img/ico_print.gif) no-repeat 0 50%; }

.print:hover { float: left; background: url(../img/ico_print_o.gif) no-repeat 0 50%; }

.linkExtern { background: url(../img/ico-extern.gif) no-repeat 0 50%; padding: .15em 0 0 1.25em; }

.highlight { color: #288c73; }

.smallprint { font-size: .75em; }

.marked {
	color: #fff;
	background-color: #930;
	padding: 0 .25em;
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// FORM /////////////////////////////////////// */
/*	  */

form th { padding-top: .5em; width: 180px; }
form td { vertical-align: middle; }

input {
	font-size: 1em;
	color: #6e6e6e;
	border: 1px solid #CCC;
	padding: .2em;
}

input[type=text], input[type=password] {
	width: 220px;
	background-color: #fcfcfc;
	border: 1px solid #CCC;
	margin-bottom: .25em;
}

input[type=text]:focus, input[type=password]:focus {
	color: #333;
	background-color: #fff;
	border: 1px solid #288c73;
}

input[type=checkbox] {
	width: auto;
	color: #6e6e6e;
	border: none;
	margin-right: .25em;
}

input[type=hidden] { display: none; }

input[type=submit] {
	width: 100px;
	font-size: .75em;
	color: #fff;
	background-color: #CCC;
	border: none;
}

input[type=submit]:hover {
	color: #fff;
	background-color: #288c73;
}

textarea {
	width: 220px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #6e6e6e;
	padding: .2em;
	border: 1px solid #CCC;
	overflow: auto;
}

textarea:focus {
	color: #333;
	border: 1px solid #288c73;
}

label { float: left; }

form label { width: 180px; /* Breite.*/ }

input, select { /* Alle Labels UND Formularelemente auswhlen */
	border: 1px solid #CCC;
	display: block;
	width: 220px; /* Breite.*/
}

form br { /* Alle Zeilenumbrche in Formularen auswhlen */
	clear: left; /* das floating der labels und inputs aufheben */
}

.error { color: #288c73; }
.obligate { font-weight: bold; }
.obligate strong { color: #288c73; }