/* CSS Document */

* {
  margin:0;
  padding:0;
}

body {
  height:101%;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    display: block;
}

#col11_content div.csc-textpic-clear {
	clear:none;
	display: block;
	width: 100%;
}

#col12 div.csc-textpic-clear {
	clear:none;
	width: 100%;	
	display: block;
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	clear:none;
	float:left;
	display: block;
}



ul, ol, dl { margin: 0 0 1em 1em; }
li { margin-left: 1.5em; line-height: 20px; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 0.8em; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
fieldset, img { border:0 solid; margin:0px}

body{	
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; 
	color:#555555; 
	font-size: 100.01%;
	padding:0px;
	/*background: #f6f6f6 url('images/margin_right.png') no-repeat right 7px;*/
	background:#F6F6F6 url(images/backgroundgrafik_eckpunkt.gif);
}

#page{font-size:12px; color:#555;background: url('images/margin_right_7.gif') no-repeat right top;}
#margin-left{float:left; width:39px; overflow:hidden;}
#main{margin:0 auto; background:url('images/main_bg.gif'); width:946px;overflow: hidden;}
#margin-right{float:right; width:24px; }

#div1{ float:left; height:193px;}
#agb{clear:both;float:left;  height:210px;}
#impressum{clear:both;float:left;  height:181px; background-image:url(fileadmin/template/images/impressum.gif)}
#impressum a:hover{background-image:url(fileadmin/template/images/impressum_over.gif)}

#main_in{ margin:0px 20px 0px 20px; background-color:#f6f6f6;height:100%; position: relative;}
#topnavi{ border-bottom:1px dotted #555; height:51px;}
p{line-height:20px;}

a {
	color:#555555;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color: #E2001A;
}

/*.csc-textpic-text a.internal-link,.csc-textpic-text p a, p.bodytext a, .naviSub li a, #andere_ref ul li a, #submenuBranche .sf-menu  li a, #submenuBranche .sf-menu li:hover ul li a, #submenuBranche .sf-menu li.sfHover ul li a  {*/
.csc-textpic-text a.internal-link,.csc-textpic-text p a, p.bodytext a, .naviSub li a, #andere_ref ul li a, #submenuBranche .sf-menu  li a {
	background-image:url('images/pfeil_in.gif');
	background-repeat:no-repeat;
	background-position: -4px 0;
	color:#555555;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
}

#submenuBranche .sf-menu li a {
	background-position:-3px 7px;
	margin-left: 10px;
	height: 19px;
	overflow: hidden;
}

#submenuBranche .sf-menu li ul li a {
	background-position: -3px 2px;
	margin-left: 0px;
}

/*.csc-textpic-text a.internal-link:hover,.csc-textpic-text p a:hover, p.bodytext a:hover, .naviSub li a:hover, #andere_ref ul li a:hover, #submenuBranche .sf-menu li a:hover, li.selected a, #submenuBranche .sf-menu li:hover a, #submenuBranche .sf-menu li.sfHover a {*/
.csc-textpic-text a.internal-link:hover,.csc-textpic-text p a:hover, p.bodytext a:hover, .naviSub li a:hover, #andere_ref ul li a:hover, #submenuBranche .sf-menu li a:hover, li.selected a {
	color: #E2001A;
	background-image:url('images/pfeil_aktiv.gif');
	background-repeat:no-repeat;
	background-position: -3px 0;
}

#submenuBranche .sf-menu li a:hover {
	background-position:-3px 7px;
	margin-left: 10px;
}

#submenuBranche .sf-menu li ul li a:hover {
	background-position: -3px 3px;
	margin-left: 0px;
}

#slider_nav li a {
	background-image: none;
	padding-left: 0;
}

#col1{ width:670px; float:left;   }
#col1_content{padding:20px 9px 0px 10px;border-bottom:20px solid #F6F6F6; background-color:#fff;}
#col2{width:235px;float:right; background-color:#f6f6f6; height:100%}

#col2_content{padding:20px 10px 0px 10px;  background-color:#f6f6f6;  height:100%}
#col2_content p{padding: 0px 5px; }
#col2_content h3{padding-left: 5px; }
#col2_content img.right{border:1px dotted #ccc; padding:2px; background-color:#fff; }
#col2_content h4{clear:both; display:block; background-color:#e2001a; color:#fff; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; padding:5px 10px; margin:0 0 10px;}
#col2_content h5{color:#555; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; margin:10px 0px; padding-left:10px; border:0px}
#header{clear:both;margin-bottom:15px; width:650px;height:50px;}
#logo {width:196px; float:left; height:51px;}
#logo a{ background-image:url(images/logo1.gif)}
#logo a:hover{ background-image:url(images/logo1_over.gif)}

