/* CSS Document */
html{
margin:0;
width:100%;
height:100%;
}


img { 
border-style : none;
} 
a { 
color : #000;
text-decoration : none;
} 
a:hover { 
color : #97dc10;
} 
body { 
background:url(images/background.jpg);
background-repeat:repeat-x;
margin : 0;
padding : 20px;
font-family : "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
line-height : 19px;
word-spacing : 1px;
font-size : 9pt;
color : #000;
} 
#container { 
position : relative;
width : 743px;
margin : 0 0 0 24px;
text-align : left;
z-index : 2;
} 
#cloud { 
position : absolute;
top : 4px;
right : 0;
width : 519px;
height : 516px;
background : url(images/wolken.jpg) no-repeat;
z-index : 1;
} 
#header { 
position : absolute;
color : #a8afb2;
width : 739px;
height : 30px;
margin : 0;
font : 11px/16px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
text-align : right;
} 
#header span { 
margin : 0 8px 0 8px;
font-size : 7px;
color : #b2e84b;
} 
#head { 
position : absolute;
top : 30px;
width : 778px;
height : 289px;
margin : 0;
padding : 0;
background : url(images/top.gif) no-repeat;
} 
#headarea { 
position : absolute;
top : 0;
left : 750px;
width : 45px;
height : 226px;
} 
#toplinks { 
position : absolute;
top : 8px;
left : 321px;
width : 430px;
margin : 0;
padding : 0;
} 
#toplinks li { 
list-style-type : none;
float : right;
margin : 0 0 0 12px;
} 
#toplinks a { 
color : #c7e6f5;
font : 11px/16px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
} 
#toplinks a:hover { 
color : #fffbfb;
} 

#navigation {
padding-right:12px;
position:static;
margin-top:95px;
float:right;
font : 1em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
} 
#navigation ul { 
padding : 0;
margin:0;
} 
#navigation li { 
width : 65pt;
color : white;
border-bottom-width : 1.3pt;
padding :3px 3px 3px 0px; 
border-bottom-style : dotted;
} 
#navigation a { 
color : white;
} 
#navigation a:hover { 
color : #2490c0;
} 
#subhead {
width:150px;
right:-150px;
position :absolute;
height :230px;
float :right;
margin :0;
background :url(images/subhome.gif) no-repeat;
} 

#about{
width:150px;
right:-150px;
position : absolute;
height : 230px;
float : right;
margin : 0;
background:url(images/aboutus.gif) no-repeat;
} 

#services{
width:150px;
right:-150px;
position : absolute;
height : 230px;
float : right;
margin : 0;
background:url(images/services.gif) no-repeat;
} 

#portfolio{
width:150px;
right:-150px;
position : absolute;
height : 230px;
float : right;
margin : 0;
background:url(images/portfolio.gif) no-repeat;
}

#contact{
width:150px;
right:-150px;
position : absolute;
height : 230px;
float : right;
margin : 0;
background:url(images/contact.gif) no-repeat;
}

#sitemap{
width:150px;
right:-150px;
position : absolute;
height : 230px;
float : right;
margin : 0;
background:url(images/subsitemap.gif) no-repeat;
}

#content {
	color:#454545;
	position:absolute;
	margin-top:250pt;
	width:730px;
	margin-left:42pt;
	z-index:1;
	left: -5px;
	top: 35px;
}

.subhead{
padding-right:0px;
padding-left:0px;
font-size:13px; 
background:url(images/underline.gif) repeat-x 100% bottom; 
font-family: "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
padding-bottom:2px;
margin:0px; 
color:#68990A; 
padding-top:0px;
}

.just{
padding-top:5px;
padding-bottom:0px; padding-left:0px; padding-right:0px;
font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
font-size:12px;
word-spacing:2px;
font-size:8pt;
line-height:15px;
text-align:left;
}

.subjust{
color:#85A608;
padding-top:5px;
padding-bottom:0px; padding-left:0px; padding-right:0px;
font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
font-size:12px;
word-spacing:2px;
font-size:9pt;
line-height:15px;
text-align:left;
}

.justbold{
padding-top:5px;
padding-bottom:0px; padding-left:0px; padding-right:0px;
font-family:"Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
font-size:7.5pt;
font-weight:bold;
line-height:15px;
text-align:left;
}

.justsmall{
padding-bottom:0px; padding-left:0px; padding-right:0px;
font-family:"Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
font-size:7.5pt;
text-align:left;
}

