@import "csc.css";
@import "tables.css";
@import "menu.css";
@import "mailform.css";
@import "news.css";
@import "cols.css";

*{
	margin: 0;
	padding: 0;
}

#textbox .csc-textpic-intext-right .csc-textpic-imagewrap { 
float: right;
padding-right: 5px;
padding-top: 6px;
}

#textbox .csc-textpic-intext-left .csc-textpic-imagewrap { 
float: left;
padding-left: 5px;
padding-top: 6px;
height: inherit;
}

#textbox h1 { 
	text-align: left; 
	padding: 3px;
	background-color: #ffffff;
	padding-left: 5px;
	background-image: url(img/caption500.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color:#f7f7f7;
	margin-top: 15px;
	font-size: 11px;
	border: none !important;
	margin-bottom: 0;
}

.pcie {
color: #bb2222;
}

BODY { 
	width: 970px;
	background-color: #323232; 
	color: #5d5d5d; 
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;  
	text-align: center;
	display: block;
	background-image: url(img/background_2.png); 
	background-repeat: repeat-x;
	background-attachment: fixed;
	-word-spacing: -1;

}
/* Groblayout */


#mainbody {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;  
	text-align: center;
	display: block;
}
#header {
	height: 140px;
	width: 970px;
	display: block;
	float: left;
	background-color: #FFFFFF;
}
#logo {
	width: 218px;
	overflow: hidden;
	height: 140px; 
	float: left; 
	display: block;
	background-color: #FFFFFF;
	-background-image: url(img/logo_back.png); 
	-background-repeat: repeat-x;
        border: none;
}
#teaser {
	width: 752px;
	min-width: 752px;
	height: 112px;
	display: block;
	text-align: left;
	float:left;
	background-color: #FFFFFF;
	background-image: url(img/teaser.png);
	background-repeat: no-repeat;
}
#topmenu {
	height: 28px;
	/*width: 752px;*/
	width: 752px;
        border: none;
	display: block;
	float:left;
	background-color: #FFFFFF;
	background-image: url(img/line.gif); 
	background-repeat: repeat-x;
}

.language { 
	height: 28px;
	width: 94px;
	display: inline;
	float: right;
}



#maincontent { 
	background-color: #fff; 
	width: 970px; 
	-width: 968px;
	height: auto; 
	/*border: solid 1px white; 
	border-top: none; */
	display: block; 
	float: left; 
	background-image: url(img/skin.gif); 
	background-repeat: repeat-y;
}
#supercontent {
	width: 970px;
	height: auto;
}
#navi { 
	width: 216px;
	-width: 216px;
	overflow: hidden;
	height:auto;
	display: block;
	float: left;
	text-align: left;
	background-color: #efefef;
}

#heightadjust {width:1px; background-color: #FFFFFF; display: block; float: left; clear: both}
#contentwrap { 
	width: 565px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	color: black;
	text-align: left;
	overflow: hidden;
}
#rootline { width: 540px; height: 16px; font-size: 10px; display: block; float: left; padding: 5px 5px 0px 15px; }
#margin {
	width: 188px;
	height: auto;
	display: block;
	float: right;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}



a, a:hover {
	text-decoration: none;
}
img, img a {
	vertical-align: bottom;
	margin: 0px;
 	padding: 0px;
 	border: none;
}

.csc-textpic ul { 
	margin-bottom: 20px;
}

li {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5d5d5d;
}



/*********************************************/
/* Language-Menu muss noch eingegrenzt werden        */
/*********************************************/
FORM SELECT { 
	font-size: 11px;
	width: 150px;
	color: #5d5d5d;
	font-family: verdana, arial, helvetica, sans-serif;
}

