/* CSS Document */
 
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent
}
/*html, body {
height: 100%;
}
*/


html {

height: 101%; margin-bottom: 1px;

/*
overflow:scroll; 
*/
/*
overflow:hidden;

*/
}


body{
	background-color:#ececec;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#424242;
	background-image:url(images/black_strip.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

h1{
font-size:27px;
color:#3d3d3d;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-family: arial, arial, serif;
}

/*#dotted_wrapper{
	background-image:url(images/dotted.png);
	background-repeat:repeat;
	background-position: 0px 91px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}*/


.header_wrapper{
position:relative;
}

.head_container{
width:1000px;
margin-top:0px;	
height:91px;
margin-left:auto;
margin-right:auto;

}


#logo{
width:172px;
height:69px;
float:left;
margin-left:20px;
margin-top:21px;
display:inline;
}


#navigation{
	width:780px;
	float:right;
	color:#C7C7C7;
	font-size:20px;
	float:right;
	font-family: arial, arial, serif;
}




#navigation ul{
float:left;
margin-top:8px;
}

#navigation ul li{
list-style:none;
display:inline;
}

#navigation ul li a{
text-decoration:none;
color:#C7C7C7;
display:block;
padding-top:42px;
float:left;
}


/*navigation background*/
.home a{
width:120px;
text-align:center;
}

.home a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.about a{
width:120px;
text-align:center;
}

.about a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.port a{
width:120px;
text-align:right;
}

.port a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.index a{
width:120px;
text-align:center;
padding-left:11px;
}

.index a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.produkte a{
width:120px;
text-align:center;
padding-left:10px;
}

.produkte a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.support a{
width:120px;
text-align:center;
padding-left:10px;
}

.support a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.code a{
width:120px;
text-align:center;
padding-left:10px;
}
.code a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.kontakt a{
width:120px;
text-align:center;
padding-left:10px;
}
.kontakt a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.links a{
width:110px;
text-align:center;
padding-left:14px;
}
.links a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}

.ser a{
width:120px;
text-align:center;
}
.ser a:hover{
background-image:url(images/nav/isnotactive.gif);
background-repeat:no-repeat;
background-position:left 45px;
}
/*close background*/

.container{
width:1000px;
margin-left:auto;
margin-right:auto;
}

#footer{
width:980px;
height:94px;
padding-top:0px;
padding-left:20px;
color:#737474;
font-size:12px;
margin:0 auto;
position: relative;
}



/*port page*/

#port_page{
padding-left:25px;
font-size:17px;
padding-top:46px;
font-size:12px;
line-height:normal;
}

#port_page h1{
font-size:27px;
font-weight:normal;
color:#494949;
margin-bottom:3px;
font-family: arial, arial, serif;
}


#service_content{
	padding-top:46px;

	padding-left: 20px;
}

#service_cont0{
        width:240px;
        float:left;
        background-image: url(images/service_img.gif); 
        background-repeat: no-repeat;
        background-position: left center;
        height: 290px;
}

#service_cont1{
	width:240px;
	float:left;
/*	background-image: url(images/ser_img.gif);        */
/*      background-image: url(images/service_img.gif);    */
	background-repeat: no-repeat;
	background-position: left center;
	height: 290px;
}

#service_cont1 ul li{
list-style:none;
padding-left:5px;
line-height:22px;
font-size:16px;
color:#424242;
}

#service_cont1 ul li a{
text-decoration:none;
color:#424242;
}

#service_cont2{
	width:553px;
	float:left;
	background-image: url(images/dotted_line.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 22px;
	line-height:18px;
        height:400px; 
}


/*contact page*/
#contact_page{
padding-top:46px;
color:#4d4d4d;
}

#cont_add{
width:290px;
float:left;
}

.cont_info{
padding-left:20px;
padding-right:70px;
font-size: 16px;
}

.cont_info a{
text-decoration:none;
color:#4d4d4d;
}

.cont_info a:hover{
text-decoration:underline;
}


.form{
	background-image: url(images/contact_back.gif);
	background-repeat: no-repeat;
	background-position: 235px 0px;
}

/* Contact-form */
.contact_form{
	padding-top:38px;
	width:382px;
	float:left;
}

.contact_form .notification_error
{
border: 1px solid #333333;
height: auto;
width: 90%;
padding: 4px;
background: #FFFFFF;
text-align: left;
-moz-border-radius: 3px;
color:#333333;
}

.contact_form .notification_ok
{
border: 1px solid #333333;
height: auto;
width: 90%;
padding: 8px;
background: #CCCCCC;
text-align: center;
-moz-border-radius: 3px;
color:#333333;
}

.contact_form .info_fieldset { margin-top:10px; }

.contact_form .info_fieldset legend
{
border: 1px #dddddd solid; 
color: #010101; 
font: 13px Verdana;
padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}


.contact_form .button
{
	color: #666666;
	-moz-border-radius: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 2px solid #E0E0E0;
	background-color: #999999;
	font-weight: bold;
}

/* Label */
.contact_form label  {
	width: 300px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 14px;
}

/* Input, Textarea */
.contact_form input, textarea, select{
	background-color:#e7e7e7;
	margin-bottom:10px;
	margin-top:5px;
	float: left;
	color:#333333;
	-moz-border-radius: 3px;
	border: 1px solid #b9b9b9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
}

.contact_form input{
width:214px;
height:28px;
padding-left:5px;
padding-right:5px;
}



.contact_form textarea{
width:214px;
height:90px;
padding-left:5px;
padding-right:5px;
}

#submit_button{
width:115px;
height:38px;
padding:0px;
border:none;
}

.submit_box{
position:relative;
height:38px;
}

.submit_image{
	position:absolute;
	width:110px;
	height:64px;
	background-image: url(images/submit_back.gif);
	background-repeat: no-repeat;
	left: -114px;
	top: -14px;
}

/* BR */
.contact_form br{
clear:left;}


.let a{
text-decoration:none;
color:#4d4d4d;
}
.let a:hover{
text-decoration:underline;
}




/*active*/

.home_act{
background-image:url(images/nav/isactive.gif)!important;
background-repeat:no-repeat!important;
background-position:left 45px!important;
}

.service_act{
background-image:url(images/nav/isactive.gif)!important;
background-repeat:no-repeat!important;
background-position:left 45px!important;
}

.about_act{
background-image:url(images/nav/isactive.gif)!important;
background-repeat:no-repeat!important;
background-position:left 45px!important;
}

.kontakt_act{
background-image:url(images/nav/isactive.gif)!important;
background-repeat:no-repeat!important;
background-position:left 45px!important;
}

.port_act{
background-image:url(images/nav/isactive.gif)!important;
background-repeat:no-repeat!important;
background-position:left 45px!important;
}




.create_text{
font-size:23px;
font-family: 'Rancho';
color:#666666;
margin-bottom:90px;
}







#paging_container2{
	height: 356px;	
}

#paging_container3{
	height: 190px;
}

#paging_container4{
	height: 307px;	
	overflow: hidden;
}

.ellipse{
	float: left;
}

.port_container{
	width: 844px;
}

.page_navigation , .alt_page_navigation{
	padding-bottom: 10px;
	float:right;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 10px;
	margin:2px;
	color:#afafaf;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#242424;
}
.active_page{
	background-color:#615f5f !important;
	color:#e4e4e4 !important;
}	

.content, .alt_content{
	color: black;
	height:300px;
}

.content li, .alt_content li, .content > p{

}

.content li{
list-style:none;
}



#footer_wrapper{
 height:100%;
 }