
* { padding:0; margin: 0 }

body {
background: #FFFFFF url(../images/topbg.jpg) repeat-x top;
font-family: Arial, sans-serif;
font-size: 10pt;
color: #454545;
}

tbody, td, tr {font-size: 10pt;color: #454545;padding: 0px;}

ul {padding-left: 20px; }
li {list-style-type: square;color: #000;}

input, textarea  { border: 1px solid #aaa }
input:hover, textarea:hover  { border: 1px solid #888 }

.paddingsmall {padding-top: 0px;}

p.bodytext {line-height: 5px;}

div.csc-header csc-header-n1 H1{font-size: 14px;}

H1.csc-firstHeader  {font-size: 14px;}

.pimg {border: 3px solid #e5e5e5;margin: 0 15px 5px 0; float: left;}

a{color: #40548f;text-decoration: underline;background: inherit;}
a:hover {text-decoration: none;}


blockquote {margin: 0 0 15px 30px; border-left: 3px solid #8ADF88; padding: 0 0 0 8px;}
input, textarea  { border: 1px solid #aaa;}
input:hover, textarea:hover  { border: 1px solid #888;}
input.text { color: #000000;	border: 1px solid #E6E6E6; background: inherit; }
textarea.text { font-size: 8pt; border: 1px solid #E6E6E6 ;}
input.text:hover, textarea.text:hover { border: 1px solid #D6D6D6; }
form { display: inline; margin: 0; padding: 0 ;}

#content {
padding: 0;
margin: 0 auto;
width: 785px;
background: transparent;
}

#title {
	margin: 0;
	padding:0;
	height: 115px;
	width: 100%;
	background-color: #FFFFFF;
}
	#title .green { color: #D9FFD8; line-height: 25px; background: inherit; }
	#title .pad { padding: 0px 0 }
	#title h1 { font: bold 2.0em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; color: #fffffe; padding-top: 29px; background: inherit; }
	#title #slogan { font: 1.0em "Arial", Sans-Serif; margin: 0;	color: #aaa; background: inherit;}
	
	
/* top */

#topheader {
width: 100%;
margin:0;
height: 242px
}

#topheader .trside {
	float: left;
	width: 159px;
	height: 30px;
	background: transparent;
	margin-left: 1px
}

#topheader .sprache {
float: right;
width: 159px;
height: 20px;
background: transparent;
margin-left: 1px;
}

#topheader .logo {
	width: 192px;
	height: 87px;
	background: transparent;
	margin-left: 1px;
	padding-left: 2px;
}
#topheader .trside .padding {
padding-top: 50px;
}

#topheader .trside input.text {
	background: transparent url(../images/input.gif) no-repeat;
	width: 180px; /* input länge */
	height: 22px;
	border:0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

#topheader .trside .btn1 {
	background: transparent url(../images/loupe.gif) no-repeat;
	width: 30px;
	height: 25px!important;
	height: 28px;
	border: 0;
	padding: 0;
	cursor: pointer;
	padding-top: 4px;
}

/*obere bild */

#topheader .tlside {
background: transparent url(../images/top/startb_01.jpg) no-repeat;
/* background: inherit; */
color: #FFF;
font-size: 120%;
height: 242px
}
#topheader .tlside .padding { padding-top: 34px; font-family: Tahoma, Verdana, Arial, sans-serif }
#topheader .tside a, .lside a:hover  { color: #FFF; text-decoration: underline; background: inherit }

/* untere bild */

#topheaderb .tlsideb {
background: transparent url(../images/top/startb_02.jpg) no-repeat;
/* background: inherit; */
color: #FFF;
font-size: 120%;
height: 122px
}
#topheaderb .tlsideb .padding { padding-top: 15px; font-family: Arial, sans-serif }
#topheaderb .tsideb a, .lside a:hover  { color: #FFF; text-decoration: underline; background: inherit }


    
/* subheader */
#subheader {	width: 100%; margin:0; height: 87px }
#subheader .rside { float: right; width: 355px; height: 87px; background: transparent; margin-left: 20px }
#subheader .rside .padding  { padding-top: 10px}

#subheader .rside input.text {
background: transparent url(../images/input.gif) no-repeat;
width: 290px;
height: 27px;
border:0;
padding: 2px 0 0 5px
}
#subheader .rside .btn1 {
background: transparent url(../images/loupe.gif) no-repeat;
width: 30px;
height: 20px !important;
height: 28px;
border: 0;
padding: 0;
cursor: pointer
}

#subheader .lside { background: inherit; color: #FFF;  font-size: 120%; height: 87px}
#subheader .lside .padding { padding-top: 15px; font-family: Tahoma, Verdana, Arial, sans-serif }
#subheader .lside a, .lside a:hover  { color: #FFF; text-decoration: underline; background: inherit }
		
#maincontent { width: 100%; background: transparent; padding-top: 0px}

#maincontent h2 {
color: #3A3A3A;
font-family: Arial, sans-serif;
font-size: 12px;
text-decoration: none;
line-height: 19px;
margin: 0 0 5px 0;
background: inherit
}