.newsheader {
	font-size: 11px;
	line-height: 27px;
	width: 180px;
	-width: 185px;
	height: 27px;
	-height: 27px;
	display: block;
	float: right;
	padding-left: 5px;
	background-color: #008e94;
	background-image: url(img/news.png);
	background-repeat: none;
	padding-top: 0px;
	color: #f7f7f7;
	font-weight: bold;

}
#news_box {
	display: box;
	float: right;
	margin-top: 5px;
}
#latest_news { 
	text-align: left;
	margin-left: 0px;
	
}
#news-latest-item {
	background-color: #f0f0f0;
	width: 168px;
	-width:185px;
	padding: 8px 9px 8px 8px;
	margin-bottom: 6px;  
}
#news-latest-item_1 {
	background-color: #e0f2f3;
	width: 168px;
	-width:185px;
	padding: 8px 9px 8px 8px;
	margin-bottom: 6px;  
}
.newsDate {
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #008e94;
}
.newsDate a, .newsDate a:link, .newsdate a:hover { 
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #008e94;
}
.newsTitle, .newsTitle a:link { 
	font-size: 11px;
	color: #008e94;
	font-weight: bold;
}
.newsSub P.bodytext {
font-size: 10px;
margin: 4px 0 4px 0;
}

.newsMore a { 
color: #008e94;
background-image: url(img/blue_dot.gif);
background-repeat: no-repeat;
padding-left: 12px;
padding-top:2px;
}

#banner {
 margin-top: 5px;
 height: auto;
 width: 185px;
 overflow: hidden;
 margin-left: 3px;
 float: right;
 display:block;
 }

/*********************************************/
/* Content-Bereich                           */
/*********************************************/
a:link { color: #6a77ee; text-decoration: none; font-size: 11px;}
a:hover { color: #6a77ee; text-decoration: underline; font-size: 11px;}
a:visited{ color: #008e94; text-decoration: none; font-size: 11px;}
h1 a:link { color: #008e94; text-decoration: none; font-size: 11px;}
h1 a:hover { color: #008e94; text-decoration: underline; font-size: 11px;}
h1 a:visited { color: #008e94; text-decoration: none; font-size: 11px;}

#content-normal p, #content-right p{
	margin: 0px 0px 14px 0px;
	color: #5f5f5f;
	line-height: 14px;


}

#content-normal { 
	width: 540px;
	-width: 555px; 
	height: auto;
	display: block;
	float: left;
	padding: 5px 0px 15px 15px;
	-padding: 5px 0px 15px 15px;
	-overflow: hidden;
}
#content-normal img, #content-right img {
	margin-left: 0px;
}

#content-normal ul {
	list-style-type: none;
}	
#content-normal ul li {
	background-image: url(img/blue_dot.gif);
	background-repeat: no-repeat;
	line-height: 14px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 2px;
	-padding-top: 1px;
}
#content-normal22 ul li img {
	margin-top: -5px;
	padding-top: -5px
}

.csc-frame-frame1 {
border: 1px solid #cecece;
padding: 5px;
padding-bottom: 0px;
background-color: #ffffff;
background-image: url(img/teaserback.png);
background-repeat: y-repeat;
margin-bottom: 0px;
margin-top: 0px;
}
.csc-frame-frame1 img, .csc-frame-frame1 a img, .csc-frame-frame1 .csc-textpic-image { margin-bottom: 0px !important; padding-bottom: 0px !important;}
.csc-frame-frame2 {border: 1px solid #cecece; padding: 5px; background-color: #ffffff; border-top: none; background-image: url(img/teaserback.png); background-repeat: y-repeat;}

/*********************************************/
/* Texte                                     */
/*********************************************/
.bodytext {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #5d5d5d;
	font-weight: normal;
	}

p.infobox {
background-color: #efefef;
border: 1px dotted #5d5d5d;
color: #5d5d5d;
padding: 6px;
}
p.greenbox {
background-color: #008e94;
border: 1px dotted #efefef;
color: #1f9297;
padding: 6px;
}
/*********************************************/
/* Suche                                     */
/*********************************************/

#searchbox {
height: 85px;
}
#search {
	background-color: #d2d2d2;
	background-image: url(img/search_bg.gif); 
	background-repeat: no-repeat ; 
	width: 217px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	height: 27px;
	-height: 27px;
	clear: both;
	text-align: left;
}
#search .textbox {
	font-size: 10px;
	float: left;
	margin: 0px;
	padding: 1px;
	margin-top: 4px;
	margin-left: 10px;
	width: 115px;
	height: 14px;
	-height: 18px;
	border: 1px solid #ADB7BA;
}
#search .image {
	float: right;
	clear: none;
	padding: 0px;
	margin-right: 18px;
}