#logo a img {
	display:none;
}
#logo a {
	background: url('images/logo.gif') no-repeat 0 0;
	height: 51px;
	width: 196px;
	display:block;
}

#logo a:hover {
	background: url('images/logo.gif') no-repeat 0px -51px;
	height: 51px;
	width: 196px;
	display:block;
}




#menu{float:right; width:430px; border-bottom:1px dotted #555; height:51px; background-image:url(images/menu_bg.gif); background-repeat:no-repeat}
#header_bild{clear:both;}
#footer{clear:both; background-image:url(images/footer_bg.gif); width:946px; height:35px; border-bottom: 6px #f6f6f6 solid}
#footer_text{margin:12px  0px 0px 40px; width:300px; font-size:10px; padding-top:10px;}
*html #footer_text, *+html #footer_text{margin:12px  0px 0px 40px;padding-top:0px;}
#main_content{margin:20px 0px;}

#mainmenu{ float:left; width:280px;margin-top:15px; width:330px;}
#mainmenu ul {list-style-type:none; }
#mainmenu a{font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; color:#555555; background-repeat:no-repeat; font-weight:bold; text-decoration:none; background-image:url(images/pfeil_in.gif);  padding-left:13px; padding-right:15px;  }
#mainmenu a:active{ color:#e2001a; background-image:url(images/pfeil_aktiv.gif); }
#mainmenu a:hover{ color:#e2001a; background-image:url(images/pfeil_aktiv.gif);}
#mainmenu a.active{color:#e2001a; background-image:url(images/pfeil_aktiv.gif);}

#sitemap{margin-left:345px; padding-top:15px; }
#sitemap a{font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; color:#555555; background-repeat:no-repeat; font-weight:bold; text-decoration:none; background-image:url(images/pfeil_in.gif);  padding-left:13px; padding-right:15px; }
#sitemap a:active{ color:#e2001a; background-image:url(images/pfeil_aktiv.gif);   }
#sitemap a:hover{ color:#e2001a; background-image:url(images/pfeil_aktiv.gif);}
#sitemap a.active{color:#e2001a; background-image:url(images/pfeil_aktiv.gif);}

#col11{width:200px; float:left}
#col11_content{padding:0px;}
#col11_content h1{color:#555; border-bottom:1px dotted #ccc;}

#col12{width:425px; margin-left:220px; display:block;}
#col12_content{padding-left:0px;display:block; }
#col12 ul {margin:0px; padding:0px; border-bottom:1px dotted #ccc;}
#col12 ul{padding-left:10px;}
#col12 ul ul {padding-left:0px}
#col12 ul li{list-style-image:url(images/pfeil.gif); margin:0px; padding:0px}
#col12 ul li a{color:#555; }


#submenu { border-bottom:1px dotted #ccc; margin-bottom:20px;}
#submenu ul{ list-style-type:none; margin:0px;}
#submenu ul li{background-image:url(images/button.gif); background-repeat:no-repeat; width:215px; height:30px; margin:0px; padding:0px}
#submenu ul li a{color:#555555; display:block; width:200px; height:30px; padding:5px 5px 5px 10px; font-weight:bold}
#submenu ul li ul li{background-image:url(images/button.gif);background-repeat:no-repeat; width:215px; height:30px; margin:0px; padding:0px}
#submenu ul li ul li a{color:#555555; width:185px; height:30px; margin:0px 5px 0px 10px; background-image:url(images/pfeil_in_li.gif);  background-repeat:no-repeat;}
#submenu ul li ul li a:hover, #unternavigation ul li ul li a:active{color:#e2001a; background-image:url(images/pfeil_aktiv_li.gif);  background-repeat:no-repeat;}
#spalte_rechts{clear:both; padding-top:12px;}

#sprachen{float:left; border-top:1px dotted #ccc; padding-top:15px; }
#sprachen ul {list-style-type:none; }
#sprachen a{ font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; color:#555555; font-weight:bold; text-decoration:none; background-image:url(images/pfeil_in_a.gif); background-repeat:no-repeat; padding-left:15px; padding-right:5px;}
#sprachen a:active{color:#e2001a; background-image:url(images/pfeil_aktiv_1.gif);  }
#sprachen a:hover{ color:#e2001a;background-image:url(images/pfeil_aktiv_1.gif);}
#sprachen a.active{ color:#e2001a;background-image:url(images/pfeil_aktiv_1.gif);}
#druck{float:right; border-top:1px dotted #555; width:50px; text-align:center; padding-top:15px; }