#maincontent h2 a { color: #40548f; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; line-height: 19px; margin: 0 0 5px 0; background: inherit }
#maincontent h2 a:hover { color: #40548f; text-decoration: underline; background: inherit	}
#maincontent .underline { border-bottom: 1px dotted #aaa; margin-bottom: 10px }
#maincontent h3 { font-size: 130%; color: #6AA6AB; border-bottom: 1px dotted #aaa; background: inherit }

#maincontent p {
padding: 0 0 10px 0;
color: #454545;
font: 1.0em "Arial", Sans-Serif;
margin: 0;
text-decoration: none;
background: inherit;
}

#maincontent .mpnull { margin: 0; padding: 0 0 0 0; }

#maincontent .textbox {
float: right;
color: #454545;
width: 40%;
background: #fefefe;
padding: 10px;
margin: 5px 0 15px 15px;
border: 1px solid #e8e8e8
}

#left_side {
	width: 560px;
	background: transparent;
	margin-bottom: 20px;
	padding-top: 20px;
	text-align: justify;
}

#right_side {
	width: 200px;
	background: #cccccc;
	float: right;
	margin-top: 10px;
}
#right_side h3 { 
			height: 22px;
			background: transparent url(../images/h3bg.gif) repeat-x;
			color: #FFF;
			border: 0;
			font: bold 0.9em "Arial", Sans-Serif;
			padding: 0px 0 0 5px;
			line-height: 22px
}

#right_side .lcontent {
font-size: 8pt;
background: #f8f8f8;
border: 0px solid #e5e5e5;
margin-bottom: 15px;
color: #888;
}

#right_side .lcontent p { padding: 8px; color: #777; background: inherit }
#right_side ul { padding-left: 10px; background: inherit; color: #454545 }
#right_side li { list-style: square }
#right_side img {
}

#footer {
	bottom:0;
	clear:both;
	text-align: left;
	border-top: 1px solid #e5e5e5;
	padding: 3px 0 0 0;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #888;
	background: #FFF;
}
#footer .right { float: right }

#headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px Arial, Helvetica, sans-serif; font-weight:bold;}
#headermorePan a{width:39px; height:38px; display:block; background:url(../images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url(../images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----FOOTER PANEL----*/

#footermainPan{
height:35px;
background:url(../images/footerbg.gif) 0 0 repeat-x #4464A0;
color:#fff;
font:13px/20px Arial, Helvetica, sans-serif;
position:relative; margin:0 auto;
clear:both;
padding:15px 0 0;
}

#footerPan{width:700px; position:relative; margin:0 auto;}
#footerPan ul{width:380px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#4464A0; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan p.copyright{
	width:450px;
	position:relative;
	background:#4464A0;
	color:#fff;
	font-size:11px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:70px; left:260px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
#foterPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:265px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(../images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(../images/html-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:340px;}
#footerPancss a{width:58px; height:24px; display:block; background:url(../images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(../images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}

/*----/FOOTER PANEL----*/


/* Pfad */

#pfad {
color:#b5b4b4;
/* background-color: #f4f4f4; */
}
#pfad a {
color:#b5b4b4;
}
#pfad a:hover {
color:#b5b4b4;
text-decoration: underline;
}

div#top {
  font: bold 10px Arial;
  clear:both;
  text-align:right;
  color:#FFFFFF;  
  padding:5px;
  padding-right:10px;
  width:326px;
  float: right;
  margin-top: 25px; 
}
div#top a {
   text-decoration: none;
   color:white;
}
div#top a:hover {
   text-decoration: underline;
   color:white;
}


/* top navigation menu */

.topnav {
font-size: 8pt;
font-family: arial, helvetica, sans-serif;
color: #e6e5e5;/* grau */
}

.topnav a:link {
font-size: 8pxpt;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
color: #000000; 			
padding: 1px;
}
.topnav a:visited {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
color: #cccccc; 			/* grau */
padding: 1px;
}
.topnav a:hover {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}

.topnav-act {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}
.topnav-act a:active {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}
.topnav-act a:link {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}
.topnav-act a:visited {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* grau */ 
padding: 1px;
}
.topnav-act a:hover {
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
background: #999999;	/* grau */
color: #cccccc; 			/* white */ 
padding: 1px;
}


.bildleisteSuche {
	padding: 0px 0px 0px 0px;
	background:  url(../images/bildleiste_hg_schatten.gif) repeat-x top left;
	white-space: nowrap;
	font-size: 11px;
	height: 20px;
}
.bildleisteSucheL {
	background:  url(../images/sf_los.gif) repeat-x top;
	white-space: nowrap;
	width: 19px;
	height: 17px!important;
	height: 17px;
	border: 0;
	padding: 0;
	cursor: pointer;
	padding-top: 8px;
	}
	
.bildleisteSucheT {
	border-right: 1px solid #9A8D79;
}

.inputK {
	font-size: 11px;
	margin: 0px 0px -2px 3px;
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 13px;
	background: url(../images/input_hg.gif) repeat-x top left;
	border-top: 1px solid #797A7C;
	border-left: 1px solid #797A7C;
	border-right: 1px solid #A4A4A4;
	border-bottom: 1px solid #A4A4A4;
	}