/*********************************************/
/* Login / Logout                            */
/*********************************************/
#login {
	width: 217px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	height: 58px;
	clear: both;
	background-image: url(img/bg_login.gif); 
	background-repeat: no-repeat;
	background-color: #d2d2d2;
}
#login .textbox  {
	font-size: 10px;
	float: left;
	margin: 0px;
	padding: 1px;
	margin-top: 6px;
	margin-left: 10px;
	width: 115px;
	height: 14px;
	-height: 18px;
	border: 1px solid #ADB7BA;
}
#login #user {
	margin-top: 8px;
	-margin-top: 8px;
}
#login .image {
	float: right;
	clear: none;
	padding: 0px;
	padding-top: 3px;
	margin-right: 15px;
	margin-top: -29px;
	-margin-top: -26px;
}

#logout {
	background-color: #d2d2d2;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	height: 61px;
	width: 197px;
	color: #001C40;

}
#logouttext {
	width: 133px;
	-width: 140px;
	text-align: left;
	float: left;
	margin-top: 12px;
	padding-left: 10px;
        color: #f7f7f7;
}
.username {
font-weight: bold;
margin-top: 11px;
}
.logout-image {
 	float: right;
 	padding-top: -2px;
 	margin-right: 15px;
}
.tx-newloginbox-pi1 h3{
background-color: white;
background-image: none;
color: #008e94;
font-size: 12px;
padding-left: 0;
}

/*********************************************/
/* Submenu                                   */
/*********************************************/
#submenu {
	width: 200px;
	color: #008e94;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	margin-left: 10px;
	margin-top: 10px;
	-margin-left: 4px;
	float: left;
	line-height: 18px;
}
#submenu a {
	color: #008e94;
	text-decoration: none;
}
#submenu a:hover {
	text-decoration: none;
	color: #5d5d5d;
}

/* Printlink */
#submenu .printlink {
	color: #008e94;
}
#submenu .printlink a {
	text-decoration: none;
}
#submenu .printlink a:hover {
	text-decoration: none;
}
#submenu .printlink img{
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;
}

/* Tip-a-friend */
#submenu .tip-a-friend {
	padding-right: 10px;
	color: #008e94;
}
#submenu .tip-a-friend img{
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}


/*********************************************/
/* Rootline                                  */
/*********************************************/
/*#rootline {
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	margin-left: 18px;
	margin-top: 14px;
	margin-bottom: 10px;
	margin-right: 30px;
}*/
#rootline a {
	color: #008e94;
	text-decoration: none;
}
#rootline a:hover{
	color: #5d5d5d;
	text-decoration: none;
}

/*********************************************/
/* Footer                                    */
/*********************************************/
#footermenu {
	text-align: left;
	padding-left: 239px; 
	width: 570px; 
	height: 15px; 
	display: block; 
	float: left;
	font-size: 10px;
	color: #008e94;	
	font-weight: normal;
	-width: 900px;
	padding-bottom: 6px;
}
#footermenu ul {
	list-style-type: none;
}
#footermenu ul li {
	margin-right: 2em;
	float: left;
}
#footermenu a {
	color: #008e94;
}
#footermenu a:hover {
	color: #3c3c3c;
}

#languagemenu {
	background-color: #f2f2f2;
	width: 200px;
	padding: 0;
	margin-top: 10px;
	font-size: 11px;
	height:auto;
	clear: both;
	text-align: left;
}

/*********************************************/
/* Header                                    */
/*********************************************/