h1{font-size:18px; color:#e2001a; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;line-height: 22px;}
h2{font-size:18px; color:#555555; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;line-height: 22px;}
h3{font-size:12px; color:#e2001a; padding-bottom:8px; padding-top:8px}
#spalte_rechts h4{font-size:12px; color:#ffffff; display:block:200px; background-color:#e2001a;font-size:12px}
h5{font-size:12px; color:#e2001a; padding-bottom:8px; padding-top:8px; border-bottom:1px solid #ccc;}
h6{font-size:12px; color:#e2001a; padding-bottom:8px; padding-top:8px; border-bottom:1px solid #ccc;}

#col11_content h3{font-size:12px; color:#e2001a; padding-bottom:0px; padding-top:0px; line-height:20px;}
#col11_content h4{font-size:18px; color:#e2001a; padding-bottom:10px;margin-bottom:10px; border-bottom:1px solid #ccc;}


#kunden_name{padding-bottom:10px; margin-bottom: 10px; border-bottom:1px dotted #ccc;}
#kunden_logo {margin-top: 20px; border-bottom:1px dotted #CCCCCC;
margin-bottom:10px;
padding-bottom:10px;}
#projekt_beschreibung {border-bottom:1px dotted #ccc;}
#projekt_beschreibung ul li{list-style-image:url(images/plus_pfeil.gif); margin-left:10px; padding-left:0px; }

#andere_ref{
	margin-top:10px
}
#andere_ref ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0;

}
#andere_ref ul li{
	/*list-style-image:url(images/pfeil_ref.gif);*/
	margin-left:5px;
	padding-left:0;
}



*+html #andere_ref ul li{ vertical-align:top}

.referenzbox{
	/*background:transparent url(images/test.gif) repeat scroll 0 0;*/
	float:left;
	height:217px;
	margin:0 0 2px 0;
	width:217px;
}
.referenzbox a {
	height:217px;
	width:217px;
	display: block;
}

.news-latest-container hr {border:0px; border-top:1px solid #cccccc; margin-top:5px}
.news-latest-container a, .news-latest-container a:hover, .news-latest-container a:active{color:#555}
.news-list-item a, .news-list-item a:hover, .news-list-item a:active{color:#555}
.news-single-item a, .news-single-item a:hover, .news-single-item a:active{color:#555}

#spalte11{width:216px; float:left; height:217px}
#spalte12{width:216px; float:left; height:217px}
#spalte13{width:216px; float:left; height:217px}
#spalte21{clear:both;width:216px; float:left; height:217px}
#spalte22{width:216px; float:left;height:217px}
#spalte23{width:216px; float:left; height:217px}
#spalte11, #spalte12 img, #spalte13 img, #spalte21 img, #spalte22 img, #spalte23 img {background-image:url(images/image_bg.gif); padding:8px;}

#impressum a img, #agb a img {
	display:none;
}
#impressum a, #agb a {
	background: url('images/impressum_link.gif') no-repeat 0 0;
	height: 181px;
	width: 39px;
	display:block;
}
#agb a {
	background: url('images/agb_link.gif') no-repeat 0 0;
	height: 215px;
	width: 39px;
	display:block;
}

#impressum a:hover {
	background: url('images/impressum_link.gif') no-repeat -39px 0px;
	width: 39px;
	display:block;
		height: 181px;
}

#agb a:hover {
	background: url('images/agb_link.gif') no-repeat -39px 0px;
	height: 215px;
	width: 39px;
	display:block;
}

.lecturio-pagebrowser {
	clear: both;
}
#slider_nav {
	border-bottom:1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 9px;
	width: 175px;
}
#slider_nav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 100%
}

#slider_nav li {
	float:left;
	margin: 0 15px 0 0;
}

#slider_nav li a {
	font-size: 16px;
	font-weight: bold;
	font-size:18px;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height: 22px;
}

.extratext {
	display: block;
	padding: 0px 5px;
}


a.nobg {
	background: url('');
}

ul.naviSub {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
}

.bghr {
	border-bottom:1px dotted #ccc;
	color:white;
	height:0;
	margin: 5px 0;
	overflow:hidden;
	padding:0;
	width:100%;
	dislay:block;
}
#col2_content p.bghr {
	padding:0;
}
ul.naviSub li{
	margin-left: 0;
}

#druck a img {
	display:none;
}
#druck a {
	background: url('images/drucken_link.png') no-repeat 15px 0;
	height: 14px;
	width: 50px;
	display:block;
}

#druck a:hover {
	background: url('images/drucken_link.png') no-repeat 15px -14px;
	height: 20px;
	width: 50px;
	display:block;
}

.scrollContainer div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px;
}

.referenzbox a:hover {
	 background-position: 0% -217px;
}