@import "reset.css"; 

 
body{background:#bdb6ae url(../images/bg_pattern.gif) repeat}

#background{position:fixed; width:1160px; height:100%; top:0; left:50%; margin-left:-580px; padding:0; z-index:-1; background:url(../images/bg_x_y_repeat.jpg) repeat-y}

a{text-decoration:none}

.content{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); width:984px; position:relative; left:50%; margin-left:-492px; padding-top:5px; padding-bottom:5px; background:#fff; overflow:auto}

.innercontent{border:1px solid #ddd; padding:15px; margin-left:5px !important; -moz-border-radius:6px; -webkit-border-radius:6px;}

.side .innercontent { min-height: 750px;}

.simpletitle{float:left; font-family:Arial Narrow,sans-serif; color:#4A657A; text-transform:uppercase; font-size:14px; font-weight:bold; margin-left:15px; margin-top:10px; margin-bottom:8px}

.halfcontent{width:680px !important; float:left}

.halfwide{width:460px !important}

.customwide{width:638px !important}

.container{float:left; width:638px; margin-top:15px}

.newline{clear:left}

.bottomline{margin-bottom:50px}

.button a .text:hover{color:#cfcf00; background:url(../images/button/arrow_active.gif) no-repeat 15px 18px}

.button:hover, .button_hover{background:url(../images/box/home_box_bg_active.png) no-repeat}

.button{position:relative; height:75px; background:url(../images/box/home_box_bg.png) no-repeat}

.button a{display:block; height:55px; font-family:Trebuchet MS,Arial,sans-serif; font-size:14px}

.button a .text{padding:15px 15px 15px 25px; background:url(../images/button/arrow.gif) no-repeat 15px 18px; display:block; color:#fff; font-style:normal}

.button a span .notice{margin-top:7px; font-family:Trebuchet MS,Arial,sans-serif; font-size:12px; font-style:italic; display:block}

.main a{display:inline; border-bottom:1px dotted; font-family:Trebuchet MS,sans-serif; font-size:1em; font-style:italic; color:#5a6e75}

.main{width:304px}

.wide{width:608px}

.doublewide{width:942px !important}

.main{float:left; margin-left:15px}

.main .lastp{margin-bottom:50px !important}

.side{float:right; position:relative; right:50%; margin-right:-493px; padding:5px 5px 5px 0; background:#fff; width:285px; -moz-border-radius:6px; -webkit-border-radius:6px}

#main_focus{position:relative; left:50%; margin:0; margin-left:-450px; margin-bottom:40px; margin-top:40px; display:block}

.portalbox{background:url(../images/box/box_bg.png) no-repeat; width:220px; height:110px; display:block !important; position:relative; float:left !important; margin-right:15px !important}

.portalbox:hover{background:url(../images/box/box_bg_active.png) no-repeat}

.portalbox a{display:block; width:200px; height:90px; text-transform:uppercase !important; font-family:sans-serif !important; font-size:18px !important; font-style:normal !important; line-height:1.2em !important; color:#fff; padding:10px 10px !important; border:none !important}

.portalbox .lasta{margin:0 !important}

.portalbox a:hover{color:#cfcf00}

.portalbox .bottomlink{position:absolute; bottom:10px; left:10px}

.portalbox .bottomlink span{font-size:12px !important; text-transform:none !important; border-bottom:1px dotted}

.portalbox .bottomlink img{margin-left:5px}

.portalbox .last img{margin-left:80px}

.portal{margin-left:0 !important; clear:both}

.portal .main{width:264px; margin-left:60px}

.portal .wide{width:391px; margin-left:90px}

.portal p{color:#666762; !important}

.portal hr, .portal .hr{height:5px; background:url(../images/bg_cross_hatch.gif) repeat; border:none; margin:0; padding:0; margin-top:40px}

.topimg{position:relative; left:-15px}

.portal .topimg{margin-bottom:15px}

.portal h1{font-family:"PTSans", Arial Narrow,sans-serif; color: #4A657A; font-size:23px; margin-top:30px; margin-bottom:10px; text-transform:uppercase; font-style:normal !important}

.portal h2{margin-bottom:4px !important}

.portal h3{color:#757473; margin-bottom:6px; font-weight:bold; font-family:Arial Narrow,sans-serif}

.tspace{margin-top:50px !important}

.tspace1{margin-top:20px !important}

.bspace{margin-bottom:50px !important}

.bspace2{margin-bottom:400px !important}

.titlesub{font-size:18px !important; width:100%; margin-bottom:50px !important; color: #4A657A !important}

.titlesubfocus{color:#b3b02f}

.innerleft{margin-left:0px !important}

.portaltitle{clear:both;margin-top: 30px;}

.portaltitle .check{position:absolute; right:-100px; top:-20px; display:none}

.portaltitle .presub{color:#4A657A; font-size:23px !important; text-transform:uppercase; margin-bottom:0 !important; font-family:"PTSans", Arial Narrow,sans-serif !important}

.portaltitle .titlefocus{margin-bottom:20px}

.portaltitle .titlecycle{margin-bottom:35px}

.portaltitle .titlecycle p{display:none}

.portaltitle .titlecycle p:first-child{display:block}

.portaltitle .nowide{width:75%}

.portaltitle .titlefocus p{color: #4A657A; font-size:35px !important; text-transform:uppercase; font-family:"PTSans",Arial Narrow,sans-serif !important; line-height: 38px;}

.overview{width:100%; font-family:Arial Narrow,sans-serif}

.overview tr:first-child td{border-top:1px solid #b3b2b0}

.overview td{border-bottom:1px solid #b3b2b0; vertical-align:center; text-align:center; font-family:Arial Narrow,sans-serif}

.overview th:first-child{text-align:left}

.overview th{color:#474541 !important; font-size:14px !important; text-transform:uppercase !important; font-style:normal !important; text-align:center}

.prop{    background: none repeat scroll 0 0 #E9E8E5; color: #444444; font-size: 13px;  font-style: normal !important; padding: 10px; text-align: left !important;}

.bbcol{width:30%}

#portaloverview{margin-left:10px; font-family:"PTSans", Arial Narrow,sans-serif !important}

.portal ul{margin-top:30px; list-style-type:disc; margin-left:15px; font-family:Arial,Trebuchet MS,sans-serif}

.portal ul li{color: #444444; font-family: Arial,Trebuchet MS,sans-serif; font-size: 13px; margin-bottom:8px}

.portal ul li span{color:#474541; font-size:17px}

.smalltxt h3{font-size:1em !important; margin-top:30px; margin-bottom:5px !important; font-weight:bold}

.smalltxt li{margin-bottom:4px !important}

.smalltxt li span{font-size:0.8em !important}

.smalltxt{margin-top:0 !important}

.lowc{text-transform:none !important}

.uppc{text-transform:uppercase !important; margin-top:30px}

.more_box{position:relative; float:right; margin:0 15px; width:400px}

.more_box_ecomm{position:relative; float:right; margin:0 15px; width:320px}

.more_main{-moz-border-radius:6px; -webkit-border-radius:6px; height:125px; background:url(../images/more_box_x_repeat.png) repeat-x; padding:15px}

.more_sub{padding-right:30px}

.more_sub ul{list-style-type:disc; margin-left:15px}

.more_sub ul li{color:#4A657A}

.more_sub ul li span{color:#474541; font-size:0.8em; font-family:Arial,Trebuchet MS,sans-serif}

.more_main p{color:#fff !important; font-size:18px !important}

#more_box_form{position:absolute; bottom:15px}

#more_box_email{width:318px}

#more_box_submit{width:70px}

#news_back{width:200px !important; float:right; margin-right:-4px}

#news_back span{left:14px !important}

#news_back a{width:200px !important}

#demo_start, #news_back{-moz-border-radius:6px; -webkit-border-radius:6px; height:32px; width:470px; display:block; border:none; margin-bottom:10px; background:url(../images/start_demo_x_repeat.png) repeat-x}

#demo_start a, #news_back a{padding-top:2px; width:470px; height:30px; display:block; border:none}

#demo_start span, #news_back span{background:url(../images/button/arrow.gif) no-repeat 5px 7px; color:#fff; font-style:normal; font-size:15px; padding-left:15px; position:relative; top:6px; left:95px}

#demo_start:hover, .demo_start_hover, #news_back:hover{background:url(../images/start_demo_x_repeat_active.png) repeat-x}

#demo_start:hover span, #news_back:hover span{color:#cfcf00; background:url(../images/button/arrow_active.gif) no-repeat 5px 7px}

.demo_sub_start{width:470px}

#more_box_name{display:none}

.wikilink{border:none !important}

.wikilink p{font-size:14px !important; color:#474541 !important; margin-top:1em; font-family:Trebuchet MS,Arial,sans-serif !important}

.wikilink h2{text-transform:none !important; border-bottom:1px dotted !important; display:inline !important; font-weight:normal !important; font-family:Trebuchet MS,Arial,sans-serif !important}

#portal_tot{margin-bottom:20px !important}

#ecomm_kontakt{color:#fff; font-style:normal; border:none; font-size:18px; position:relative; top:5px; background:url(../images/button/arrow.gif) no-repeat 0px 10px; padding-left:12px; display:block}

#ecomm_kontakt:hover{color:#cfcf00; background:url(../images/button/arrow_active.gif) no-repeat 0px 10px}

.main h2{font-family:"PTSans", Arial Narrow,sans-serif; font-size:23px; font-weight:bold; text-transform:uppercase; color:#4a657a; margin-bottom:5px; margin-bottom:0.8em}

.main p {margin-bottom:0.5em; font-family:Arial,Trebuchet MS,sans-serif; font-size:13px; color:#444; line-height:1.5em}

.simple h1{font-family:Trebuchet MS,sans-serif; color:#474541; font-size:25px; margin-top:15px; text-transform:uppercase}

.simple h2{margin-top:25px; font-size:23px !important}

.simple h3{font-size:15px !important}

#menu li{display:inline; height:60px}

#menu{list-style-image:none; height:60px; display:inline}

#menu li a{display:block; float:left; height:60px; border-left:1px solid #888; border-right:1px solid #606163; width:140px; color:#fff}

#menu li a:hover, #menu .selected a{color:#cfcf00; text-shadow:0 0 13px #fff; left:1px}

#menu li a img{position:relative; top:50%; margin-top:-30px}

#menu li a span{display:none}

.tabs{display:block; float:right; margin-right:15px; width:80%;}

.tabs .spacer a{width:350px; padding:1.2em}

.tabs li a{display:block; float:right; border:none; padding:8px 15px; font-family:Arial Narrow,sans-serif; text-transform:uppercase; font-size:14px; color:#aeafa9; font-weight: bold; position: relative; top: 2px; font-size: 14px}

.tabs .selected a{border:none; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #fff; background:#fff; z-index:1; position:relative; top:1px}

.tabs .selected a, .tabs li a:hover{color:#4a657a; font-weight:bold}

.tabstitle{float:left; margin-bottom:0 !important; font-family:Arial Narrow,sans-serif; color:#4a657a; text-transform:uppercase; font-size:14px; font-weight:bold; position:relative; top:10px; left:15px}

.side .box{min-height:100px; margin-bottom:20px; position:relative}

.side .box h2{font-family:Arial,sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; color:#606163; width:100%; margin-bottom:7px}

.side .box .hr{position:absolute; bottom:0; height:5px; width:250px; background:url(../images/bg_cross_hatch.gif) repeat; border:none; margin:0; padding:0}

.side .box a, .tumblr_body
{color:#606163}

.side .box .bottomnotice{position:absolute; right:0px; bottom:0.6em; font-family:Splendid,Tahoma,Arial,Helvetica,sans-serif; font-size:1.5em; color:#aaa}

.side .box .topnotice
{display:inline; border-bottom:1px dotted; font-family:Trebuchet MS,sans-serif; font-size:0.8em; font-style:italic; color:#5a6e75}

.side .box p
{margin-top:3%; font-family:sans-serif; font-size:13px}

.footer{clear:both; padding-top:10px; padding-bottom:50px; position:relative; left:50%; width:984px; margin-left:-492px; text-align:right}

.footer .links li{display:inline; border-left:1px solid #ccc; padding:0 10px; margin-top:-4px; padding-bottom:3px}

.footer .links li:first-child{padding-left:0; border-left:none}

.footer .links a{text-decoration:none; font-family:sans-serif; font-size:12px; border-bottom:1px dotted; color:#666}

.header{margin-top:45px; margin-bottom:45px; display:block; border-left:1px solid #a0a0a0; border-top:1px solid #a0a0a0; height:60px; -moz-border-radius:6px; -webkit-border-radius:6px; background:#606163 url(../images/header_bg.png) repeat-x; width:984px; position:relative; left:50%; margin-left:-492px}

.header .maintitle{background:url(../images/splendid_logo.png) no-repeat 20px 0px; width:150px; display:block; float:left; border-right:1px solid #606163; padding-left:2%; padding-right:10%; height:60px}

.header .maintitle h1{display:none}

.header .rightside{float:left; border-left:1px solid #888; height:inherit}

#kontaktformular{font-family:Arial,Trebuchet MS,sans-serif; font-size:0.8em; line-height:1.5em; color #444}

#kontaktformular .required{color:#f00}

#kontaktformular label{font-weight:bold; color:#474541}

#kontaktformular textarea{width:430px; height:200px}

#kontaktformular input{width:430px}

#vorname, #nachname{width:162px !important; margin-right:20px}

#vorname{margin-left: 20px;}

#vornamelabel{position:absolute; left:100px}

#nachnamelabel{position:absolute; left:289px}

#submit{width:100px !important; height:30px; margin-top:30px}

#nicknamelabel, #nickname{display:none}

#tumblr{margin-bottom:25px}

.tumblr_post
{font-family:sans-serif; font-size:13px; color:#606163; margin-bottom:10px; padding-top:10px; border-top:1px solid #eee; font-family:Arial,sans-serif; display:block}

.tumblr_posts li:first-child
{border:none}

.tumblr_body a
{display:inline; border-bottom:1px dotted; font-family:Arial,sans-serif; font-size:13px; font-style:italic; line-height:20px; color:#5a6e75}

.tumblr_title
{font-weight: bold}

.newslink{padding-bottom:25px; display:block}

.newssite h3{display:inline; font-size:13px !important}

.newssite p{margin-top:7px}

.homebox {padding-top: 24px !important}

.portal ul, .smalltxt
{
	list-style-type: disc !important;
	list-style-image: url(../images/bullet.gif);
}

.partner .main img { float: left; }

.partner .main p {float: right; width: 63%;}

.strong { font-weight: bold; }

.productfeatures { color: #444444; font-family: Arial,Trebuchet MS,sans-serif; font-size: 13px;position:relative; top: -20px; left: 10px; } 

.buyproduct{-moz-border-radius:6px; -webkit-border-radius:6px; height:32px; width:200px; display:block; border:none; margin-bottom:10px; background:url(../images/start_demo_x_repeat.png) repeat-x; position:relative; top:-30px;}

.buyproduct a{padding-top:2px; width:200px; height:30px; display:block; border:none}

.buyproduct span{background:url(../images/button/arrow.gif) no-repeat 5px 7px; color:#fff; font-style:normal; font-size:15px; padding-left:15px; position:relative; top:6px; left:10px}

.buyproduct:hover { background:url("../images/start_demo_x_repeat_active.png") repeat-x }

.buyproduct:hover span{color:#cfcf00; background:url(../images/button/arrow_active.gif) no-repeat 5px 7px}

.hostingform legend { display: block; color: #4A657A; font-family: Arial Narrow,sans-serif; font-size: 17px; font-weight: bold; text-transform: uppercase; padding-top: 30px;}

.hostingform label, .htext { color: #757473; font-family: Arial Narrow,sans-serif; line-height: 24px; cursor: pointer; font-size: 15px !important}

.hostingform label:hover, .hostingform .selected {background-color: #cccccc}

.hostingform #bestellung { position: absolute; right: 40px; top: 60px; width: 400px; margin-top: 20px; }

.hostingform #bestellung  legend { padding: 0; }

.hostingform #bestellung table { margin-top: 10px; width: 100%; }

.hostingform #bestellung .price, .hostingform #bestellung .sum, .sumonce, .order .price, #payment .sum, #payment th { text-align: right; font-family: Arial Narrow,sans-serif; font-size: 16px; font-weight: bold; color: #757473; }

.hostingform select, .hostingform .textfield { width: 400px }

.hostingform #bestellung td.price:after,
.hostingform #bestellung td.sum:after,
.hostingform #bestellung td.sumonce:after { content: "*" }

.checkoutbutton {-moz-border-radius:6px; -webkit-border-radius:6px; height:32px; width:200px; display:block; border:none; background:url(../images/start_demo_x_repeat.png) repeat-x; cursor: pointer;}

.checkoutbutton:hover {background:url("../images/start_demo_x_repeat_active.png") repeat-x}

.checkoutbutton input{height:32px; width:200px; display:block; border:none; color: #FFFFFF; font-style: normal; font-family: Trebuchet MS,sans-serif; cursor: pointer; font-size: 14px; background:url(../images/button/arrow.gif) no-repeat 15px 13px; text-align: left; padding-left: 24px}

.checkoutbutton input:hover { color:#cfcf00; background:url(../images/button/arrow_active.gif) no-repeat 15px 13px; text-align: left; padding-left: 24px}

.customerform label { display:block; float: left; width: 200px; margin-right: 20px; clear: left;}

.customerform input, .customerform select { margin-bottom: 4px;}

#ktoeinzug label { margin-left: 30px; display:block; float: left; width: 100px; margin-right: 20px; clear: left;}

#ktoeinzug input { margin-top: 3px;}

.contact_box { background: url("../images/more_box_x_repeat.png") repeat-x scroll 0 0 transparent; -moz-border-radius: 6px 6px 6px 6px; height: 145px; float:right; width: 350px }

.contact_box a {display: block; height: 115px; padding: 15px; border: none !important; }

.contact_box a p { font-family: Arial,Trebuchet MS,sans-serif; line-height: 1.5em; margin-bottom: 0.5em; color: #FFFFFF !important; font-size: 18px !important; font-style: normal; }

.contact_box a:hover p, .contact_box_active a p  {color:#cfcf00 !important; }

.contact_box a p .arrow { background:url(../images/button/arrow.gif) no-repeat 2px 7px; padding-left:12px; }

.contact_box a:hover p .arrow, .contact_box_active a p .arrow { background:url(../images/button/arrow_active.gif) no-repeat 2px 7px }

.hostingform .desc { width: 410px; }

@font-face {	font-family: "PTSans";	src: url('../fonts/PT_Sans_Narrow_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PT_Sans_Narrow_Bold-webfont.woff') format('woff'), url('../fonts/PT_Sans_Narrow_Bold-webfont.ttf')  format('truetype'), url('../fonts/PT_Sans_Narrow_Bold-webfont.svg#svgFontName') format('svg');	}