h1 {
	font-size: 15px;
	font-weight: bold;
	color: #008e94;
	margin: 6px 0px 6px 0px;
}
h2 {
	font-size: 12px;
	color: #008e94;
	padding-bottom: 4px;
	margin: 6px 0px 6px 0px;
}
h3 { 
	text-align: left; 
	padding: 3px;
	background-color: #ffffff;
	padding-left: 5px;
	background-image: url(img/caption500.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color:#f7f7f7;
	margin-top: 15px;
	font-size: 11px;
}
h4 { 
	color: #008e94;
	font-size: 11px;
	border-bottom: 1px dotted #008e94;
	margin: 12px 0px 6px 0px;
	padding-bottom: 3px;
	}
h5 {
	color: #5d5d5d;
	font-size: 11px;
	margin: 12px 0px 6px 0px;
	padding-bottom: 0px;
	padding-left: 26px;
	height: 28px;
	line-height: 28px;
	background-image: url(img/info.png);
	background-repeat: no-repeat;
	}
h6 {}
.warnung {color: #e25300; font-weight: bold; font-size: 15px;}
.caption { 
	text-align: left; 
	padding: 3px;
	background-color: #ffffff;
	padding-left: 5px;
	background-image: url(img/caption500.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color:#f7f7f7;
	margin-top: 15px;
	}
.caption a:link, .caption a:hover, .caption a:visited {
 color: #f7f7f7 !important;
}
.header5050 { 
	text-align: left; 
	padding: 3px;
	background-color: #008e94;
	padding-left: 5px;
	background-image: url(img/caption50.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color:#f7f7f7;
	margin-top: 15px;
	font-size: 11px;
	line-height: 22px;
}
.header5050 a:link, .header5050 a:hover, .header5050 a:visited {
 color: #f7f7f7 !important;
}

h1.csc-firstHeader {font-size: 15px; color: #008e94; font-weight: bold; margin-bottom:0;}
.csc-subheader {font-size: 12px; color: #5d5d5d; font-weight: bold; margin-top: 4px; margin-bottom: 0px; padding-bottom: 0px;}

/* Case Study */
.question{ font-size: 11px; font-style: italic; font-weight: bold;}
.answer { font-size: 11px; text-align: justify ; color:#5d5d5d}
.answer IMG { margin: 5px 0 5px 0; padding: 0; }


.filelinks {
background-color: #e6e6e6;
border: 1px solid white;
border-left: 0px !important;
color: #5d5d5d;
}
.filelinks_layout_1 .pdf {
background-image: url(fileicons/pdf.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
padding-left: 25px;
line-height: 20px;
}

.filelinks IMG { margin: 3px;}

.filelinks .filecount {
display: none;
}
.filelinks .even{
background-color: #eff0f1;
border: 1px solid white;
padding-top: 1px;
padding-bottom: 1px;
margin: 1px;
}
.filelinks .odd{
background-color: #f6f7f8;
border: 1px solid white;
padding-top: 1px;
padding-bottom: 1px;
margin: 1px;
}

#infoline {
	width: 205px;
	height: 380x;
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	-margin-left: 4px;
	background-image: url(img/infoline.png);
	background-repeat: no-repeat;
	line-height: 13px !important;
	padding: 10px 0 0 7px;
}
#map24{
	width: 205px;
	height: auto;
	float: left;
	margin-left: 0px;
	-margin-left: 1px;
	margin-top: 10px;
	padding: 10px 0 0 7px;
font-family: Verdana, Arial, Helvetica !important;
}

#map24 .map24_input, #map24 .map24_list, #map24 .map24_text {
font-family: Verdana, Arial, Helvetica !important;
font-size: 10px;
}
.map24_input {
height: 15px;
margin: 0 0 3px 0;
padding-left: 3px;

}
#map24 .map24_list_europa {
background-color: #FFFFFF; 
border: solid 1px #bebebe !important;
color: #0D3D6A;
width: 183px;
-width: 181px;
font-size: 10px !important;
}

#map24 .map24_cell input {
font-family: Verdana, Arial, Helvetica !important;
font-size: 10px;
color: #0D3D6A;
border: solid 1px #bebebe;
height: 12px;
-height: 18px;
line-height: 14px;
-line-height: 12px;
padding-left: 2px;
padding-top: 2px;
-padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 3px;
}

.map24_input_strasse {
width: 179px;
-width: 181px;
}
.map24_input_plz {
width: 38px;
}
.map24_input_ort {
width: 133px;
-width: 137px;
}

#map24 select optgroup option{
color: red;
font-size: 10px;
font-family: Verdana, Arial, Helvetica !important;
color: #0D3D6A;
text-align: left;
padding: 0 !important;
margin: 0 !important;
}

#map24 .map24_list_europe select{
-border: 1px solid red;
}
#map24 select optgroup {
color: #ff7021;
font-size: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica !important;
}

#map24 .blockborder {
	background-image: url(img/map24_bg.png);
	background-repeat: no-repeat;
	width: 204px;
	border-color : #cecece;
}