/*
-----------------------------------------------------
FileName:    cw.css
Version:     06_02_14
-----------------------------------------------------
*/

/* Farben:
"Weiss" - #
Beige - #
Rot - #
*/



/* modifizierte Basistags*/

body, td  {
	color: #404040;
	background-color: #F5F4F2;
}

table, td, tr, p, img {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 11px;
	line-height : 20px;
}

body {
	margin:0;
	padding:0;
	background-image: url(../global/image/cw_back.gif);
  }

strong {
font-weight: bolder;
}

a, a:link, a:visited {
	text-decoration:none;
	color: #333333;
	outline: none;
}
a:hover {

	color: #FBAE61;
}


a.link_dotted, a.link_dotted:link, a.link_dotted:visited {
	border-bottom:1px dotted #808080;
	text-decoration:none;
	color: #333333;
}
a.link_dotted:hover {
	border-bottom:1px dotted #FCB340;
	color: #FBAE61;
}


img     { 
 	border: 0; 
	outline:none;
}

/* navigationtd */


   .td_navigation_li{
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404040;
	vertical-align: top;
	background-image:  url(../global/image/lin_cont_li_15.gif);
	background-repeat: repeat-y;
}
  .td_navigation_re{
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404040;
	vertical-align: top;
}


   .tdcontent_txt_slogan{
	padding-left : 15px;
	padding-right: 5px;
}
   .tdcontent_txt_li{
	padding-left : 15px;
	padding-right: 10px;
	vertical-align: top;
}

   .tdcontent_txt_li_empty{
	padding-left : 15px;
	padding-right: 10px;
	vertical-align: top;
	background-image:  url(../global/image/lin_cont_li_15.gif);
	background-repeat: repeat-y;
}


.td_space_10{
	height:10px;
}

.td_space_20{
	height:20px;
}

.td_space_180{
	height:180px;
}


   .tdcontent_txt_re{
	padding-left : 15px;
	padding-right: 15px;
	vertical-align: top;
	width: auto;
}




/* Textformate */

  .txt_slogan {
	font-size:18px;
	font-weight: lighter;
	color: #808080;
	line-height: 25px;
}


.txt_liste_inside {
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../global/image/lin_cont_re_16.gif);
}
.txt_liste_outside {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../global/image/lin_cont_re_16.gif);
}

.colortext{
	color : #FCB340;
}
.colortext_invisable{
	color : #F5F3F2;
}


  .bildunterschriftheadline{
  font-weight : bold;
  font-style : italic;
  line-height : 16px;
}
  .bildunterschrifttext{
  font-style : italic;
  line-height : 16px;
}

.tiefergestellt{
	vertical-align: sub;
}



/* Bereiche */



   #bereichlogo {
	position: absolute;
	left: 10%;
	top: 25px;
	z-index: 101;
	right: 90%;
	width: 805px;
 }


  #bereichheadback {
	position: absolute;
	left: 10%;
	top: 0px;
	width: 805px;
	height: 270px;
	right: 90%;
  }


   #bereichnavicon_01 {
	position: absolute;
	left: 10%;
	top: 280px;
	width: 805px;
	right: 90%;
	z-index: 11;
  }

  #bereichcontent {
	position: absolute;
	left: 10%;
	top: 370px;
	width: 805px;
	right: 90%;
  }


  #bereichstartpage {
	position: absolute;
	left: 10%;
	top: 270px;
	width: 805px;
	height: 360px;
	right: 90%;
  }

  
  #bereichflash {
  	background-color:#000000;
	position: absolute;
	left: 0px;
	top: 0px;
  }  
  
  #flashBG {
  	background-color:#000000;
  }
  
  


/* Linkformate */

 a.navi01:link,  a.navi01:visited {
	border-bottom:0px;
	font-size: 10px;
	color: #404040;
	text-decoration: none;
}
 a.navi01:hover {
	border-bottom:0px;
	font-size: 10px;
	color: #f0970e;
	text-decoration: none;
}
 a.navi01:avtive {
	border-bottom:0px;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
color : #FCB340;
}


 a.navi01active:link,  a.navi01active:visited {
	border-bottom:0px;
	font-size: 10px;
	color : #f0970e;
	text-decoration: none;
}
 a.navi01active:hover {
	border-bottom:0px;
	text-decoration: none;
}
 a.navi01active:avtive {
	border-bottom:0px;
   	font-weight : bold;
	color : #FCB340;
}



a.textlink:link, a.textlink:visited {
	font-weight: normal;
	text-decoration: underline;
}
a.textlink:hover {
	font-style: italic;
	color: #fcb340;
}



/* Button*/

