/*

Design by artgraphix web & more
http://www.artgraphix.de

Name       : Artgrapix
Description: Artgrapix Layout, CSS 
Version    : 1.0
Released   : 20100101
Autor      : A.Jendrysik

*/



/*--------------------- SUCHBUTTON ----------------------*/
#keywordtool{background-color:#d7dfed;padding:10px;border-top:1px solid #043883;border-bottom:#043883 solid 1px;}
.such{
    position:relative;
    background-color:#f0f0f0;
    float:right;
    width:22px;
    margin:0px 5px;
    height:22px;
    border:2px solid #ddd;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:30px;
    -moz-box-shadow:1px 1px 3px #555;
    -webkit-box-shadow:1px 1px 3px #555;
    box-shadow:1px 1px 3px #555;
    cursor:pointer;
    overflow:hidden;
}

.link{
    left:2px;
    top:2px;
    position:absolute;
    width:48px;
    height:48px;
}
.icon_find{
    background:transparent url(find.png) no-repeat top left;
}
.such_content{
    float:left;
    position:relative;
    height:52px;
    width:220px;
    overflow:hidden;
    left:0px;
    top:0px;
    background:transparent;
    display:none;
}
.such_content input{
    position:relative;
    left:0px;
    top:1px;
}

#keyword{position:absolute;bottom:0px;left:-4px;width:306px;height:100px;color:#000;text-align:left;font-size:11px;padding:10px;}

/*--------------------- REFERENZEN ----------------------*/


ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 70px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #FFF; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }



ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 640px;background-color:#b8cae7; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	padding-right: 12px;
	padding-bottom: 10px;
  padding-top:8px;
  padding-left:12px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0;}
ul#filter a { color: #000; text-decoration: none; font-size:0.7em;}
ul#filter li.current a, ul#filter a:hover { text-decoration: none; color: #043883;}
ul#filter li.current a { color: #043883; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 640px; }
ul#portfolio li {  
	float: left; 
	margin: 5px 0px 5px 9px; 
	width: 150px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block;}

/*------- ie6 hack */
*html ul#portfolio li {margin-right:5px;}
/*--------------------- NEWS SYSTEM ----------------------*/
 
.news-single-backlink{
 background-color:#b8cae7;
 width:612px;
 font-size:0.75em;
 letter-spacing:0.1em;
 font-weight:bold;
}
.news-list-item{
 width:640px;
}
.news_list_header{
 width:630px;
 height:26px;
 background-color:#b8cae7;
 padding-left:10px;
}
.news_list_footer{
 width:630px;
 height:20px;
 background-color:#b8cae7;
 padding-left:10px;
 font-size:0.6em;
 padding-top:6px;
}
.news_list_header a{
color:#000;
}
.news_list_container{
 width:640px;
 background-color:#c7d2e4;
}
.news_list_subheader{
 float:left;
 width:467px;
 padding:10px;
}
.news_list_image{
 float:left;
 background-color:#dfebff;
 width:153px;
 height:90px;
}
.news_list_headerlinie{
 width:640px;
 height:0px;
 border-bottom:2px solid #fff;
}

