/*
Theme Name: WordPress Netzensolutions
Theme URI: http://www.netzensolutions.com
Description: Netzensolutions WordPress theme.
Version: 1.0
Author: Frank Kuhn
Author URI: http://www.kuhn-medien.de
Tags: blue
*/


/* CUSTOMIZED CSS */
.page_item a {
	color: #80d9f2;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 0.8em;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 10px;
	padding-bottom: 1px;
	line-height: 28px;
	background-position: lef top;
	background-repeat: no-repeat;
	background-image: url(_images/navbtn_left.png);
}
 
.page_item span {
	padding-left: 5px;
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 15px;
	padding-bottom: 1px;
	line-height: 28px;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(_images/navbtn_right.png);
}

.page_item a:hover, .current_page_item a {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 0.8em;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 10px;
	padding-bottom: 1px;
	line-height: 28px;
	height: 38px;
	background-position: lef top;
	background-repeat: no-repeat;
	background-image: url(_images/navbtn_left_hover.png);
}
 
.page_item a:hover span, .current_page_item a span {
	padding-left: 5px;
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 15px;
	padding-bottom: 1px;
	line-height: 28px;
	height: 38px;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(_images/navbtn_right_hover.png);
}


/* STYLES.CSS */

body { margin: 0px; padding: 0px; background: #ffffff url(_images/template/page_bkg.gif) repeat-x scroll top left; color: #484848; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif;}

#container { width: 933px; margin-left: auto; margin-right: auto;}

#containerdemo { width: 961px; margin-left: auto; margin-right: auto;}

#image { position: absolute; background: #fff url(_images/template/main_bkg.jpg) no-repeat scroll top center; height: 367px; width: 933px;}
#image_nonews { position: absolute; background: #fff url(_images/template/main_bkg2.jpg) no-repeat scroll top center; height: 298px; width: 933px;}

#columnl {width:50%;float:left;}
#columnr {width:50%;float:right;}

#contact_form {width:100%;}

#contact_form input {padding-bottom:4px; padding-top:0; margin-bottom:4px;height:14px;}

#contact_form label {padding-top:4px; margin-bottom:2px; width:180px;}

#quote_form {width:100%;}

#quote_form input {margin-bottom:4px;width:200px;height:14px;}

#quote_form label {margin-bottom:6px; width:160px;}

#message {width:362px;}

#send {height:19px;width:81px; background:url(_images/buttons/submit.png); background-repeat:no-repeat;cursor:pointer;
	outline:none;
	border:none;
	background-color:transparent;}

textarea {width:90%; height:20%;}

#logo { position: absolute; top: 8px; margin-left: 50px;}
#toplinks { position: absolute; top:6px; margin-left: 694px; color: #fff;}
	#toplinks ul { margin: 0px; padding: 0px;}
	#toplinks li { list-style-type: none; float: left; padding-right: 5px;}
	#toplinks a { color: #fff; text-decoration: none;}
	#toplinks a:hover { color: #fff; text-decoration: underline;}
	
#basketbutton { position: absolute; top: 0px; margin-left: 772px; width: 122px; height: 36px;}

#nav { position: absolute; top: 125px; margin-left: 44px; width: 489px; height: 38px;}
	#nav ul { margin: 0px; padding: 0px;}
	#nav li { list-style-type: none; float: left; padding-right: 1px;}
	
#downloadnow { position: absolute; top: 137px; margin-left: 599px; width: 260px; height: 133px;}

#main { position: absolute; top: 210px; margin-left: 43px; width: 810px; padding-bottom: 20px;}

#mainnoindent { position: absolute; top: 210px; width: 961px; padding-bottom: 20px;}

#mainleft { float: left; width: 450px; padding-top: 40px; padding-bottom: 20px;}
	#mainleft a { color: #2B7200; text-decoration: none; font-weight: bold;}
	#mainleft a:hover { color: #2B7200; text-decoration: underline;}
	#mainleft p { padding-bottom: 15px;}
	#mainleft ol { margin-left: 40px; margin-bottom: 10px;}
	#mainleft ol li { list-style-type: decimal; padding-bottom: 10px;}
	#mainleft ul { margin-left: 40px; margin-bottom: 10px;}
	#mainleft ul ul { margin-left: 40px; margin-top: 4px;}
	#mainleft li { list-style-type: square; padding-bottom: 4px;}
	#mainleft li li { list-style-type:circle; padding-bottom: 4px;}
	#mainleft .roman li { list-style-type:lower-roman;}
	
#mainrightrss { float: right; width: 286px; height: 35px; margin: 82px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
#mainright { float: right; width: 286px; margin: 14px 0px 0px 0px; padding: 0px 0px 20px 0px; background: url(_images/template/news_bkg.gif) no-repeat scroll bottom right;}
	#mainright a { color: #a4ec09; text-decoration: none;}
	#mainright a:hover { color: #a4ec09; text-decoration: underline;}

#mainlong { padding-top: 30px; padding-bottom: 20px;}

