@font-face{
	font-family:		"Cooper Black"; 
	src:				local("Cooper Black"), url("../fonts/coopbl.ttf")	format("TrueType");
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	border:				0;
	font-weight:		inherit;
	font-style:			inherit;
	font-size:			100%;
	font-family:		inherit;
	vertical-align:		baseline;
	margin:				0;
	padding:			0;
}

h1 {
	font-size:			120%;
	font-weight:		bold;
	margin:				5px 0 20px 0;
}
h2 {
	font-size:			100%;
	font-weight:		bold;
	margin:				3px 0 10px 0;
}

table{
	width:				100%;
}

body {
	line-height:		1.5;
	color:				#222;
	font-family:		"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	background:			#d3caaa url(../images/bg-page.png) repeat-x top;
	margin:				20px;
	font-size:			90%;
}

ul {
	list-style-position:	inside;
}

a, a:active, a:focus, a:link, a:visited {
	color:				#222;
	text-decoration:	none;
	border-bottom:		1px dotted #796646;
}
a:hover{
	color:				#222;
	border-bottom:		1px solid #796646;
}
a.nounderline, a.nounderline:active, a.nounderline:focus, a.nounderline:link, a.nounderline:visited, a.nounderline:hover, 
#kwick a, #kwick a:active, #kwick a:focus, #kwick a:link, #kwick a:visited, #kwick a:hover,
a.hover_bg, a.hover_bg:active, a.hover_bg:focus, a.hover_bg:link, a.hover_bg:visited, a.hover_bg:hover,
#websites_navigation a, #websites_navigation a:active, #websites_navigation a:focus, #websites_navigation a:link, #websites_navigation a:visited, #websites_navigation a:hover{
	border-bottom:		none;
}

a.hover_bg:hover{
	background-color:	#FFFFCC;
}

.small{
	font-size:			80%;
	line-height:		1;
}

.box{
	padding:			10px;
	border:				1px dashed #796646;
}


#round, #bottomcap {
	background: 		#fff url(../images/bg-content.png) repeat-y top;
	width: 				816px;
	margin: 			0 auto;
	position: 			relative;
}

#bottomcap { 
	height:				20px;
	background:			url(../images/cap-bottom.png) no-repeat;
}
#bottomcap #copyright{
	position:			absolute;
	font-size:			70%;
	right:				10px;
	top:				-10px;
}

.clear:after, .container:after {
	content:			"."; 
	display: 			block; 
	height: 			0; 
	clear: 				both;
	visibility: 		hidden;
}
.clear { 
	display:			block; 
	clear:				both;
}

div.center{
	text-align:			center
}

#header {
	background: 		#af6234 url(../images/header.png) no-repeat top;
	height: 			125px;
}
#header h1 {
	text-indent: 		-800px;
}

#content {
	padding:			12px 20px;
	text-align:			left;
}

.column {
	float:				left;
	margin-right:		12px;
}

font.gorrion{
	font-family:		"Cooper Black", "Arial Black";
}
font.gorrion .gorrion_point{
	color:				#FF8800;
}

/* kwick */

#kwick {
	position: 			relative;
	border: 			1px solid #552200;
	border-top: 		none;
	border-bottom: 		none;
	z-index:			100;
}

#kwick .kwicks{
	list-style:			none;
	display: 			block;
	background: 		transparent url(../images/kwick.logo.gif) top right no-repeat;
	height: 			100px;
}

#kwick li {
	float: 				left;
	height:				100px;
}

#kwick .kwick{
	display: 			block;
	cursor: 			pointer;
	overflow: 			hidden;
	height: 			80px;
	width: 				152px;
	padding: 			10px;
	background: 		#fff;
	border: 			1px solid #1d1d20;
	border-top:			0px;
	border-bottom:		0px;
}

#kwick a.kwick:hover{
	border-bottom:		none;
}


#kwick .kwick span{
	display: 			none;
}

#kwick a.gorrion {
	background: 		#000 url(../images/kwick.gorrion.gif) no-repeat;
	border-left: 		0;
}
#content_container.gorrion {
	background:			transparent url(../images/topbar.gorrion.png) no-repeat;
}

#kwick div.products {
	background: 		#365C9C url(../images/kwick.products.gif) no-repeat;
}
#content_container.product {
	background:			transparent url(../images/topbar.products.png) no-repeat;
}