A.more {
padding-right: 0px; padding-left: 0px; font-size: 11px; 
padding-bottom: 2px; padding-top: 0px;
color:#00b3eb;
background: url(images/more_b.gif) repeat-x 50% bottom;
}

A.more:hover {
padding-right:0px;
padding-left:0px;
background:url(images/more_o.gif) repeat-x 50% bottom;
padding-bottom: 1px;
color:#8fcf13;
padding-top:0px;
}

/*for contact page*/
A.more_contact {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-right: 0px; padding-left: 0px; font-size: 11px; 
padding-bottom: 2px; padding-top: 0px;
color:#00b3eb;
background: url(images/more_b.gif) repeat-x 50% bottom;
}

A.more_contact:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-right:0px;
padding-left:0px;
background:url(images/more_o.gif) repeat-x 50% bottom;
padding-bottom: 1px;
color:#8fcf13;
padding-top:0px;
}


.color{
color:#1AB8EC;
font-size:12pt;
}

.colorport{
color:#1BACE1;
font-size:10pt; font-weight:500;
}

A.sidelink{
color:#1BACE1;
font-size:10pt; font-weight:500;
}

A.sidelink:hover{
color:#0080A8;
font-size:10pt; font-weight:500;
}

.colorgreen{
color:#B4DC1D;
font-size:10.5pt;
}

.justcolor{
	color:#0583A7;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
font-size:12px;
	word-spacing:2px;
	font-size:8pt;
	line-height:15px;
	text-align:left;
}


.validate {
background: url(images/validate.gif) no-repeat right; 
}

A.bottom {
font-size:7pt;
color:#00b3eb;
}

A.bottom:hover {
color:#8fcf13;
padding:0px;
}

A.portlink {
font-size:7pt;
color:#8fcf13;
}

A.portlink:hover {
color:#00b3eb;
padding:0px;
}

A.info {
font-size:8pt;
color:#a8afb2;
}

A.info:hover {
color:#00b3eb;
padding:0px;
}

.forimage{background-color:#ffffff; padding:3px; border:1px solid #00CCFF;}
.forheadings{ border:1px dashed #B4DC1D; padding:1px;}

.case{
color:#B4DC1D;
font-style:italic;
font-size:8pt;
}

.big{
color:#00b3eb;
font-weight:500;
font-size:12pt;
}

.bigcase{
color:#B4DC1D;
font-style:italic;
font-size:10pt;
}

#logo a{
width:165px;
position:absolute;
left:50px;
clear:both;
margin-top:50pt;
height:97px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
z-index:2;
}

#logo a:hover{
background:url(images/logo-o.gif);
}

.forbutton{
border: 1px dotted #B1DF1D;
background-color:#00B3EB;
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
color:#FFFFFF;
font-size: 8pt; 
}
.fortexbox {
background-color: #ffffff;  
border: 1px dotted #B1DF1D; 
font-size: 8pt; 
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
}
.fortexarea {  
background-color: #ffffff;
border:1px solid #cccccc;
font-size: 8pt; 
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
}

.forcheckbox { 
background-color: #ffffff;
border: 1px solid #ffffff;
}

.rig { 
background:url(images/reg-bg.jpg);
background-repeat:no-repeat;
width:500px;
height:600px;
}

.hi{
background-color:#FF0000;
}

#templates{
	float:left;
	background:url(images/templates_bg.jpg) no-repeat;
	width:485px;
	height:439px;
	margin-top:22px;
}

/*.pages{ float:left; width:495px; margin:0; padding:0;}
.pages a{ margin:0; padding:0; font-size:14px; line-height:0;}*/

/*#mygaltop{
	width:500px;
	float:left;
	height:990px;
	overflow:hidden;
	margin:0;
	padding:0;
}

.slides_container {
			width:495px;
			float:left;
		}
		.slides_container div {
			width:495px;
			height:370px;
			float:left;
		}
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
		}
		.pagination a:hover{ color:#003300;}
		
		.pagination .current a {
			color:red;
		}*/

.l-link{width:234px; float:left; font-size:12px; text-align:center; margin:0 8px 15px 8px; color:#97dc10;}
.l-link:hover{ color:#000000;}

#mygaltop span{
	border:3px #f0f0f0 solid;
	background:#FFFFFF;
	margin:0 8px 5px 8px;
	padding:0;
	min-height:150px;
	width:228px;
	float:left;
	}

#brouchers{
	width:495px;
	float:left;
}

#brouchers a{
	border:6px #f0f0f0 solid;
	background:#FFFFFF;
	margin:0 6px 15px 6px;
	width:222px;
	float:left;
	}

.clear{ clear:both;}