/**************************************************************
  Layout Columns 3-Spalten
 **************************************************************/



#leftWrap { width: 200px; float: left;  padding: 0px;}
#centerWrap { width: 380px; float: left;}
#rightWrap { width: 200px; float: left;}


#leftContent, #centerContent, #rightContent { padding: 0px 10px;}

#rightContent p {margin-top: -10px; padding: 0px;}



/*********************
   NAVI LINKS

 ********************/
#leftnavi {  }
#leftmenu ul { 
	font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 9px; 
	background-color: transparent; 
	
	word-spacing: -2px; 
	letter-spacing: 2px; 
	margin: 0 0 0px; 
	padding: 0; 
	left: 1px; 
	width: auto; 
	}
	
#leftmenu ul li { background-color: transparent; list-style-type: none; margin: 0; padding: 0; }

#leftmenu ul li a { 
	color: #009aaf; 
	background-color: white; 
	text-transform: uppercase; 
	text-decoration: none; 
	text-align: left; 
	width: 240px; 
	padding-top: 5px; 
	padding-bottom: 4px; 
	display: block; 
	margin: 0; 
	border-color: #7bf6f4; 
	border-style: dashed; border-width: 0 0 1px; 
	}
	
#leftmenu ul li a:hover { color: #16d7d4; background-color: white; }

ul#leftsub {  }
ul#leftsub li {}
ul#leftsub li a, ul#leftsub li a:link { 
	color: #27b2c4; 
	background-color: white; 
	background-image: url(../img/icons/ico_sub.gif); 
	background-repeat: no-repeat; 
	width: 220px;  
	padding-top: 5px; 
	padding-bottom: 4px; 
	padding-left: 14px; 
	 }
ul#leftsub li a:hover { color: #009aaf; background-color: white; }


ul#leftsub2 li a, ul#leftsub2 li a:link { 
	width: 210px; 
	padding-left: 20px; 
	background-image: none; 
	text-transform: none;
	}
ul#leftsub2 li a:hover { color: #009aaf;  }


ul#leftsub3 li a, ul#leftsub2 li a:link { 
	width: 200px; 
	padding-left: 30px; 
	text-transform: none; 
	}

ul#leftsub3 li a:hover { color: #009aaf; background-color: white; }

ul#leftsub4 li a, ul#leftsub4 li a:link { 
	width: 180px; 
	padding-left: 50px; 
	text-transform: none; 
	}


.csc-textpic-image {border: none; margin: 0px, padding: 0px;}

.invisible {display: none;}
body { background-image: url(../img/icons/bg_body.gif); text-align: center; }
#container_page { background-color: transparent; width: 790px; top: 10px; position: relative; height: inherit; margin-right: auto; margin-left: auto; padding-bottom: 20px; }
#head { background-color: #fff; width: 780px; height: 320px; padding: 9px 10px 0; }
/*********************

   MAIN NAVI

 ********************/
#nav_container { background-color: transparent; position: relative; top: 0; left: 0; width: 782px; height: auto; float: left; }
#mainmenu ul { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 9px; background-color: transparent; text-transform: uppercase; word-spacing: -2px; letter-spacing: 2px; left: 0; width: auto; display: inline; }
#mainmenu ul li { background-color: transparent; list-style-type: none; display: inline; }
#mainmenu ul li a { color: white; font-weight: bold; background-color: #f60; text-decoration: none; text-align: center; width: 155px; height: 10px; float: left; padding-top: 18px; padding-bottom: 5px; display: block; margin: 0 0 0 -1px; border-color: #fc0; border-style: dashed; border-width: 0 1px 1px; }
#mainmenu ul li a:hover { color: #fe0; background-color: #f80; }
#mainmenu ul li a:active { color: #fc0; }


/*********************

   HEADER

 ********************/
#bild { padding: 0px; margin: 0px; height: 220px; width: 780px; float: left; z-index: 5; overflow: hidden; }
#logo { margin: 0; position: absolute; padding: 0; top: 43px; left: 10px; z-index: 10  }
#slogan { margin: 0; position: absolute; padding: 0; top: 43px; left: 250px; z-index: 11; }
#logotext { color: #dcffff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 8px; background-color: #00c8c7; position: relative; top: 0; left: 0; width: 240px; height: 12px; float: left; }
#copyright { color: #b0fbf5; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 8px; background-color: #00b4b3; text-align: right; word-spacing: 0; letter-spacing: 0; position: relative; top: 0; left: 0; width: 538px; float: left; padding-top: 1px; padding-right: 2px; padding-bottom: 3px;  height: 8px; }
/*********************

   NAVI GLOBAL

 ********************/