#kwick div.projects {
	background: 		#A65050 url(../images/kwick.projects.gif) no-repeat;
}
#content_container.project {
	background:			transparent url(../images/topbar.projects.png) no-repeat;
}

#kwick a.links {
	background: 		#A87AAD url(../images/kwick.links.gif);
}

#kwick a.contact {
	background: 		#F2E082 url(../images/kwick.contact.gif);
	border-right: 		0;
}
#content_container.contact {
	background:			transparent url(../images/topbar.contact.png) no-repeat;
}

#kwick .rollout {
	position:			absolute;
	visibility:			hidden;
	margin-top:			90px;
	overflow:			hidden;
}

#kwick ul.rolloutNavi{
	list-style:			none;
	font-family:		"Cooper Black", "Arial Black", "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size:			120%;
	padding-bottom:		5px;
}

#kwick .rolloutNavi li{
	float:				none;
	display:			inline;
	padding:			5px 0;
	
	/* remove those settings; they are overloaded from #kwick li... */
	height:				auto;
}

#kwick .rolloutNavi a {
	display: 			block;
	line-height:		35px;
	color:				#fff;
	text-decoration:	none;
	padding-left:		40px;
}

#kwick .rolloutNavi li#navi_news a{
	background:			url("../images/ico.news.png") left center no-repeat;
}
#kwick .rolloutNavi li#navi_gorrion a{
	background:			url("../images/ico.whatis.png") left center no-repeat;
}

#kwick .rolloutNavi li#navi_products a{
	background:			url("../images/ico.products.png") left center no-repeat;
}

#kwick .rolloutNavi li#navi_smssender a{
	background:			url("../images/ico.smssender.gif") left center no-repeat;
}
#kwick .rolloutNavi li#navi_websites a{
	background:			url("../images/ico.websites.png") left center no-repeat;
}

.ajaxLoading{
	background:			url(../images/spinner.gif) no-repeat center center;
}

img.spacer{
	width:				1px;
	height:				1px;
}

#content{
	min-height:			250px;
	_height:			250px;
}


/************************** PAGE.HOME *************************/

#home{
	clear:				both;
	padding:			30px 50px;
}
#home #dienstleistungen ul li {
	height:				24px;
	list-style-image:	url(../images/checks.png);
}

#home #referenzen {
	padding-left:		75px;
}
#home #referenzen .referenz {
	float:				left;
	width:				85px;
	height:				85px;
	margin:				0 15px 0 5px;
	overflow:			hidden;
}
#home #referenzen .referenz img {
	height:				100%;
}

.newsbox{
	width:				362px;
	float:				left;
	margin:				10px 13px;
	position:			relative;
}
.newsbox .head{
	background:			url(../images/box.news_head.gif) top no-repeat;
	height:				32px;
	font-size:			115%;
	font-family:		Tahoma,"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	color:				#97AA2A;
	padding:			15px 15px 0;
}
.newsbox .head .gorrion{
	color:				#fff;
}
.newsbox .head .date{
	position:			absolute;
	right:				15px;
	top:				21px;
	font-size:			65%;
	color:				#FFF;
}

.newsbox .content{
	background:			url(../images/box.news_content.gif) left top repeat-y;
	padding:			10px 15px;
	font-size:			90%;
}

.newsbox .foot{
	background:			url(../images/box.news_foot.gif) bottom no-repeat;
	height:				16px;
}


/************************* PAGE.WEBSITES **********************/
.website,
.link {
	margin-bottom:		10px;
	clear:			both;
}

.website .title,
.link .title{
	border-bottom:		1px solid #796646;
	margin-bottom:		10px;
}
.website .title a,
.link .title a{
	font-weight:		bold;
}

.website .description,
.link .description{
	left:			0px;
	float:			left;
	width:			50%;
}

.website .img,
.link .img{
	right:			0px;
	float:			right;
	width:			360px;
}
.website .img img,
.link .img img{
	width:			100%;
}

#websites_navigation{
	padding-top:		20px;
	text-align:		center;
	font-size:		200%;
}
#websites_navigation span{
	color:			#bbb;
}

#websites .website {
	margin-top:		30px;
}

#websites p {
	margin-bottom:		20px;
}

#websites ul {
	padding-left:		20px;
}

/************************ PAGE.SMSSENDER *********************/

#smssender{
	clear:				both;
}

#smssender ul{
	padding-left:		20px;
}

#smssender #introduction{
	margin-bottom:		20px;
}
#smssender #introduction #text{
	min-height:			48px;
	_height:			48px;
	background:			transparent url(../images/ico.smssender48x48.png) right -5px no-repeat;
}

