html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea, input, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup 
table { border-collapse: collapse; border-spacing: 0; }*/

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

html {overflow-y: scroll;}

body {background:#000 url(bg.gif); text-align:center; padding-bottom:30px; }

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table { margin-bottom:16px; }

h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:18px;  }

h1 { font-size:16px; }
h2 { font-size:14px; margin-bottom:2px;}
h3 { font-size:13px; font-style:italic; }
h1, h2, h3, h4, h5 { color:#58585a; }
p, div.box h5, div.box a, li, td, label, address { font-size:11px; color:#8a8a8b; }
address { font-style:normal; }
div.right h5, div.right a, div.right p, div.right span.p { font-weight:normal; line-height:16px; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:disc; margin-left:15px; }
ul li li{ list-style-type:circle; }

div#head div.partners span.title { color:#c6c6c7; font-size:10px; text-transform:uppercase; }

div#head address, div#head address span { line-height:14px; }

a { color:#d8b72a; font-weight:bold; text-decoration:none; }
a:hover, a.focus, a.active { text-decoration:underline; }

div#head address a { color:#8a8a8b; font-weight:normal; }

div.box a { font-weight:normal; line-height:10px; }

div#news a.entry:hover, div#news a.entry:focus { text-decoration:none; }
div#news a.entry:hover span.h, div#news a.entry:focus span.h, div#news a.entry:hover span.p, div#news a.entry:focus span.p { text-decoration:underline; }
div#news span.h { font-weight:bold; }
div#news span.d, div#content div.news span.date { color:#d8b72a; font-size:10px; font-weight:normal; font-style:normal; }
div#news a.entry:hover span.d, div#news a.entry:focus span.d { text-decoration:none !important; }

div#news p.more a { color:#d8b72a; }

div#content p.lead { font-weight:bold; color:#d8b72a; }

div#footer { text-align:right; padding-right:6px; }
div#footer a { font-size:10px; color:#666666; font-weight:normal; }

/*************************************************** layout */

div.wrapper { width:960px; min-height:200px; background:#fff url(bg_content.gif) repeat-y; margin:15px auto 0 auto; text-align:left; }
div.wrapper, div#head, div#head div.logo a, div.wrapper div.left, div.wrapper div.center, div.wrapper div.right { display:block; }

div.wrapper div.left, div.wrapper div.center, div.wrapper div.right { float:left; min-height:1px; }
div.wrapper div.left { width:212px; }
div.wrapper div.center { width:532px; position:relative; }
div.wrapper div.right { width:216px; }

div#footer { background:#999999; border-top:1px solid #fff; padding-top:2px; background:#ccc; margin:0 auto; }

/****** Header */

div#head { height:144px; background:#fff url(bg_head.gif) left bottom no-repeat; position:relative; } 

div#head div.logo, div#head div.partners, div#head address, div#head h4 { position:absolute; }

div#head address { left:24px; top:28px; }
div#head address span.left, div#head address span.right { float:right; width:120px; }

div#head div.logo { top:18px; right:16px; }
div#head div.logo a { background:url(logo.gif); width:209px; height:65px; border:0 none; }

div#head div.partners { top:14px; left:270px; }
div#head div.partners div.bg { background:url(partners.jpg) no-repeat; width:451px; height:37px; }
div#head div.partners span.title { display:block; }
div#head div.partners a { display:block; height:37px; float:left;  }
div#head div.partners a:hover, div#head div.partners a:focus {  background:url(partners.jpg) 0 0 no-repeat; }

div#head div.partners a.ms { width:81px; }
div#head div.partners a.ms:hover, div#head div.partners a.ms:focus { background-position:0 -37px; }

div#head div.partners a.hp { width:84px; }
div#head div.partners a.hp:hover, div#head div.partners a.hp:focus { background-position:-81px -37px; }

div#head div.partners a.gfi { width:84px; }
div#head div.partners a.gfi:hover, div#head div.partners a.gfi:focus { background-position:-165px -37px; }

div#head div.partners a.threecx { width:69px; }
div#head div.partners a.threecx:hover, div#head div.partners a.threecx:focus { background-position:-249px -37px; }

div#head div.partners a.bpnext { width:122px; }
div#head div.partners a.bpnext:hover, div#head div.partners a.bpnext:focus { background-position:-318px -37px; }

div#head h4 { display:block; width:900px; left:25px; top:108px; background:url(bg_slogan.gif) no-repeat; height:17px;  }

/****** Content */

div.right { background:#fff url(bg_right_pane.gif) 0 -160px no-repeat; padding-top:1px; }
div.box { display:block; background:#fff url(bg_right_pane.gif) bottom no-repeat; padding:10px; }

div.left div.box { width:211px; }
div.right div.box { width:196px; }

div.box span.h { display:block; height:16px; background-repeat:no-repeat; }

div#shop a, div#support a { display:block; padding:10px; }

div#support { width:211px; padding:0; }
div#support span.h { background-image:url(titel_support.gif);}

div#shop { width:216px; padding:0; }

div#shop span.h { background-image:url(titel_shop.gif);}

div#callback h5 span.h { background-image:url(titel_callback.gif); }
div#callback h5 {  margin-bottom:10px; }
div#callback p { margin:0; }

div#news h5 { padding-bottom:11px; background:url(line_dotted.gif) bottom repeat-x; }
div#news h5 span.h { background:url(titel_aktuelles.gif) 0 0 no-repeat; }

div#news a.entry { position:relative; padding:10px 0 11px 0; display:block; background:url(line_dotted.gif) bottom repeat-x; }

div#news span.d { position:absolute; right:0; top:-2px; }

div#news span.h, div#news span.p { padding-left:20px; }
div#news span.h { background:url(ico_news.gif) 0 3px no-repeat; }

div#news p.more { text-align:right; margin:2px 0 0 0; }

div#news a.entry span.d, div#news a.entry span.h, div#news a.entry span.p { cursor:pointer; display:block; height:auto; }
div#news a.entry span.h { line-height:16px; }

div#maingimg, div#maingimg div.headline { position:absolute;}
div#maingimg { width:531px; height:224px; top:0; left:0;  }
div#maingimg div.headline { top:162px; left:0; background:url(bg_title.png); width:511px; height:50px; padding:12px 0 0 20px; }
div#maingimg div.headline h1 { color:#fff; text-transform:uppercase; }

div#content { padding:224px 20px 20px 20px; }

div#content div.team, div#content div.news { min-height:1px; position:relative; display:block; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddddde; }

div#content div.team div.img, div#content div.team div.teamtxt { float:left; }
div#content div.team div.img { width:100px; margin-right:15px; }
div#content div.team div.teamtxt { width:377px; }

div#content div.news span.date { background:url(ico_news.gif) right 2px no-repeat; padding-right:20px; }
div#content div.news img { float:right; margin:0 0 15px 15px; }
div#content div.news a.download { padding-left:24px; background-repeat:no-repeat; }

div#content a.download { background-repeat:no-repeat; padding-left:24px; }

table#tbl_hosting { background:#ddddde; }

table#tbl_hosting td, table#tbl_hosting th { background:#fff; padding:2px 5px; }
table#tbl_hosting th { background:#58585a; color:#fff; font-size:12px; text-align:center; }
table#tbl_hosting td { background:#fff; font-size:12px; text-align:center; }
table#tbl_hosting th.ausstattung { color:#ccc; font-weight:normal; }
table#tbl_hosting td.lheading { background:#58585a; color:#fff; text-align:left; }

table#tbl_hosting span.yes { display:block; background:url(tick.gif); width:10px; height:9px; margin:0 auto; }
table#tbl_hosting span.yes span { display:none; }

table#tbl_hosting span.info { font-size:10px; color:#ccc; }

/*************************************************** Navs */

div#nav ul { margin:0; background:#fff url(bg_nav.gif) 0 -29px no-repeat; width:211px; padding-top:1px;}
div#nav li, div#subnav li { list-style-type:none; margin:0; }

div#nav li { background:url(bg_nav.gif) bottom no-repeat; }
div#nav a { font-size:14px; height:18px; padding:6px 14px 6px 0; text-decoration:none; color:#8a8a8b; text-align:right; display:block; font-weight:bold; }
div#nav a:hover, div#nav a:focus, div#nav a.active { color:#d8b72a; }

div#nav ul ul { background:#fff url(bg_subnav.gif) bottom no-repeat; width:auto; padding:0 0 8px 0; }
div#nav li li { background:none; }

div#nav li li a { font-size:12px; font-weight:normal; height:16px; padding:2px 28px 2px 0; background:url(ico_subnav.gif) 190px 9px no-repeat; }
div#nav a:hover, div#nav a:focus, div#nav a.active { font-weight:bold; color:#d8b72a; }*/


/*************************************************** Kontaktformular */

.ajax-loading {
	padding: 20px 0;
	background: url(spinner.gif) no-repeat center;
}

div.formPos {  }

form fieldset { border:0 none; padding:0; padding-bottom:0; width:370px; }

form br {  }

form { padding:0 0 0 0; }

form legend { display:none; }

form div.formline { clear:both; height:28px; margin-bottom:2px; }

form label, form select, form button, form input, form textarea { font-size:12px; }

form input, form textarea { padding:0 2px 0 2px; }

form div.text input, form div.select select, form div.textarea textarea { width:364px; color:#8e8e8f; background:#fff; border:1px solid #8e8e8f; font-size:12px; font-weight:bold; padding:3px 2px 1px 2px; height:18px; }
form div.select select { height:18px; width:370px; }

form div.textarea textarea { height:120px; }
form div.textarea { height:126px; }

form div.text label, form div.radio label, form div.select label, form div.textarea label,
form div.text input, form div.radio input, form div.select select, form div.textarea textarea { float:left; display:block;  }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label { color:#8a8a8b; width:100%; line-height:20px; }
form label span { font-size:11px; }
form div.required label {  }

form div.checkbox, form div.radio { height:20px; }
form div.radio input { margin-top:4px; }
form div.radio input, form div.checkbox input { left:0; top:-2px; width:auto; position:absolute; }
form div.radio label { width:auto; display:inline; }
form div.group { padding-left:20px; width:60px; float:left; position:relative;  }

form div.btn { display:block; margin-top:10px;  }
form button {  background:#8e8e8f; font-weight:bold; text-transform:uppercase; font-size:10px; text-align:center; border:0 none; color:#fff; padding:5px 4px 4px 4px; }
form button:hover { background:#d8b72a; }

p.errormsg, p.successmsg { padding:8px; color:#fff; border:3px double #fff; margin-top: 20px; }
p.errormsg { background:#cc0000;  }
p.successmsg { background:#92a196; }

form div.info { clear:both; font-size:12px;  }

/*************************************************** Callback form */

form.callback fieldset { width:auto; }
form.callback { margin-top:10px; }
form.callback div.text input { width:190px; }
form.callback div.text input.phone { width:153px; margin-right:6px; }