.button{
font-family: "Georgia",  "Times New Roman", serif;
font-size:11px;
color: #333333;
height: 20px;
width: 100px;
background-color: #DFDDD6;
border-top: 1px solid #6B695D;
border-right: 1px solid #6B695D;
border-bottom: 1px solid #6B695D;
border-left: 1px solid #6B695D;
}
.button:focus {
color:  #FE6700;
background-color: #DFDDD6;
border-top: 1px solid #6B695D;
border-right: 1px solid #6B695D;
border-bottom: 1px solid #6B695D;
border-left: 1px solid #6B695D;
}


/* Eingabefeld*/

.textfield	{
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size:11px;
color: #333333;
height: 18px;
width: 240px;
background-color: #FDFCFA;
border-top: 1px solid #848483;
border-right: 1px solid #848483;
border-bottom: 1px solid #848483;
border-left: 1px solid #848483;
 padding-left : 3px;
 padding-right : 3px;
}

.textfield:focus {
color: #000000;
background-color: #FFFFFF;
border-top: 1px solid  #000000;
border-right: 1px solid  #000000;
border-bottom: 1px solid  #000000;
border-left: 1px solid #000000;
}


/* Textfeld*/

.textarea{
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size:11px;
color: #333333;
height: 150px;
width: 240px;
background-color: #FDFCFA;
border-top: 1px solid #848483;
border-right: 1px solid #848483;
border-bottom: 1px solid #848483;
border-left: 1px solid #848483;
 padding-left : 3px;
 padding-right : 3px;
}

.textarea:focus {
color: #000000;
background-color: #FFFFFF;
border-top: 1px solid  #000000;
border-right: 1px solid  #000000;
border-bottom: 1px solid  #000000;
border-left: 1px solid #000000;
}

.vcard .header {width: 55px; float: left; }
.vcard .org {font-weight: bold;}
.vcard .adr {font-weight: bold;}

ul.nobullets {
	margin: 0;
	padding: 0;
}

ul.nobullets li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.collaboration h2 {
	margin-top: 45px;
}

.collaboration h4 {
	margin-bottom: 11px;
}

.section {
	margin-bottom: 46px;
}

.lastSection {
	margin-bottom: 30px;
}

.graphics_right {
  float:right;
  margin-left: 20px;
}

.graphics_left {
  float:left;
  margin-right: 20px;
}


p.indent_left_150 {
  padding-left: 150px;
}

p.indent_right_70 {
  padding-right: 70px;
}



ul.special_nav{
	font-size: 8pt;
	list-style: none;
	padding: 0px;
	margin: 0px;
}


ul.special_nav li#sol0201 a{
       background-image: url(../../solutions/images/mswp_01.png);
       background-repeat: no-repeat;
       background-position: 0px 0;
       display: block;
       cursor: pointer;
       height: 293px;
       width: 550px;
       margin-top: 20px;
       margin-bottom: 25px;
}

ul.special_nav li#sol0201 a:hover{     
       background-image: url(../../solutions/images/mswp_01.png);
       background-repeat: no-repeat;
       background-position: -550px 0;
       display: block;
       cursor: pointer;
       height: 293px;
       width: 550px;
}


ul.special_nav li#sol0202 a{
       background-image: url(../../solutions/images/mswp_02.png);
       background-repeat: no-repeat;
       background-position: 0px 0;
       display: block;
       cursor: pointer;
       height: 207px;
       width: 550px;
       margin-top: 20px;
       margin-bottom: 25px;
}

ul.special_nav li#sol0202 a:hover{     
       background-image: url(../../solutions/images/mswp_02.png);
       background-repeat: no-repeat;
       background-position: -550px 0;
       display: block;
       cursor: pointer;
       height: 207px;
       width: 550px;
}


ul.special_nav li#sol0301 a{
       background-image: url(../../solutions/images/cms/cms_preview.png);
       background-repeat: no-repeat;
       background-position: 0px 0;
       display: block;
       cursor: pointer;
       height: 284px;
       width: 402px;
       margin: 20px auto 25px auto;
}

ul.special_nav li#sol0301 a:hover{     
       background-image: url(../../solutions/images/cms/cms_preview.png);
       background-repeat: no-repeat;
       background-position: -402px 0;
       display: block;
       cursor: pointer;
       height: 284px;
       width: 402px;
}


ul.special_nav li#sol0302 a{
       background-image: url(../../solutions/images/cms/mcw_preview.png);
       background-repeat: no-repeat;
       background-position: 0px 0;
       display: block;
       cursor: pointer;
       height: 263px;
       width: 402px;
       margin: 20px auto 25px auto;
}

ul.special_nav li#sol0302 a:hover{     
       background-image: url(../../solutions/images/cms/mcw_preview.png);
       background-repeat: no-repeat;
       background-position: -402px 0;
       display: block;
       cursor: pointer;
       height: 263px;
       width: 402px;
}