/*
-----------------------------------------------
		SITS Screen Stylesheet
		Special-IT-Solutions.de
----------------------------------------------- */


/*		B A S I C   S E T U P
----------------------------------------------- */

* {
		margin: 0;
		padding: 0;
}

html {
		height: 100%;
		overflow-y: scroll
}

:focus, a {
		-moz-outline-style: none;
		outline: none;
}

img {
		border: none;
}

body {
		color: #000;
		background: #eee url(bg.png) 0 0 repeat-x;
		text-align: center;
		font: 13px/18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		padding-bottom: 10px;
}

h2 {
		width: 682px;
		padding: 10px 0 10px 188px;
		font: normal 30px "Klavika Lt", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		letter-spacing: -1px;
		color: #000;
		background: transparent url(box-top.png) left top no-repeat;
}

h3 {
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding-bottom: 18px;
}


/*		L I N K S
----------------------------------------------- */

a:link, a:visited {
		color: #008ecf;
		text-decoration: none;
}

a:hover, a:active {
		color: #000;
		border-bottom: 3px solid #d2e0ef;
}


/*		N A V I G A T I O N
----------------------------------------------- */

#nav {
		width: 870px;
		height: 49px;
		margin-top: 10px;
		background: transparent url(nav.png) 0 -98px no-repeat;
}

#nav li {
		list-style: none;
		display: block;
		float: left;
}

#nav a:link, #nav a:visited {
		display: block;
		float: left;
		height: 49px;
		text-indent: -9999px;
}

#nav a:hover, #nav a:active {
		border: none;
}

#astartseite a:link, #astartseite a:visited {
		width: 99px;
}

#astartseite a:hover, #astartseite a:active {
		background: url(nav.png) 0 -49px no-repeat;
}

#aprodukte a:link, #aprodukte a:visited {
		width: 83px;
}

#aprodukte a:hover, #aprodukte a:active {
		background: url(nav.png) -99px -49px no-repeat;
}

#aleistungen a:link, #aleistungen a:visited {
		width: 97px;
}

#aleistungen a:hover, #aleistungen a:active {
		background: url(nav.png) -182px -49px no-repeat;
}


#adownloads a:link, #adownloads a:visited {
		width: 94px;
}

#adownloads a:hover, #downloads a:active {
		background: url(nav.png) -279px -49px no-repeat;
}

#aunternehmen a:link, #aunternehmen a:visited {
		width: 115px;
}

#aunternehmen a:hover, #aunternehmen a:active {
		background: url(nav.png) -373px -49px no-repeat;
}

#akontakt a:link, #akontakt a:visited {
		width: 75px;
}

#akontakt a:hover, #akontakt a:active {
		background: url(nav.png) -488px -49px no-repeat;
}


/*		L O C A T O R
----------------------------------------------- */

.bdefault #astartseite a:link, .bdefault #astartseite a:visited {
		width: 99px;
		background: url(nav.png) 0 -49px no-repeat;
}

.bdefault #astartseite a:hover, .bdefault #astartseite a:active {
		background: url(nav.png) 0 0px no-repeat;
}

.bprodukte #aprodukte a:link, .bprodukte #aprodukte a:visited {
		width: 83px;
		background: url(nav.png) -99px -49px no-repeat;
}

.bprodukte #aprodukte a:hover, .bprodukte #aprodukte a:active {
		background: url(nav.png) -99px 0px no-repeat;
}

.bleistungen #aleistungen a:link, .bleistungen #aleistungen a:visited {
		width: 97px;
		background: url(nav.png) -182px -49px no-repeat;
}

.bleistungen #aleistungen a:hover, .bleistungen #aleistungen a:active {
		background: url(nav.png) -182px 0px no-repeat;
}

.bdownloads #adownloads a:link, .bdownloads #adownloads a:visited {
		width: 94px;
		background: url(nav.png) -279px -49px no-repeat;
}

.bdownloads #adownloads a:hover, .bdownloads #adownloads a:active {
		background: url(nav.png) -279px 0px no-repeat;
}

.bunternehmen #aunternehmen a:link, .bunternehmen #aunternehmen a:visited {
		width: 115px;
		background: url(nav.png) -373px -49px no-repeat;
}

.bunternehmen #aunternehmen a:hover, .bunternehmen #aunternehmen a:active {
		background: url(nav.png) -373px 0px no-repeat;
}

.bkontakt #akontakt a:link, .bkontakt #akontakt a:visited {
		width: 75px;
		background: url(nav.png) -488px -49px no-repeat;
}

.bkontakt #akontakt a:hover, .bkontakt #akontakt a:active {
		background: url(nav.png) -488px 0px no-repeat;
}

.bsitsup #asitsup a, .bpremium-hosting #apremiumhosting a, .buploadmanager #auploadmanager a {
		color: #000;
		cursor: default;
		font-weight: bold;
		border-bottom: none;
}

