/* CSS Document www.2visions.de */
/* Design by 2visions.de */
/* Date: 2010-05-16 */
/* Version: 1.1.0_0004 */


body{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; background:#FFFFFF url(../images/bgimage.jpg) top center no-repeat; margin:0; padding:0;}
tr, p, div, h1, h2, ul, li, img{margin:0; padding:0; border:0;}
ul{list-style:none;}

/*--- Gesamtbreite:927px ---*/
/* top right bottom left */

.container{margin-left:auto; margin-right:auto; width:927px; border:0px solid #000000;}

/*--- Top Panel ---*/
#toppanel{width:927px; height:100px; position:relative; margin:0 auto; border:0px solid #000000;}
#toppanel img.logo{width:200px; height:54px; position:relative; top:23px; /*left:65px;*/ z-index:2}
#toppanel ul{position:absolute; top:44px; right:0px;}
#toppanel ul li{float:left;}
#toppanel ul li a{display:block; color:#cccccc; font:13px/13px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; text-align:center; text-decoration:none; margin:0 0px 0 20px;}
#toppanel ul li a:hover{color:#82B220; text-decoration:none;}
#toppanel ul li.active{color:#82B220; font:13px/13px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center; text-decoration:none; margin:0 0px 0 20px;}

/*--- Slider Panel---*/
#sliderpanel{width:927px; height:300px; position:relative; margin-left:0px; margin-top:-2px; padding-top:0px; border:0px solid #000000;}		  
.hidden{visibility:hidden; display:none;}
span.backgroundcolor{background-color:#ffffff; color:#000000; font-size:16px; font-weight:bold;}

.nivoSlider{position:relative; min-height:200px; margin:0px 0px 0px 0px; background:#202834 url(../images/loading.gif) no-repeat 50% 50%;}
.nivoSlider img{position:absolute; top:0px; left:0px; display:none;}
.nivoSlider a{border:0;}
.nivo-directionNav a{display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0;}
a.nivo-nextNav{background-position:-30px 0; right:15px;}
a.nivo-prevNav{left:15px;}
#slider .nivo-controlNav{position:absolute;	left:47%; bottom:-40px;}
#slider .nivo-controlNav a{display:block; width:10px; height:10px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;}
#slider .nivo-controlNav a.active{background-position:-10px 0;}

/*--- Main Panel Portfolio(Home) ---*/
#mainTitle{width:927px; height:50px; background:#FFFFFF url(../images/bgtitle.gif) 0px 40px repeat-x; border:0px solid #000000;}
#mainTitle h1{font-size:24px; color:#FFFFFF; letter-spacing:-1px; background-color:#82B220; width:120px;}
#mainTitle h1.kontakt{font-size:24px; color:#FFFFFF; letter-spacing:-1px; background-color:#82B220; width:231px;}
#mainpanel{width:927px; overflow: auto; margin:0 0 20px 0px; border:0px solid #000000;}
#mainpanel ul#main{margin:0; padding:0; list-style: none;}
#mainpanel ul#main li{padding-left:10px; padding-top:0px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:-2px 3px;}
#mainpanel #mainpanelLeft{width:607px; float:left; padding:0px 10px 0px 0px; border:0px solid #000000;}
#mainpanel #mainpanelRight{width:308px; float:left; padding:0px 0px 0px 0px; border:0px solid #000000;}
/*--- Portfolio(Home) ---*/
#mainpanel #nav{height:auto; float:left; margin:0 0 10px 0; padding:0px; border:0px solid #000000;}
#mainpanel ul#filter{font-size:12px; list-style:none; margin-left:0px; width:927px;}
#mainpanel ul#filter li{float:left; padding:0 10px 0 0;}
#mainpanel ul#filter a{color:#999; text-decoration:none;}
#mainpanel ul#filter li.current a, ul#filter a:hover{text-decoration:underline;}
#mainpanel ul#filter li.current a{color:#333; font-weight:bold;}
#mainpanel ul#filter li.web{background-image:url(../images/webicon.jpg);}
#mainpanel ul#portfolioHome{float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0px -13px; width:940px; border:0px solid #000000;}
#mainpanel ul#portfolioHome li{float:left; width:300px; margin-left:13px; margin-right:0px; margin-top:10px; text-align:left;}
#mainpanel ul#portfolioHome a{display:block; width:100%;}
#mainpanel ul#portfolioHome a:hover{text-decoration:none;}
#mainpanel ul#portfolioHome img{display:block;}
/*--- Portfolio ---*/
#mainpanel ul#portfolio{float:left; width:927px; border:0px solid #000000;}
#mainpanel ul#portfolio li{width:607px; margin-left:0px; overflow:auto; margin-right:0px; margin-top:10px; border:0px solid #000000;}
#mainpanel ul#portfolio img{float:left; margin:0 10px 10px 0;}


/*--- Services Title ---*/
#services_title{width:927px; height:auto; float:left; border:0px solid #000000;}
#services_title_left{width:607px; height:50px; float:left; background:#FFFFFF url(../images/bgtitle.gif) 0px 40px repeat-x; margin:0px 10px 0px 0px; border:0px solid #000000;}
#services_title_right{width:310px; height:50px; float:left; background:#FFFFFF url(../images/bgtitle.gif) 0px 40px repeat-x; padding:0px 0px 0px 0px; border:0px solid #000000;}
#services_title h1{font-size:24px; color:#FFFFFF; letter-spacing:-1px; background-color:#82B220; width:120px;}

/*--- Services Container (zwei Spalten) ---*/
#services_container{width:927px; overflow:auto; margin:0 0 10px 0; border:0px solid #000000;}
/*--- Content ---*/
#services_container #contentleft{width:607px; float:left; padding:10px 10px 10px 0px; border:0px solid #000000;}
#services_container #contentleft h2{font-size:16px; margin:0px;} 
#services_container #contentleft li{list-style-type:none; text-align:left;}
#services_container #contentright{width:310px; float:left; padding:10px 0px 10px 0px; border:0px solid #000000;}
#services_container #contentright #contact-area{margin:0px; border:0px solid #000000;}
#services_container #contentright #contact-area input, #services_container #contentright #contact-area textarea{margin:0 0 6px 0; padding:5px; width:298px;}
#services_container #contentright #contact-area textarea{height:90px;}
#services_container #contentright #contact-area textarea:focus, #services_container #contentright #contact-area input:focus{border:1px solid #82B220;}
#services_container #contentright #contact-area input.submit-button{border:1px solid #CCCCCC; width:100px; margin:0; padding:0;}
.textFieldError{border:1px solid #FF0000;}
.textFieldDefault{border:1px solid #CCCCCC;}

/*--- Footer Panel ---*/
#footerpanel{width:927px; height:25px; line-height:25px; background:#FFFFFF url(../images/bgtitle.gif) 0px 0px repeat-x; position:relative; margin:0 auto; clear:both; border:0px solid #000000;}
#footerpanel img.w3cHtml{width:80px; height:15px; position:absolute; top:5px; right:100px;}
#footerpanel img.w3cCss{width:80px; height:15px; position:absolute; top:5px; right:0px;}


/*--- Hyperlinks ---*/
a:link, a:visited {color:#82B220; text-decoration:none;}
a:hover {color:#82B220; text-decoration:underline;}

/*--- Horizontal Rule ---*/
hr {background:#82B220; height:3px;	width:100%;}
/*--- Javascript Back button ---*/
.back_button{text-align:center; margin-top:40px;}
/*--- Fehlerausgaben ---*/
.error{font-style: italic; color:#FF0000;}
.ok{font-style: italic; color:#82B220;}

.alpha{margin-left:0}.omega{margin-right:0}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}