#newsabove { color: #fff; padding-bottom: 4px; width: 230px; margin-left: 30px; }

#news {color: #fff; padding-bottom:20px; width: 230px; margin-left: 30px;}
	#news .newstitle { float: left; width: 150px; padding-bottom: 3px;}
	#news .newsdate { float: right; width: 75px; color: #2699d2; text-align: right; padding-bottom: 3px; }
	#news .spacer {padding-top:36px;}

.news { width: 470px; margin-top: 20px; padding-top: 20px; border-top: 1px dotted #80def4;}
	.news .newsheader { border: 1px solid #80def4; background-color: #caf3fd; width: 460px; padding: 5px; color: #003082;}
	.news .newstitle { float: left; width: 340px;}
	.news .newsdate { float: right; width: 120px; color: #2699d2; text-align: right; }
	.news .description { padding: 5px 10px 5px 10px;}
	
#contactinfo { color: #fff; padding-bottom: 20px; width: 230px; margin-left: 30px;}
	#contactinfo p { padding-bottom: 0px;}

.dottedline { float: left; height: 1px; margin: 10px 0px 10px 0px; width: 230px; background: url(_images/template/bluedottedline.gif) repeat-x scroll top left;}

#migration { width: 454px; height: 180px; background: url(_images/template/migration_bkg.gif) no-repeat scroll top left;}
	#migration .content { padding: 80px 160px 0px 12px;}
	#migration ul { margin: 0px 0px 0px -5px; padding: 0px;}
	#migration li { list-style-type: none; float: left; padding-right: 10px;}
	#migration .content img {float:right;margin-top:-11px; margin-right:20px;}

#it_support_home { width: 454px; height: 180px; background: url(_images/template/support_bkg_home.gif) no-repeat scroll top left;}
	#it_support_home .content { padding: 40px 200px 0px 12px;}
	#it_support_home ul { margin: 0px 0px 0px -5px; padding: 0px;}
	#it_support_home li { list-style-type: none; float: left; padding-right: 10px;}
	#it_support_home .content img {float:right;margin-top:-16px; margin-right:14px;}


#it_support_business { width: 454px; height: 180px; background: url(_images/template/support_bkg_business.gif) no-repeat scroll top left;}
	#it_support_business .content { padding: 40px 200px 0px 12px;}
	#it_support_business ul { margin: 0px 0px 0px -5px; padding: 0px;}
	#it_support_business li { list-style-type: none; float: left; padding-right: 10px;}
	#it_support_business .content img {float:right;margin-top:-6px; margin-right:14px;}



#button1 { position: absolute; top: 170px; margin-left: 379px;}
#button2 { position: absolute; top: 201px; margin-left: 470px;}

#footer { width: 802px; height: 29px; color: #2da6d0; background: url(_images/template/footer_bkg.gif) no-repeat scroll top left;}
	#footerleft { float: left; width: 790px; padding: 8px 0px 0px 15px;}
	#footerleft .copyright { padding-right: 30px; font-weight: bold;}
		#footerleft ul { margin: 0px; padding: 0px;}
		#footerleft li { list-style-type: none; float: left; padding-right: 3px;}
		.spacing110 {padding-left:110px;}
	#footerright { float: right; width: 140px; padding: 8px 4px 0px 0px;}
	#footer a { color: #2da6d0; text-decoration: none;}
	#footer a:hover { color: #04739a; text-decoration: underline;}

	
#footerdemo { width: 961px; height: 29px; color: #2da6d0; background: url(_images/template/footer_bkg_demo.gif) no-repeat scroll top left;}	
#footerdemo a { color: #2da6d0; text-decoration: none;}
#footerdemo a:hover { color: #04739a; text-decoration: underline;}



.clear { clear: both;}


.link { background: url(_images/template/linkarrow.gif) no-repeat scroll center left; padding: 4px 0px 2px 18px;}
.linkback { background: url(_images/template/linkarrowback.gif) no-repeat scroll center left; padding: 4px 0px 2px 18px;}
.rss { background: url(_images/logos/rss_logo.gif) no-repeat scroll top left; padding: 3px 0px 2px 23px;}

.error_textfield { float: left; width: 268px; margin-left: 0px; margin-bottom: 4px; background-color: #EFE1E1; border: 1px solid #ffffff;}
.error_textarea { width: 268px; height: 100px; overflow: auto; margin-left: 0px; background-color: #EFE1E1; border: 1px solid #ffffff;}

.errorbox { background: #EFE1E1 url(_images/template/h1error.gif) no-repeat scroll left top; margin-bottom: 20px; border: 1px solid #D50000; color: #D50000; padding: 4px 10px 0px 47px; width: 412px; text-align:left;}
	.errorbox h1 { color: #D50000; margin-bottom: 0px; font-size: 130%; padding-top: 10px;}
	.errorbox h2 { padding: 0px; margin: 0px;}
	.errorbox p { padding: 0px; margin: 0px;}

#form { width: 470px;}
	#form fieldset { margin: 0px; border: 1px solid #80def4; background-color: #caf3fd; padding: 20px;}
	#form label { width: 150px; float: left;}
	#form .textfield { background-color: #fff; border: 1px solid #80def4; float: left; width: 268px; margin-left: 0px; margin-bottom: 4px;}
	#form select { width: 268px; float: left;}
	#form p { padding-bottom: 10px; clear:both;}
	#form textarea { width: 268px; height: 100px; overflow: auto; background-color: #fff; border: 1px solid #80def4; float: left; margin-left: 0px; margin-bottom: 4px;}
	#form .buttonspacer { margin-left: 150px;}
	#form .sub_error { color: #FF0000; font-weight: bold;}


#support_request input {width:20px; margin-top:-1px; float: left;}
#support_contract_comments textarea {background-color:#ffffff;}
	
ul#links { margin: 0px; padding: 0px; width: 470px;}
	ul#links li { list-style-type: none; padding-left: 18px; background: url(_images/template/linkarrow.gif) no-repeat scroll top left; border-bottom: 1px solid #aaddea; line-height: 20px; padding-bottom: 0px;}
	ul#links ul { margin: 0px; padding: 0px 0px 0px 20px;}
		ul#links ul li { padding-left: 0px; border-bottom: none; background: none; list-style-type: square;}

.table { padding: 0px 0px 20px 0px;}
	.table th { background-color: #1e8fbf; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 3px 5px 3px 5px; color: #fff; font-weight: bold;}
	.table td {  text-align: center; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 3px 5px 3px 5px; background-color: #bdebf8;}
	.table p { padding-bottom: 0px;}
	
#newsbutton { position: absolute; top: 288px; margin-left: 748px;}

.gradcontent { padding: 20px 20px 10px 20px; background: #ffffff url(email/tablebg.gif) repeat-x scroll top left; }

.gradtitle { height: 20px; font-weight: bold; color: #ffffff; }

#terms {border:1px solid #bdebf8; margin-bottom:16px;}
#terms table {width:100%; border:1px solid #bdebf8;}
#terms th {width:33%; padding:4px 3px 4px 3px; background-color:#f4f4f4;}
#terms td {width:33%; padding:3px;}


/*-- Image Enlargement --*/

 * .imagecontainer{
position: relative;
margin-bottom:20px;
/*You can add a height attribute and set to largest image's height to prevent overlaying if you have multiple images*/
}

.thumbnail img{
border: 1px solid white;
margin: 5px 0 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #c2c2c2;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dotted #f4f4f4;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -30px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.img_left {float:left;margin:0 14px 10px 0;}
.img_right {float:right;margin:0 0 10px 14px;}
.left125 {margin-left:125px;margin-top:20px;margin-bottom:20px;}

.sitemap {width:50%;float:left;}

/* TEMPLATE.CSS */
h1 {color: #084584; font-size: 140%; font-weight: bold; padding-bottom: 15px; margin: 0px; font-family: Arial, Helvetica, sans-serif;}
h2 {color: #084584; font-size: 120%; font-weight: bold; padding-bottom: 15px; margin: 0px; font-family: Arial, Helvetica, sans-serif;}
h3 {color: #484848; font-size: 100%; font-weight: bold; padding-bottom: 10px; margin: 0px; font-family: Arial, Helvetica, sans-serif;}
h4 {color: #white; font-size: 130%; font-weight: bold; padding-bottom: 5px; margin: 0px; font-family: Arial, Helvetica, sans-serif;}

p { font-family: Arial, Helvetica, sans-serif; line-height: 15px; padding-bottom: 10px; margin: 0px;}

ul  {margin: 0px; padding: 0px;}
ol  {margin: 0px; padding: 0px;}
li { margin: 0px; padding: 0px; list-style-type: none;}
img { border: none;}

fieldset { border: none; margin: 0px; padding: 0px; background: none;}

form { border: none; margin: 0px; padding: 0px; background: none;}

legend { border: none; display: none;}

.label { display: none;}
label { width: 140px; float: left;}

hr { margin-top: 0px; margin-bottom: 10px; background: none; border-bottom: 1px solid #f5fcfe; border-top: 1px solid #aaddea; border-left: none; border-right: none; height: 2px;}


#serviceCalculator {
	clear: left;
	float: left;
	width: 450px;
}
#serviceCalculator label {
	clear: left;
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 30px;
}
#serviceCalculator .textField {
	float: left;
	width: 200px;
	margin-bottom: 10px;
	height: 18px;
}
#serviceCalculator .optionField, #serviceCalculator .selectField {
	float: left;
	margin-bottom: 10px;
	height: 18px;
}
#serviceCalculator span {
	float: left;
	margin-right: 20px;
	height: 18px;
	margin-top: 5px;
}
#serviceCalculator #btnSubmitServiceCalc {
	clear: left;
	float: left;
	width: 100px;
}