#smssender #sms_left{
	float:				left;
	left:				0px;
	width:				370px;
}
#smssender #sms_left #preview{
	margin-bottom:		10px;
}
#smssender #sms_left #preview img{
	width:				100%;
}

#smssender #sms_left #download{
	margin-top:			20px;
	min-height:			48px;
	_height:			48px;
	padding-left:		58px;
	background:			transparent url(../images/ico.download.gif) 5px center no-repeat;
	font-size:			90%;
	white-space:		nowrap;
}
#smssender #sms_left #download p{
	float:				left;
	width:				80px;
	font-weight:		bold;
}
#smssender #sms_left #download #size{
	padding-left:		5px;
	font-size:			85%;
}

#smssender #sms_left #bugtracker{
	margin-top:			40px;
	background:			transparent url(../images/ico.bug.gif) 5px center no-repeat;
	text-align:			center;
}


#smssender #sms_right{
	float:				right;
	width:				50%;
	right:				0px;
}

#smssender #div_features{
	padding-bottom:		0px;
}

#smssender #div_features div{
	margin-bottom:		10px;
	padding-left:	  	58px;
	background:			transparent left center no-repeat;
}
#smssender #div_features p{
	font-weight:		bold;
}
#smssender #div_features #accessibility{
	background-image:	url(../images/ico.trafficlight.png);
}
#smssender #div_features #plugin{
	background-image:	url(../images/ico.plugins.png);
}
#smssender #div_features #addressbook{
	background-image:	url(../images/ico.addressbook.png);
}
#smssender #div_features #speed{
	background-image:	url(../images/ico.speed.png);
}


#smssender #blog {
	padding-top:		20px;
}
#smssender #blog .box{
	margin:				20px 0px;
}
#smssender #blog h1{
	font-size:			14px;
	font-weight:		bold;
}

/************************* PAGE.CONTACT ************************/

#contact{
	clear:				both;
	margin:				30px 0;
}

#contact #div_photo{
	float:				left;
	width:				45%;
	text-align:			right;
}
#contact #div_description{
	float:				right;
	width:				50%;
}

#contact #div_photo img{
	width:				150px;
}

#contact table td{
	text-align:			left;
}
#contact .left{
	width:				20%;
	font-weight:		bold;
}

/************************* PAGE.PRODUCTS ************************/

#products{
	clear:				both;
}

#products #ul_products{
	list-style:			none;
	display: 			block;
}
#products #ul_products.selected,
#products #detailBox{
	float:				left;
	width:				48%;
}

#products #ul_products li{
	width:				48%;
	float:				left;
	display:			block;
}
#products #ul_products.selected li{
	width:				100%;
}

#products #ul_products li.left{
	margin-right:		9px;
	clear:				both;
}
#products #ul_products li.right{
	margin-left:		9px;
}
#products #ul_products.selected li{
	margin:				0;
}

#products .box,
#products #detailBox{
	margin-top:			20px;
}
#products #detailBox ul {
	list-style-position:outside;
	padding-left:       20px;
}        
#products #detailBox ul li {
	/*list-style:         disc outside none;*/
	/*padding-left:      14px;*/
	padding-top:       10px;
}
#products .box .box_inner{
	padding-right:		53px;
	line-height:		1.2;
}
#products .box .box_inner h1{
	margin-bottom:		3px;
}

#products ul .box .box_inner{
	height:				58px;
}
#products ul.selected .box .box_inner{
	height:				auto;
	min-height:			48px;
	_height:			48px;
}

.aproduct a.hover_bg{
	display:			block;
}

.aproduct h1{
	font-weight:		bold;
	font-size:			120%;
}

.aproduct #webdesign{
	background:			transparent url(../images/ico.webdevelopment.gif) center right no-repeat;
}
.aproduct #hosting{
	background:			transparent url(../images/ico.webserver.gif) center right no-repeat;
}
.aproduct #mail{
	background:			transparent url(../images/ico.mailserver.gif) center right no-repeat;
}
.aproduct #smartphone{
	background:			transparent url(../images/ico.app.png) center right no-repeat;
}

.aproduct.p_selected a{
	background-color:	#FFFFCC;
}

#products #detailBox{
	float:				right;
	overflow-x:			hidden;
	overflow-y:			auto;
}

#products #detailBox.reloading{
	overflow:			hidden;
}