/* 
	STYLESHEET: screen.css
	----------------------------------------------------------------
	
	Media Type:		Screen
	Copyright:		(c)2010, Sevenweb Est.
	
	
	STRUCTURE
	----------------------------------------------------------------
	_______________01. GLOBAL
	_______________02. STRUCTURE
	_______________03. SITE ELEMENTS
	_______________04. MODULES
		
------------------------------------------------------------------*/



/* Import default Stylesheets 
------------------------------------------------------------------*/
@import url(reset.css); 	/* Resets all styles */
@import url(base.css);		/* Apply basic styles */



/*----------------------------------------------------------------*/
/* 01. GLOBAL
/*----------------------------------------------------------------*/

/* 01.01. Body, Html
------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	height: 100%; 
	max-height: 100%;
}
body {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 12px;
	background: url(../images/background2.jpg) center top no-repeat;
}


/* 01.02. Links
------------------------------------------------------------------*/
a:link {color:#13beff; text-decoration:none}
a:visited {color:#13beff; text-decoration:none}
a:active {color:#13beff; text-decoration:none}
a:hover {color:#13beff; text-decoration:underline}


/* 01.03. HTML Elements
------------------------------------------------------------------*/
p {line-height: 1.5em; margin-bottom:0.5em}
h1, h2 {margin:0; padding:0}
address {font-style:normal}
ul {list-style-position:inside; margin:1em 0 1em 14px}
h2 {font-size:12px}


/* 01.04. Classes
------------------------------------------------------------------*/


/* 01.05. Default Form Styles
------------------------------------------------------------------*/
.frm-default label {
	float: left;
	width: 102px;
	padding: 3px 0 0 0;
}
.frm-default input {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 193px;
	border: 0;
	background: #dbd9da;
}
.frm-default textarea {
	width: 296px;
	height: 124px;
	background: #dbd9da;
	border: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.frm-default #frm-submit {width:auto}
.frm-default .error {font-weight:bold; color:red}


/*----------------------------------------------------------------*/
/* 02. STRUCTURE
------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	width: 970px;
	padding-top: 55px;

}
#logo {
	width: 284px;
	height: 44px;
	background: url(../images/sevenweb_logo.png) left top no-repeat;
	margin: 0 0 50px 42px;
}
#logo a {
	width: 284px;
	height: 44px;
	display: block;
	text-indent: -999em;
}
.col {
	float: left;
	width: 235px;
	padding-right: 60px;
}
#content {
	padding-left: 42px;

}

#content h1 {
	height: 44px;
	text-indent: -999em;
	margin-bottom: 23px;
}
#about {
	background: url(../images/bg_spacer.png) right 70px no-repeat;
	margin-right: 50px;
}
#about h1 {
	background: url(../images/h1_ueberuns.png) left top no-repeat;

}
#services {
	background: url(../images/bg_spacer.png) right 70px no-repeat;
	margin-right: 50px;
}
#services h1 {
	background: url(../images/h1_leistungen.png) left top no-repeat;	
}
#services .col {
	width: 107px;	
}
#services .col#full {margin-right:25px}

#contact {
	padding-right: 0px;
}
#contact h1 {
	background: url(../images/h1_kontakt.png) left top no-repeat;	
}
.divide {
	line-height: 1px;
	height: 1px;
	margin: 10px 0 25px 0;
	padding: 0;
	background: #7094ae;

}

#content h2 {
	margin-bottom: 0.5em;	
}
#content h2 span {
	font-size: 14px;	
}


#featured {
	margin-bottom: 50px;

	background: url(../images/bg_featured.png) left top no-repeat;
	height: 230px;
	position: relative;
}

.f-box {
	position: relative;

	background: none;
}
/* Featured Controls */
.f-control {
	z-index: 1000;
	display: block;
	height: 33px;
	width: 33px;
	position: absolute;
	top: 97px;
}
#f-prev {left: 0;}
#f-next {left: 404px;}
.f-box h1 {
	margin: 15px 0 10px 0;	
}
.f-preview {
	position: absolute;
	top: 18px;
	left: 52px;
}
.f-content {
	margin-left: 475px;	

	padding-right: 50px;
}
#f-xhtml {
	
	background: 
}


#services ul {
	margin: 0;
	padding: 0;
}
#services li {
	background: url(../images/bg_li.png) left center no-repeat;
	padding-left: 15px;
	list-style: none;
}

/*----------------------------------------------------------------*/
/* 03. SITE ELEMENTS
------------------------------------------------------------------*/