.news-single-social { 
 background-color:#b8cae7;
 border-bottom:3px solid #fff;
 width:622px;
 font-size:0.70em;
 padding-left:10px;
 padding-bottom:10px;
}
.news-single-social a img{text-decoration:none;border:0px;padding-left:10px;padding-top:10px;}
/*#######################    Gr��en und Standards Layout 1       #######################*/
* { margin: 0; padding: 0; }
body {background-image:url(bodybg.jpg);background-repeat:repeat-x;text-align:center;background-color:#fff; font-family: arial,trebuchet MS, verdana, sans-serif;color:#fff;}
h1 {font-size:1.0em; margin:0; padding:1px 0 15px 0;color:#000;background-image:url(h1.jpg);background-repeat:repeat-x;line-height:0.8em;}
h2 {font-size:0.9em; margin:0; padding:10px 0 10px 0; color:#043882;}
h3 {font-size:0.8em; margin:0; padding:10px 0; color:#043882;line-height:1.2em;}
h4 {font-size:0.8em; margin:0; padding:10px 0; color:#043882;line-height:1.2em;}
h5 {font-size:0.6em; margin:0; padding:10px 0; color:#000;}
h6 {font-size:0.5em;margin:0; padding:8px 0;color:#000;}
h4.imageheader {
     height:50px;
     background-repeat:no-repeat;
     padding: 0;
     margin: 0;
}
.content_referenzen h1 {font-size:1.0em; margin:0; padding:1px 0 15px 0;color:#000;background-image:url(h1_ref.jpg);background-repeat:repeat-x;line-height:0.8em;}

h4.imageheader strong{
       display:none;
}
/* simple css-based tooltip */ 
div.tooltip { 
    position:relative;
    z-index:9999;
    background-color:#043882; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

/* Rahmen bei Links im FF wegmachen */ 
a:active {outline:none;}
:focus {-moz-outline-style:none;}

ul li.liste {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 0.75em;
 margin-left:10px;
 line-height: 1.5em;
 padding-left: 10px;
 background-image:url(punkt.gif);
 background-repeat:no-repeat;
 color:#043882;
}
li.listeref {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 0.75em;
 line-height: 1.5em;
 padding-left: 10px;
 background-image:url(punkt.gif);
 background-repeat:no-repeat;
 color:#043882;
 list-style-type:none;
}

p {font-size:0.75em; line-height:1.3em;letter-spacing:0.08em; margin:0; padding:0;}
a {text-decoration:none;color:#043882;outline: none;letter-spacing:1px;}

.clearer{clear:both;}
.txt{padding:10px;}
.txtklein{font-size:0.6em;}
.txtreferenzen{font-size:0.75em;  line-height:1.3em;letter-spacing:0.1em;}

.myGallery{background-color:transparent;}
#site {position:relative;width:1055px;top:25px;margin:auto; text-align:center;}
#site_bg {width:1055px;background-image:url(site_bg_03.png);background-repeat:repeat-y;position:relative;z-index:99;}
* html #site_bg {width:1055px;background-image:url(site_bg_03.png);background-repeat:repeat-y;position:relative;z-index:99;}
#leftborder{float:left;width:6px;height:751px;background-image:url(leftborder.jpg);position:relative;z-index:99;}
#left{float:left;width:306px;min-height:751px;background-color:#fff;}
#logo{position:relative;height:148px;width:306px;overflow:hidden;background-image:url(logo.jpg);}
#logoflash{position:relative;height:148px;width:306px;overflow:hidden;background-image:url(logo.jpg);}
#logo img{border:none;}
* html #menuek{position:absolute;top:180px;left:0px;width:480px;height:251px;text-align:left;padding-left:20px;}
*:first-child+html #menuek{position:absolute;top:180px;left:0px;width:480px;height:251px;text-align:left;padding-left:20px;}
#menuek{position:absolute;top:180px;width:480px;height:251px;text-align:left;padding-left:20px;padding-top:20px;}
#menue {float:left;width:80px;height:300px;text-align:left;padding-top:20px;}
#untermenue{float:left;width:150px;height:300px;text-align:left;padding-left:10px;padding-top:20px;}
* html #menue {float:left;width:50px;height:250px;text-align:left;position:relative;top:0px;}
* html #untermenue{float:left;width:150px;height:250px;text-align:left;position:relative;top:0px;left:-40px;}
#zitatflash{position:absolute;z-index:40;left:45px;bottom:110px;width:300px;height:100px;text-align:left;}
.zitatinhaltflash{position:relative;z-index:3;width:300px;height:auto;text-align:left;background-image:url(transparent_blau.png);padding:10px;}
.zitatuntenflash{position:relative;z-index:2;position:relative;top:-1px;width:280px;height:auto;text-align:left;background-image:url(zitatunten.jpg);background-position:left;background-repeat:no-repeat;}
#zitat{position:absolute;z-index:40;left:45px;bottom:110px;width:300px;height:auto;text-align:left;}
.zitatinhalt{position:relative;z-index:3;width:300px;height:auto;text-align:left;background-image:url(transparent_blau.png);padding:10px;}
.zitatunten{position:relative;z-index:2;position:relative;top:-1px;width:280px;height:auto;text-align:left;background-image:url(zitatunten.jpg);background-position:left;background-repeat:no-repeat;}
#zitatkl{position:absolute;z-index:99;left:40px;bottom:110px;width:230px;height:auto;}
.zitatinhaltkl{position:relative;z-index:3;width:230px;height:auto;text-align:left;background-image:url(transparent_blau.png);padding:10px;}
.zitatuntenkl{position:relative;z-index:2;top:-1px;width:280px;height:auto;text-align:left;background-image:url(zitatunten.jpg);background-position:left;background-repeat:no-repeat;}
#zitatklkl{font-size:12px;position:absolute;z-index:99;left:40px;bottom:110px;width:230px;height:auto;}
.zitatinhaltklkl{width:230px;height:auto;text-align:left;background-image:url(transparent_blau.png);padding:10px;}
.zitatuntenklkl{position:relative;width:280px;height:auto;text-align:left;background-image:url(zitatunten.jpg);background-position:left;background-repeat:no-repeat;}
#newsletter{padding:10px;position:relative;left:25px;top:100px;width:236px;height:auto;text-align:left;background-color:#E9EBFE;}
#picture{float:left;width:197px;height:751px;background-color:transparent;}
#picturegross{margin-top:14px;width:700px;height:158px;background-color:transparent;}
#rightrand{float:left;width:54px;height:780px;background-image:url(rightrand.jpg);position:relative;z-index:2;}
#topnavi{width:503px;height:20px;}
#topnavigross{width:700px;height:20px;}
#navioben{width:220px;float:left;padding-top:3px;}
#fontresize{width:90px;float:left;padding-left:0px;padding-top:9px;color:#000;font-size:12px;}
#fontresizetext{padding-top:10px;float:left;font-size:11px;color:#000;}
#fontresizetextkl{padding-top:10px;padding-left:25px;float:left;font-size:11px;color:#000;}
#druckversion{float:left;padding-top:1px;padding-left:12px;font-size:11px;color:#000;}
#druckversiontext{float:left;padding-top:4px;padding-left:5px;float:left;font-size:11px;color:#000;}
#searchbox{width:230px;float:right;position:relative;right:20px;top:3px;}
#searchbox_template{width:230px;float:right;position:relative;right:0px;top:10px;}
#content{float:left;width:503px;height:751px;background-color:#fff;position:relative;z-index:40;}
#contentgross{float:left;width:700px;height:auto;background-color:#fff;position:relative;z-index:10;}
* html #contentgross{float:left;width:700px;height:auto;background-color:transparent;position:relative;z-index:10;}
#rightborderflash{background-color:transparent;float:left;width:10px;height:751px;background-image:url(rightborderflash.jpg);background-repeat:no-repeat;position:relative;z-index:10;}
#rightborder{background-color:transparent;float:left;width:10px;height:751px;background-image:url(rightborder.jpg);background-repeat:no-repeat;position:relative;z-index:10;}
#rightbordergross{background-color:transparent;float:left;width:10px;height:751px;background-image:url(rightborder.jpg);background-repeat:no-repeat;position:relative;z-index:10;}
#rightborderreferenzen{background-color:transparent;float:left;width:10px;height:751px;background-image:url(rightborder.jpg);background-repeat:no-repeat;position:relative;z-index:10;}
* html #rightborder{background-color:transparent;float:left;width:10px;height:751px;background-image:url(rightborder.jpg);background-repeat:no-repeat;position:relative;z-index:10;}
* html #rightbordergross{background-color:transparent;float:left;width:10px;height:751px;background-image:url(rightborder.jpg);background-repeat:no-repeat;position:relative;left:-14px;z-index:10;}
* html #rightborderreferenzen{float:left;width:10px;height:751px;background-image:url(rightborder.jpg);background-repeat:no-repeat;position:relative;left:-14px;z-index:10;}
#tipps{position:relative;top:322px;left:-17px;float:left;width:29px;height:180px;z-index:1;}
#tippsgross{position:relative;top:322px;left:-17px;float:left;width:29px;height:180px;z-index:1;}
* html #tipps{position:absolute;left:1011px;float:left;width:29px;height:180px;z-index:1;}
* html #tippsgross{position:absolute;left:1011px;float:left;width:29px;height:180px;z-index:1;}
#logo_typo3{width:68px;height:43px;background-image:url(logo_typo3.jpg);background-repeat:no-repeat;}
#footer{text-align:left;padding-left:0px;width:1055px;height:8px;padding-top:0px;color:#fff;background-image:url(footer_bg_neu1.jpg);background-repeat:no-repeat;position:relative; z-index:2;}


#footer_bottom{width:100%;height:350px;position:relative; z-index:1;top:17px; float:left;background-image:url(footer_bg.jpg);background-repeat:repeat-x;}
* html #footer_bottom{width:100%;height:350px;position:relative; z-index:1;top:-18px; float:left;background-image:url(footer_bg.jpg);background-repeat:repeat-x;}
#container_footer{width:1003px;margin:auto; text-align:center;}
#footerkontakt{float:left;width:330px;height:160px;border-right:1px solid #124389;text-align:left;position:relative;top:20px;left:35px;padding-right:30px;}
#footerkontakt h4 {font-size:0.8em; margin:0; padding:10px 0; color:#fff;line-height:1.2em;}

#footerkontakt a{color:#e5891c;}
#footerkontakt a:hover {color:#c5dcfc;}	
#footerrechts{float:left;width:330px;height:160px;padding-left:25px;text-align:left;position:relative;top:22px;left:25px;}
#footerrechts a{color:#e5891c;}
#footerrechts a:hover {color:#c5dcfc;}	
#footerrechts h4 {font-size:0.8em; margin:0; padding:10px 0; color:#fff;line-height:1.2em;}

#footerlinks {
  position:relative;
  top:20px;
  left:0px;
  float:left;
  font-size:0.75em;
  letter-spacing:0.1em;
	margin:0; 
	list-style:none;	
	font-family:Verdana;
	text-align:center;
	line-height:10px;
	text-align:left;
  font-size:0.75em;
  width:270px;
  height:155px;
  padding-top:5px;
  padding-left:10px;
  border-right:1px solid #124389;
  }

 #footerlinks li {
	display:block;
	list-style:none;	
	text-align:left;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:1px dotted #cecece;
  width:100px;
	}

 #footerlinks li a {
  color:#fff;
	}

 #footerlinks li a:hover {
  color:#c5dcfc;
	}	

 #footerlinks a#current{
  color:#c5dcfc;
	}


#footertext{float:left;text-align:left;padding-left:0px;width:auto;padding-top:0px;font-size:0.75em;letter-spacing:0.1em;color:#fff;}
#footertext a{color:#fff;}
#footertext a:hover{color:#043882;}
#socialbookmarks{float:right;padding-top:3px;padding-right:55px;}
#artgraphix_footer{float:right;color:#000;padding-top:0px;}
#artgraphix_footer a{background-image:url(mail.png);background-repeat:no-repeat;padding-left:23px;text-align:left;font-size:1em;color:#000;}
#artgraphix_footer a:hover{background-image:url(mail.png);background-repeat:no-repeat;padding-left:23px;text-align:left;font-size:11px;color:#043882;}




.impressum a{background-image:url(impressum_icon.jpg);background-repeat:no-repeat;padding-left:20px;}
.sitemap a{background-image:url(sitemap_icon.jpg);background-repeat:no-repeat;padding-left:25px;}
.kundenlogin a{background-image:url(kundenlogin_icon.jpg);background-repeat:no-repeat;padding-left:20px;}
.newsletterabo a{background-image:url(newsletterabo_icon.jpg);background-repeat:no-repeat;padding-left:23px;}
.typo3video a{background-image:url(typo3video_icon.jpg);background-repeat:no-repeat;padding-left:20px;}
.kooperationen a{background-image:url(kooperationen_icon.jpg);background-repeat:no-repeat;padding-left:22px;}

.impressum li a:hover{color:#fff;}
.sitemap a{background-image:url(sitemap_icon.jpg);background-repeat:no-repeat;padding-left:25px;}
.kundenlogin a{background-image:url(kundenlogin_icon.jpg);background-repeat:no-repeat;padding-left:20px;}
.newsletterabo a{background-image:url(newsletterabo_icon.jpg);background-repeat:no-repeat;padding-left:23px;}
.typo3video a{background-image:url(typo3video_icon.jpg);background-repeat:no-repeat;padding-left:20px;}
.kooperationen a{background-image:url(kooperationen_icon.jpg);background-repeat:no-repeat;padding-left:22px;}

/*#######################    kompletter Content div  f�r kleines Layout    #######################*/
.komplettgrossdiv{text-align:left;color:#000;margin:20px;background-image:url(content_bg.jpg);background-repeat:repeat-y;}
.komplettcontent_top{background-image:url(content_top.jpg);width:456px;height:7px;background-repeat:no-repeat;}
.komplettcontent_left{width:6px;height:680px;float:left;background-image:url(content_left.jpg);}
.komplettcontent_verlauf{background-color:#d7dfed;background-image:url(content_verlauf.jpg);background-repeat:repeat-x;width:444px;height:680px;overflow: scroll;overflow-x: auto;overflow-y: auto;float:left;}
.komplettcontent_right{width:6px;height:680px;float:left;background-image:url(content_right.jpg);}
.komplettcontent_bottom{clear:both;background-image:url(content_bottom.jpg);width:456px;height:5px;background-repeat:no-repeat;}
/*#######################   Ganz gro�es Div um Content       #######################*/
.grossgrossdiv{position:relative;left:-10px;width:674px;text-align:left;color:#000;margin:20px;background-image:url(grosscontent_bg.jpg);background-repeat:repeat-y;}
.grosscontent_top{background-image:url(grosscontent_top.jpg);width:674px;height:6px;background-repeat:no-repeat;}
.grosscontent_left{width:7px;height:auto;float:left;background-image:url(grosscontent_left.jpg);}
.grosscontent_verlauf{background-color:#d7dfed;background-image:url(grosscontent_verlauf.jpg);background-repeat:repeat-x;width:663px;height:240px;overflow: scroll;overflow-x: auto;overflow-y: auto;float:left;}
.grosscontent_right{width:4px;height:auto;float:left;background-image:url(grosscontent_right.jpg);}
.grosscontent_bottom{clear:both;background-image:url(grosscontent_bottom.jpg);width:674px;height:6px;background-repeat:no-repeat;}
/*#######################  kompletter Content div gro�es Layout       #######################*/
.komplettgrossgrossdiv{position:relative;left:-10px;width:674px;text-align:left;color:#000;margin:20px;background-image:url(grosscontent_bg.jpg);background-repeat:repeat-y;}
.komplettgrosscontent_top{background-image:url(grosscontent_top.jpg);width:674px;height:6px;background-repeat:no-repeat;}
.komplettgrosscontent_left{width:7px;height:auto;float:left;background-image:url(grosscontent_left.jpg);}
.komplettgrosscontent_verlauf{background-color:#d7dfed;background-image:url(grosscontent_verlauf.jpg);background-repeat:repeat-x;width:663px;height:auto;overflow: scroll;overflow-x: auto;overflow-y: auto;float:left;}
.komplettgrosscontent_right{width:4px;height:auto;float:left;background-image:url(grosscontent_right.jpg);}
.komplettgrosscontent_bottom{clear:both;background-image:url(grosscontent_bottom.jpg);width:674px;height:6px;background-repeat:no-repeat;}
/*#######################    gro�es Div um Content       #######################*/
.grossdivreferenzen{color:#000;margin-left:20px;margin-right:20px;margin-top:20px;background-image:url(grossdivreferenzen.jpg);background-repeat:repeat-y;}
.content_topreferenzen{background-image:url(content_topreferenzen.jpg);width:456px;height:7px;background-repeat:no-repeat;}
.content_leftreferenzen{width:6px;height:auto;float:left;background-image:url(content_leftreferenzen.jpg);}
.content_verlaufreferenzen{text-align:left;background-color:#d7dfed;background-image:url(content_verlaufreferenzen.jpg);background-repeat:repeat-x;width:444px;height:309px;float:left;}
.content_rightreferenzen{width:6px;height:auto;float:left;background-image:url(content_rightreferenzen.jpg);}
.content_bottomreferenzen{clear:both;background-image:url(content_bottomreferenzen.jpg);width:456px;height:5px;background-repeat:no-repeat;}
.content_bottom_sliderreferenzen{clear:both;background-image:url(content_bottom_slider.jpg);width:456px;height:5px;background-repeat:no-repeat;}

.grossdiv{color:#000;margin-left:20px;margin-right:20px;margin-top:20px;background-image:url(content_bg.jpg);background-repeat:repeat-y;}
.content_top{position:relative;left:-4px;background-image:url(content_top.jpg);width:456px;height:7px;background-repeat:no-repeat;position:relative;left:1px;}
.content_left{width:6px;height:auto;float:left;background-image:url(content_left.jpg);}
.content_verlauf{background-color:#d7dfed;background-image:url(content_verlauf.jpg);background-repeat:repeat-x;width:444px;height:414px;overflow: scroll;overflow-x: auto;overflow-y: auto;float:left;}
.content_right{width:6px;height:auto;float:left;background-image:url(content_right.jpg);}
.content_bottom{clear:both;background-image:url(content_bottom.jpg);width:456px;height:5px;background-repeat:no-repeat;}
.content_bottom_slider{clear:both;background-image:url(content_bottom_slider.jpg);width:456px;height:5px;background-repeat:no-repeat;position:relative;left:20px;}
/*#######################    kleines Div um Content       #######################*/
.kldiv_links{text-align:left;color:#000;margin-left:20px;margin-right:15px;background-image:url(kleincontent_bg.jpg);background-repeat:repeat-y;float:left;}
.kldiv_rechts{text-align:left;color:#000;margin:20 20 20 20;background-image:url(kleincontent_bg.jpg);background-repeat:repeat-y;float:left;}
.kleincontent_top{background-image:url(kleincontent_top.jpg);width:219px;height:4px;background-repeat:no-repeat;}
.kleincontent_left{width:6px;height:auto;float:left;background-image:url(kleincontent_left.jpg);}
.kleincontent_verlauf{background-color:#d7dfed;background-image:url(kleincontent_verlauf.jpg);background-repeat:repeat-x;width:208px;height:250px;overflow: scroll;overflow-x: auto;overflow-y: auto;float:left;}
.kleincontent_right{width:5px;height:auto;float:left;background-image:url(kleincontent_right.jpg);}
.kleincontent_bottom{clear:both;background-image:url(kleincontent_bottom.jpg);width:219px;height:5px;background-repeat:no-repeat;}

.content_gross{width:654px;color:#000;text-align:left;padding-left:20px;padding-right:20px;}
.content_startseite{width:463px;height:280px;color:#000;text-align:left;overflow: scroll;overflow-x: auto;overflow-y: auto;}
*html .content_startseite{width:463px;height:260px;color:#000;text-align:left;overflow: scroll;overflow-x: auto;overflow-y: auto;}
.content_referenzen{width:654px;color:#000;text-align:left;padding-left:20px;padding-right:20px;}
/*#######################   Navigation Start      #######################*/



/*#######################  kompletter Content div gro�es Layout  TYP S     #######################*/
.komplettgrossgrossdivpakete{position:relative;left:-10px;top:-15px;width:674px;text-align:left;color:#000;margin:20px;background-image:url(grosscontent_bg.jpg);background-repeat:repeat-y;}
.komplettgrossgrossdivpakete ul {padding-top:5px;}
.komplettgrossgrossdivpakete .csc-textpic-imagewrap{position:relative;top:40px;}


.komplettgrosscontent_top_S{background-image:url(grosscontent_top_S.jpg);width:674px;height:82px;background-repeat:no-repeat;position:relative;left:2px;}
.komplettgrosscontent_top_M{background-image:url(grosscontent_top_M.jpg);width:674px;height:82px;background-repeat:no-repeat;position:relative;left:2px;}
.komplettgrosscontent_top_L{background-image:url(grosscontent_top_L.jpg);width:674px;height:82px;background-repeat:no-repeat;position:relative;left:2px;}
.komplettgrosscontent_top_XL{background-image:url(grosscontent_top_XL.jpg);width:674px;height:82px;background-repeat:no-repeat;position:relative;left:2px;}

.komplettgrosscontent_top_S h1{background-image:none;position:relative;top:58px;left:15px;color:#fff;}
.komplettgrosscontent_top_M h1{background-image:none;position:relative;top:58px;left:15px;color:#fff;}
.komplettgrosscontent_top_L h1{background-image:none;position:relative;top:58px;left:15px;color:#fff;}
.komplettgrosscontent_top_XL h1{background-image:none;position:relative;top:58px;left:15px;color:#fff;}



.komplettgrosscontent_bottom_S{clear:both;background-image:url(grosscontent_bottom_S.jpg);width:674px;height:11px;background-repeat:no-repeat;position:relative;left:2px;}
.komplettgrosscontent_bottom_M{clear:both;background-image:url(grosscontent_bottom_M.jpg);width:674px;height:11px;background-repeat:no-repeat;position:relative;left:2px;}
.komplettgrosscontent_bottom_L{clear:both;background-image:url(grosscontent_bottom_L.jpg);width:674px;height:11px;background-repeat:no-repeat;position:relative;left:2px;}
.komplettgrosscontent_bottom_XL{clear:both;background-image:url(grosscontent_bottom_XL.jpg);width:674px;height:11px;background-repeat:no-repeat;position:relative;left:2px;}


.menu2{
	font-family: arial, sans-serif;
	width:30px;
	height:300px;
	position:relative;
	margin:10px 0;
	z-index:38;
}
.menu2 ul {
	padding:0;
	margin:0;
	list-style-type: none;
	width:130px;
	height:300px;
}
.menu2 ul li {
	float:left;
}
.menu2 ul li a, .menu2 ul li a:visited {
	display:block;
	float:left;
	text-decoration:none;
	color:#000;
	width:250px;
	height:25px;
	line-height:28px;
	font-size:0.75em;
	letter-spacing:0.1em;
	/*background:transparent;*/
	padding-left:15px;
}

* html .menu2 ul li a, * html .menu2 ul li a:visited {
	width:100px;
	w\idth:90px;
}

.menu2 table {
	border-collapse:collapse;
	border:0;
	margin:0;
	padding:0;
	font-size:1em;
	position:absolute;
	left:0;
	top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li a:hover{
	background-image:url(nav_bg.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
.menu2 ul li a.current{
	background-image:url(nav_bg.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
#untermenue .menu2 ul li a:hover{
	background-image:url(nav_bg_rot.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
#untermenue .menu2 ul li a.current{
	background-image:url(nav_bg_rot.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
.menu2 ul li:hover {
	position:relative;
	z-index:40;
}
* html .menu2 ul li a:hover {
	position:relative;
	z-index:40;
}

.menu2 ul li:hover ul, .menu2 ul li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto;
	overflow:visible;
}
.menu2 ul li:hover ul li a, .menu2 ul li a:hover ul li a{
	display:block;
	/*background:transparent;*/
	color:#000;
	line-height:15px;
	padding:5px 0 5px 15px;
	height:auto;
	text-decoration:none;
}

.menu2 ul li:hover ul li:hover a, .menu2 ul li a:hover ul li a:hover {
	background-image:url(nav_bg.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
.menu2 ul li:hover ul li ul, .menu2 ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	left:9px;
}
.menu2 ul li:hover ul li:hover ul, .menu2 ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto;
	color:#000;
	padding:0;
	list-style-type:none;
}
.menu2 ul li:hover ul li:hover ul li a, .menu2 ul li a:hover ul li a:hover ul li a {
	display:block;
	/*background:transparent;*/
	color:#000;
}

.menu2 ul li:hover ul li:hover ul li:hover a, .menu2 ul li a:hover ul li a:hover ul li a:hover {
	color:#000;
}
















.menu22{
	font-family: arial, sans-serif;
	width:80px;
	height:300px;
	position:relative;
	font-size:1.0em;
	margin:10px 0;
	z-index:39;
}
.menu22 ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu22 ul li ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:2px;
	left:90px;
}
.menu22 ul li ul li{
  height:20px;
  margin-top:5px;
}
.menu22 ul li {
	width:80px;
	float:left;
}
.menu22 ul li a, .menu22 ul li a:visited {
	display:block;
	float:left;
	text-decoration:none;
	color:#000;
	width:210px;
	height:25px;
	line-height:28px;
	font-size:0.75em;
	letter-spacing:0.1em;
	/*background:transparent;*/
	padding-left:15px;
}

* html .menu22 ul li a, * html .menu22 ul li a:visited {
	width:200px;
	w\idth:200px;
}

.menu22 table {
	border-collapse:collapse;
	border:0;
	margin:0;
	padding:0;
	font-size:1em;
	position:absolute;
	left:0;
	top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu22 ul li a:hover{
	background-image:url(nav_bg.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
.menu22 ul li a.current{
	background-image:url(nav_bg.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
#untermenue .menu22 ul li a:hover{
	background-image:url(nav_bg_rot.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
#untermenue .menu22 ul li a.current{
	background-image:url(nav_bg_rot.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
.menu22 ul li:hover {
	position:relative;
	z-index:40;
}
* html .menu22 ul li a:hover {
	position:relative;
	z-index:40;
}

.menu22 ul li:hover ul, .menu22 ul li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto;
	overflow:visible;
}
.menu22 ul li:hover ul li a, .menu22 ul li a:hover ul li a{
	display:block;
	/*background:transparent;*/
	color:#000;
	line-height:15px;
	padding:5px 0 5px 15px;
	height:auto;
	text-decoration:none;
}

.menu22 ul li:hover ul li:hover a, .menu22 ul li a:hover ul li a:hover {
	background-image:url(nav_bg.jpg);
	background-repeat:no-repeat;
	color:#043882;
}
.menu22 ul li:hover ul li ul, .menu22 ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:0;
	left:9px;
}
.menu22 ul li:hover ul li:hover ul, .menu22 ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto;
	color:#000;
	padding:0;
	list-style-type:none;
}
.menu22 ul li:hover ul li:hover ul li a, .menu22 ul li a:hover ul li a:hover ul li a {
	display:block;
	/*background:transparent;*/
	color:#000;
}

.menu22 ul li:hover ul li:hover ul li:hover a, .menu22 ul li a:hover ul li a:hover ul li a:hover {
	color:#000;
}








/*#######################     Navigation  Ende     #######################*/

.suchtext{ 
 line-height:15px;
 padding-top:5px;
 color:#000;
 font-size:0.75em; 
 text-decoration: none;
 text-align:left;
}


 #footermenue {
	margin:0; 
	padding-left:11px;
	list-style:none;	
	font-family:Verdana;
	text-align:center;
	line-height:10px;
	text-align:left;
  font-size:1em;
  width:400px;
}

 #footermenue li {
	display:inline;
	list-style:none;	
	text-align:left;
  color:#000;
	}

 #footermenue li a {
  color:#000;
	}

 #footermenue li .hover {
  color:#000;
	}	

 #footermenue a#current{
  color:#000;
	}






/*--------------------- Formulare start ----------------------*/

.text { 
 color:#000;
 font-size:0.75em;
 letter-spacing:0.1em;
 text-decoration: none;
 text-align:left;
}
.textarea{ 
 width: 240px;
 background-color:#fff;
 border-color: #abc4da;
 border-style: solid;
 border-width: 1px;
 font-size:12px; 
 text-decoration: none;
 color:#000; 
 overflow: scroll; 
 overflow-x: auto; 
 overflow-y: auto;
}
.bgform {
 font-size: 12px;
 border-color: transparent;
 border-style: solid;
 width: 240px;
 border-width: 1px;
 border-color: #abc4da;
 color: #000;
 background-color:#fff;
}
.bgformtip {
 font-size: 11px;
 border-color: #cb5503;
 border-style: solid;
 width: 180px;
 border-width: 1px;
 color: #000;
}
.bgformsearchbox {
 font-size: 11px;
 border-color: #cb5503;
 border-style: solid;
 width: 120px;
 border-width: 1px;
 color: #000;
}
.bgformspam{
 font-size: 12px;
 border-color: transparent;
 border-style: solid ;
 border-color: #abc4da;
 width: 65px;
 border-width: 1px;
 color: #000;
 background-color:#fff;
}
.bgformspamtip{
 font-size: 11px;
 border-color: #cbcbcb;
 border-style: solid;
 width: 50px;
 border-width: 1px;
 color: #000;
}
.bgformsuche {
 font-size: 11px;
 font-weight:bold;
 border-color: transparent;
 border-style: solid;
 border-width: 1px;
 color: #fff;
 background-color:#6f95ba;
 width:150px;
}
.bgformselect {
 font-size: 11px;
 border-color: #cecece;
 border-style: solid;
 border-width: 1px;
 color: #000;
}
.captcha img{width:92px;height:25px;}

li.liste  {
	padding-left:15px;
	background-image: url(pfeil.png);
	background-repeat:no-repeat;
	font-size:0.75em;
	letter-spacing:0.1em;
	color:#bf1e2e;
	list-style-type:none;
	}
	
ul.fehler{color:red;}



/*--------------------- TT-NEWS EXTENSION ----------------------*/
	
.news-latest-container {padding:0;margin:0;width:172px;height:60px;}
.news-latest-container li{padding:0;margin:0;list-style-type:none;width:172px;position:relative;left:-10px;}
.startseitelatest_bild{float:left;width:172px;height:45px;}
.startseitelatest_bildtext{float:left;width:188px;height:45px;padding-left:10px;text-align:left;font-size:0.75em;letter-spacing:0.1em;}

/*--------------------- Slide Start ----------------------*/
#slide_container{width:400px;height:392px;}
.hidden{display: none;}
* html #zurueck{width:90px;position:relative;left:-150;top:-13px;}
#zurueck{width:87px;position:relative;left:34px;}


#mySlides{			  
	color:#000;
  text-align:left;
  padding-top:10px;
  margin:0px; 
}

#myController li{
  background-image:url(button_bg.jpg);
	color:#fff;
  cursor:pointer;
  display: inline;  
  padding-left: 10px;
  padding-right: 10px;
 }

#jFlowSlide{
	color:#000;
  text-align:left;
  line-height:12px; 
}

#myController li.jFlowSelected {

 }


.jFlowPrev, .jFlowNext{
cursor:pointer;
  }

#myController2 li{
cursor:pointer;
}

#jFlowSlide2{
margin:0px;
}

#myController2 li.jFlowSelected2 {
margin:0px;
}

.jFlowPrev2, .jFlowNext2{
cursor:pointer;
margin:0px;
}


#myController3 li{
margin:0px;
cursor:pointer;
}

#jFlowSlide3{
margin:0px;
}

#myController3 li.jFlowSelected3 {
margin:0px;
}

.jFlowPrev3, .jFlowNext3{
cursor:pointer;
}
/*--------------------- Slide Stop ----------------------*/
ul#navigation {
    position: relative;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:1;
}
ul#navigation li {
    width: 68px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 68px;
    height: 43px;    
}
ul#navigation .t a{
    background-image: url(t.jpg);
}
ul#navigation .y a      {
    background-image: url(y.jpg);
}
ul#navigation .p a      {
    background-image: url(p.jpg);
}
ul#navigation .o a      {
    background-image: url(o.jpg);
}
ul#navigation .drei a   {
    background-image: url(drei.jpg);
}
ul#navigation .logo_typo3 a     {
    background-image: url(logo_typo3.jpg);
}
ul#navigation .contact a    {
    background-image: url(../images/mail.png);
}



/*--------------------- Slider TYPO3 Pakete ----------------------*/

.sm {
  list-style:none; 
  width:420px; 
  height:230px;
  margin:0px;
  padding:0px;
  display:block;
  overflow:hidden;
}

.sm li {
  float:left; 
  display:inline; 
  margin:0px;
  padding:0px;
overflow:hidden;
}

.pointer {
	cursor:pointer;
	position:absolute; 
	top:0px; 
	left:0px; 
	width:21px; 
	height:90px;
}



.typo3_loesungen {
	background-image: url(typo3_loesungen.jpg);
	background-position:top left;
	background-repeat: no-repeat;
}

.typo3_web_start_paket {
	background-image: url(typo3_web_start_paket.jpg);
	background-position:top left;
	background-repeat: no-repeat;
}

.typo3_web_basic_paket {
	background-image: url(typo3_web_basic_paket.jpg);
	background-position:top left;
	background-repeat: no-repeat;
}

.typo3_web_komfort_paket {
	background-image: url(typo3_web_komfort_paket.jpg);
	background-position:top left;
	background-repeat: no-repeat;
}
.typo3_web_premium_paket {
	background-image: url(typo3_web_premium_paket.jpg);
	background-position:top left;
	background-repeat: no-repeat;
}
.typo3_hosting {
	background-image: url(typo3_hosting.jpg);
	background-position:top left;
	background-repeat: no-repeat;
}
.typo3_schulungen {
	background-image: url(typo3_schulungen.jpg);
	background-position:top left;
	background-repeat: no-repeat;
}


#sliderheader{
position:relative;
z-index:12;
top:20px;
left:15px;
width:430px;
overflow:hidden;
}
#sliderheaderpakete{
position:relative;
z-index:12;
left:52px;
top:10px;
width:450px;
height:120px;
}
.slidertextbild{
line-height:1.1em;
padding-top:5px;
padding-left:90px; 
padding-right:10px; 
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000;
	}
.slidertext{
line-height:1.1em;
padding-top:5px;
padding-left:39px; 
padding-right:10px; 
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
	}


/*--------------------- SEO SITEMAP ----------------------*/

.tx-flseositemap-pi1 li a{
 color:#043883;
}
.tx-flseositemap-pi1 li {
 margin-left:10px;
 padding-bottom: 5px;
 padding-left: 15px;
 background-image:url(punkt.gif);
 background-repeat:no-repeat;
 list-style-type: none;
 color:#000;
 font-size: 0.75em;
}
.tx-flseositemap-pi1 li ul{
 padding-top: 5px;

}
.tx-flseositemap-pi1 li ul li{
 margin-left:10px;
 padding-bottom: 5px;
 padding-left: 15px;
 background-image:url(punkt.gif);
 background-repeat:no-repeat;
 list-style-type: none;
 color:#000;
 font-size: 1em;
}
.tx-loginboxmacmade-pi1-labelCell{background-color:#fff;}


/*--------------------- NEWSLETTER ABONNIEREN ----------------------*/
.newslabel{
 color:#000;
 font-size:0.75em;
 letter-spacing:0.1em;
 font-weight:bold;
 padding-top:6px;
 padding-right:4px;
 text-decoration: none;
 text-align:left;	
 float:left;
 width:50px;
 }
 
.newsinput{
 padding-top:2px;
 float:left;
 }
 .newstextfehler{
 	font-size:11px;
 	color:#b5152b;
	}	
/*--------------------- NEWS SYSTEM ----------------------*/
.news-list-morelink a{color:#c16d11;}

.news-single-backlink{
 font-size:0.75em;
 letter-spacing:0.1em;
 font-weight:bold;
	}


/*--------------------- Indexed Search ----------------------*/

.indexed-header {background-color:#b8cae7; width:633px;border-top:2px solid #fff;padding-left:10px;}
.tx-indexedsearch-descr {background-color:#c7d2e4; width:623px;padding:10px;}
.suchfeld{font-size:0.75em;letter-spacing:0.1em;width:623px;background-color:#b8cae7;border-bottom:2px solid #fff;padding:10px;}
.browsebox {background-color:#5f7da9; width:633px;padding-left:10px;}
.browsebox li {font-size:0.8em;}
.browsebox li a{color:#fff;}


.produkt_lefto{position:relative;left:21px;float:left;background-image:url(s1.jpg);background-repeat:no-repeat;width:295px;height:54px;}
.produkt_righto{position:relative;left:48px;float:left;background-image:url(m1.jpg);background-repeat:no-repeat;width:295px;height:54px;}
.produkt_leftuo{position:relative;left:21px;float:left;background-image:url(l1.jpg);background-repeat:no-repeat;width:295px;height:55px;margin-top:45px;}
.produkt_rightuo{position:relative;left:48px;float:left;background-image:url(xl1.jpg);background-repeat:no-repeat;width:295px;height:55px;margin-top:45px;}

* html .produkt_lefto{position:relative;left:41px;float:left;background-image:url(s1.jpg);background-repeat:no-repeat;width:295px;height:54px;}
* html .produkt_righto{position:relative;left:68px;float:left;background-image:url(m1.jpg);background-repeat:no-repeat;width:295px;height:54px;}
* html .produkt_leftuo{position:relative;left:41px;float:left;background-image:url(l1.jpg);background-repeat:no-repeat;width:295px;height:55px;margin-top:45px;}
* html .produkt_rightuo{position:relative;left:68px;float:left;background-image:url(xl1.jpg);background-repeat:no-repeat;width:295px;height:55px;margin-top:45px;}


.produkt_left{position:relative;float:left;width:295px;height:350px;margin-right:25px;margin-left:20px;border-left:1px solid #bb1f2d;border-right:1px solid #bb1f2d;border-bottom:10px solid #bb1f2d;background-color:#fff;}
.produkt_right{position:relative;float:left;width:295px;height:350px;border-left:1px solid #e3871a;border-right:1px solid #e3871a;border-bottom:10px solid #e3871a;background-color:#fff;}
.produkt_leftu{position:relative;float:left;width:295px;height:350px;margin-right:25px;margin-bottom:25px;margin-left:20px;border-left:1px solid #1a6db1;border-right:1px solid #1a6db1;border-bottom:10px solid #1a6db1;background-color:#fff;}
.produkt_rightu{position:relative;float:left;width:295px;height:350px;border-left:1px solid #0e1d48;border-right:1px solid #0e1d48;margin-bottom:25px;border-bottom:10px solid #0e1d48;background-color:#fff;}

* html .produkt_left{float:left;width:285px;height:350px;border-left:1px solid #bb1f2d;border-right:1px solid #bb1f2d;border-bottom:10px solid #bb1f2d;background-color:#fff;}
* html .produkt_right{float:left;width:285px;height:350px;border-left:1px solid #e3871a;border-right:1px solid #e3871a;border-bottom:10px solid #e3871a;background-color:#fff;}
* html .produkt_leftu{float:left;width:285px;height:350px;margin-right:25px;margin-bottom:25px;margin-left:20px;border-left:1px solid #1a6db1;border-right:1px solid #1a6db1;border-bottom:10px solid #1a6db1;background-color:#fff;}
* html .produkt_rightu{float:left;width:285px;height:350px;border-left:1px solid #0e1d48;border-right:1px solid #0e1d48;margin-bottom:25px;border-bottom:10px solid #0e1d48;background-color:#fff;}

	
.produkt_left h2{position:relative;left:-10px;padding-left:10px;background-image:url(s.jpg);background-repeat:no-repeat;width:285px;height:37px;color:#fff;}
.produkt_right h2{position:relative;left:-10px;padding-left:10px;background-image:url(m.jpg);background-repeat:no-repeat;width:285px;height:37px;color:#fff;}
.produkt_leftu h2{position:relative;left:-10px;padding-left:10px;background-image:url(l.jpg);background-repeat:no-repeat;width:285px;height:37px;color:#fff;}
.produkt_rightu h2{position:relative;left:-10px;padding-left:10px;background-image:url(xl.jpg);background-repeat:no-repeat;width:285px;height:37px;color:#fff;}

* html .produkt_left h2{position:relative;left:0px;background-image:url(s.jpg);background-repeat:no-repeat;width:295px;height:37px;color:#fff;}
* html .produkt_right h2{position:relative;left:0px;background-image:url(m.jpg);background-repeat:no-repeat;width:295px;height:37px;color:#fff;}
* html .produkt_leftu h2{position:relative;left:0px;background-image:url(l.jpg);background-repeat:no-repeat;width:295px;height:37px;color:#fff;}
* html .produkt_rightu h2{position:relative;left:0px;background-image:url(xl.jpg);background-repeat:no-repeat;width:295px;height:37px;color:#fff;}

.produkt_left a{padding-top:3px;padding-right:10px;padding-left:10px;background-color:#bb1f2d;color:#fff;position:absolute;bottom:0;left:0px;width:130px;}
.produkt_right a{padding-top:3px;padding-right:10px;padding-left:10px;background-color:#e3871a;color:#fff;position:absolute;bottom:0;left:0px;width:130px;}
.produkt_leftu a{padding-top:3px;padding-right:10px;padding-left:10px;background-color:#1a6db1;color:#fff;position:absolute;bottom:0;left:0px;width:130px;}
.produkt_rightu a{padding-top:3px;padding-right:10px;padding-left:10px;background-color:#0e1d48;color:#fff;position:absolute;bottom:0;left:0px;width:130px;}

.produkt_left a.internal-link-new-window{padding-top:3px;padding-right:10px;padding-left:10px;background-color:#fa8893;color:#000;position:absolute;bottom:0;left:145px;width:130px;}
.produkt_right a.internal-link-new-window{padding-top:3px;padding-right:12px;padding-left:10px;background-color:#eac08d;color:#000;position:absolute;bottom:0;left:143px;width:130px;}
.produkt_leftu a.internal-link-new-window{padding-top:3px;padding-right:10px;padding-left:10px;background-color:#9ec3e1;color:#000;position:absolute;bottom:0;left:145px;width:130px;}
.produkt_rightu a.internal-link-new-window{padding-top:3px;padding-right:10px;padding-left:10px;background-color:#7a89b4;color:#000;position:absolute;bottom:0;left:145px;width:130px;}



* html .angebote_content{padding-left:20px;padding-right:20px;}
.angebote_content{padding-left:20px;padding-right:20px;}
.txtprod{padding-left:10px;padding-right:10px;}
* html .txtprod{padding-left:0px;padding-right:0px;}