.bsocial-marketing #asocialmarketing, .bonline-marketing #aonlinemarketing, .boptimierung-fuer-suchmaschinen #aoptimierungfuersuchmaschinen, .boxid-eshop #aoxideshop, .bindividuelle-softwareentwicklung #aindividuellesoftwareentwicklung, .bcorporate-design #acorporatedesign, .bgeschaeftsmittel #ageschaeftsmittel, .bwerbemittel #awerbemittel, .bwebdesign #awebdesign, .bcontent-management-systeme #acontentmanagementsysteme, .btypo3 #atypo3, .bjoomla #ajoomla, .bsitscms #asitscms {
		color: #000;
		cursor: default;
		font-weight: bold;
		border-bottom: none;
}

.bfernwartungstool #afernwartungstool a {
		color: #000;
		cursor: default;
		font-weight: bold;
		border-bottom: none;
}

.bjobs #ajobs a, .breferenzen #areferenzen a {
		color: #000;
		cursor: default;
		font-weight: bold;
		border-bottom: none;
}

.banfahrt #aanfahrt a {
		color: #000;
		cursor: default;
		font-weight: bold;
		border-bottom: none;
}

/* Leistungen */

#subshops, #subcd, #subcms {
		display: none;
}

.bcorporate-design #subcd, .bgeschaeftsmittel #subcd, .bwerbemittel #subcd {
		display: block;
}

.bcontent-management-systeme #subcms, .btypo3 #subcms, .bjoomla #subcms, .bsitscms #subcms {
		display: block;
}


/*		G R I D N I K
----------------------------------------------- */

.col1 {
		float: left;
		width: 150px;
		margin: 0 0 20px 20px;
}

.col2 {
		float: left;
		width: 320px;
		margin: 0 0 20px 20px;
}

.col3 {
		float: left;
		width: 490px;
		margin: 0 0 20px 20px;
}

.col4 {
		float: left;
		width: 660px;
		margin: 0 0 20px 20px;
}

.col5 {
		float: left;
		width: 830px;	
		margin: 0 0 20px 20px;
}

.colcont {
		float: left;
		width: 680px;
}


/*		P O S I T I O N I N G
----------------------------------------------- */

#wrapper {
		width: 870px;
		margin: 10px auto;
		text-align: left;
}

#header a:link, #header a:visited {
		display: block;
		width: 870px;
		height: 84px;
		text-indent: -9999px;
		background: transparent url(special-it-solutions.png) 0 -84px no-repeat;
}

#header a:hover, #header a:active {
		background-position-y: 0;
		border: none;
}

#content {
		width: 870px;
		margin-top: 10px;
		padding-bottom: 10px;
		background: #fff url(box-between.png) 0 bottom no-repeat;
}

#content p {
		margin-bottom: 18px;
}

#content table {
		width: 100%;
}

.colcont ul {
		margin-bottom: 18px;
}

.colcont li {
		list-style: none;
		padding-left: 15px;
		background: transparent url(/media/bull.png) 1px 7px no-repeat;
}

.zitat {
		height: 100px;
		color: #fff;
		background: #0094d0 url(bg1.png) 0 0 no-repeat;
}

blockquote {
		width: 550px;
		margin: 8px 0 0 10px;
		font: bold 22px/16px "Klavika Md", Georgia, Times, "Times New Roman", serif;
		font-style: italic;
}

#subnav {
		width: 170px;
		position: relative;
		left: -20px;
}

#subnav li {
		display: block;
		list-style: none;
		padding-left: 20px;
		background: transparent url(/media/bull.png) 10px 6px no-repeat;
}

#footer {
		width: 870px;
		height: 53px;
		clear: both;
		padding-top: 7px;
		background: #fff url(box-bottom.png) 0 bottom no-repeat;
}

.bdefault #content {
		width: 870px;
		margin-top: 10px;
		padding-bottom: 10px;
		background: #fff url(box-between.png) 0 bottom no-repeat;
}

.bdefault #content li {
		width: 150px;
		margin-left: 20px;
		float: left;
		list-style: none;
		padding-left: 0;
		background: none;
}

.bdefault .colcont {
		float: none;
		width: 870px;
}

.bdefault #content a {
		border-bottom: none !important;
}


/*		F O R M S
----------------------------------------------- */

/*      H O S T I N G
----------------------------------------------- */

div.setup {
		line-height: 1.0em;
		margin-bottom: 25px;
}

div.setup .clear {
		clear: both;
		height: 0;
		widht: 0;
}

div.setup input {
		padding: 2px;
		border: 1px solid #aaa;
		margin-bottom: 5px;
}

div.dom { height: 66px; }

div.dom input#domain {
		margin: 0 10px 0 0;
		float: left;
}

div.dom a#adddomain { width: 141px; }

span#preis {
		font-size: 1.2em;
		color: #008ecf;
}

ul.domlist { margin-bottom: 35px; }

input#domsubmit {
		margin: 25px 0;
		display: block;
}