#globalnav { text-align: right; position: relative; top: 5px; left: 0; width: 780px; height: 25px; z-index: 100; float: left; }
#globalmenu ul { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: transparent; text-transform: uppercase; text-align: left; word-spacing: -2px; letter-spacing: 2px; vertical-align: bottom; position: relative; float: right; }
#globalmenu ul li { list-style-type: none; display: inline; }
#globalmenu ul li a { color: #009aaf; text-decoration: none; float: left; padding-left: 15px; }
#globalmenu ul li a:hover { color: #f60; }
/*********************


   LEFT

 ********************/
#left { position: relative; top: 0; left: 0; width: 280px; float: left; padding-bottom: 10px; }
.leftcontent { position: relative; top: 0; left: 0; width: 240px; padding-top: 5px; padding-bottom: 10px; }
.bu { font-size: 9px; line-height: 12px; word-spacing: -1px; letter-spacing: 1px; position: relative; top: 0; left: 0; width: 240px; padding-bottom: 10px; }
/*********************

   CONTENT

 ********************/
#content { color: #634f52; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; background-color: #fff; text-align: left; padding-right: 10px; position: relative; top: 0; left: 0; width: 780px; height: auto; float: left; padding-left: 10px; }

#right { background-color: #fff; padding-bottom: 10px; position: relative; top: 0; left: 0; width: 500px; height: auto; float: left; }

.rightcontent { background-color: #fff; width: 495px; padding:  0 0 15px; }


/**************************

   FOOTER

**************************/
#footernav { background-color: white; text-align: right; padding: 0 10px; width: 780px; height: inherit; float: left; }
*html #footernav { background-color: white; text-align: right; padding: 0 10px; width: 760px; height: inherit; float: left; }
#footermenu ul { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 9px; background-color: white; text-transform: uppercase; word-spacing: -2px; letter-spacing: 2px; position: relative; width: auto; height: 10px; padding-top: 10px; padding-bottom: 10px; border-color: #fc3; border-style: dashed; border-width: 1px 0 0; }
#footermenu ul li { list-style-type: none; display: inline; }
#footermenu ul li a { color: #fc0; font-weight: bold; text-decoration: none; padding: 0 0 0 15px; }
#footermenu ul li a:hover { color: #f60; }
/**************************

   TEXTSTYLES


**************************/

p { color: #634f52; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
.bold { font-weight: bold; }
h1,.headline { color: #f60; font-size: 10px; font-weight: bold; text-transform: uppercase; word-spacing: -2px; letter-spacing: 2px; }
a { color: #f60; text-decoration: none; }
a:link { color: #f60; }
a:visited { color: #f60; }
a:hover { color: #009aaf; }

.web a { color: #009aaf; font-size: 9px; font-weight: bold; text-decoration: none; padding-left: 14px; }
.web a:link { color: #009aaf; font-size: 9px; font-weight: bold; text-decoration: none; }
.web a:hover { color: #f60; font-size: 9px; font-weight: bold; text-decoration: none; }
.download a { color: #009aaf; font-size: 9px; font-weight: bold; text-decoration: none; padding-left: 14px; }
.download a:link { color: #009aaf; font-size: 9px; font-weight: bold; text-decoration: none; }
.download a:hover { color: #f60; font-size: 9px; font-weight: bold; text-decoration: none;}


a img {border: none;}
a.download img {padding-right: 4px;}
a.web img {padding-right: 4px;}
a.mail img {padding-right: 4px;}
a.seite img {padding-right: 4px;}
.bildtitel, .csc-textpic-caption { font-size: 9px; line-height: 12px; word-spacing: -1px; letter-spacing: 1px; position: relative; top: 0; left: 0; width: 256px; padding-bottom: 10px; }
.bild_rechts { background-color: #fff; float: right; padding: 3px 0 10px 10px; }



/****************************************************************************
Formulare allgemein
*****************************************************************************/

fieldset {border: none; margin: 0px; padding: 0px;}

label { margin-top: 5px; float: left; width: 100px; color: #f60; }

textarea, input {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #634f52; padding: 5px; width: 240px;}
textarea  { font-size: 10px; margin: 5px 0px; border: 1px dashed #fc3; margin-left: 100px;}

input {font-size: 10px; margin: 5px 0px; border: 1px dashed #fc3; }
  
.csc-mailform-submit {
	margin-left: 100px; 
	color: #ffd200; 
	background-color: #f60; 
	border: dashed #fc3; 
	float: none;
        font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase; word-spacing: -2px; letter-spacing: 2px; 
	border-width: 0 1px 1px;
	width: 100px;
	}