/*################################
###### Standard basis ############
##################################*/
* { margin:0; padding: 0; } 
option {padding-left: 0.4em}
html { height: 100% }
body {
/* min-height: 100.01%;*/
 font-size: 100.01%;
 position: relative;       
 text-align: left; 
 color:rgb(108,108,108);
} 
fieldset, img { border:0; }
select, input, textarea { font-size: 99% }



/* Listen und Zitate */
 ul, ol, dl { margin: 0 0 1em 1em }
 li { margin-left: 1.5em; line-height: 1.5em; }
	
 dt { font-weight: bold; }
 dd { margin: 0 0 1em 2em; }
	
cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}	
/* blockquote */

 

/*################################
###### Ger?st ####### ############
##################################*/



/*html   {padding:0px; margin:0px;}*/
body { 
 padding:0px; 
 margin:0px; 
 /*background: rgb(255,255,255) url(interface/bodybg.gif) center;*/ /*xxx*/
 background: rgb(255,255,255);
 padding-bottom:20px;
}

#pagemargins {
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	width:960px;
	padding:0px;
}

#frame1 {
	background:none;
	padding:0px;
}


#navleiste {
} /* background:rgb(20,120,200);*/
#header {
	position:relative;
	height:1%;
} /* url(interface/headerimage.jpg); height:180px; */
#schnellsuche {	/*background:rgb(255,255,255);*/ position:absolute; bottom:10px; right:10px; /*height:20px;*/ width:200px; text-align:right;}

#afterheaderleiste {
}


#contentarea {
	clear:both;
	width: auto;
}





table#contentareatable { 
	margin:0px;  
	/*background: url(interface/bg_image_r.gif) bottom right no-repeat; *//* width:100%;*/
} 
#conttdleft, #conttdmiddle, #conttdright {  vertical-align: top;}
#conttdleft {}
#conttdmiddle {}
#conttdright {}


 #colleft {
	width:200px;
	display: none;
 /*float:left;*/
 }
 #colmiddle {
	width:660px  /* wegen opera*/;
	background-color: transparent;
 /* margin-left:200px; margin-right:200px;*/ /*von alten floats*/

 }
#colright {
	width:300px;
	background-color: transparent;
/*float:right;*/

}


 #colleft_content { padding-left:10px; padding-right:10px; padding-top:20px;}
 #colmiddle_content {
	padding-left:0px; /*mn08  0 ,  5*/ 
	padding-right:0px;/*mn08 0,  10*/
	padding-top:0px;
	padding-bottom:5px; /* 20 */
}
 #colright_content { padding-left:0px; padding-right:0px; padding-top:8px;}


#footer {
	clear:both; /* height:150px; */
}


/*################################
###### Clearing ##################
##################################*/
.marginfix { height:1px; font-size:1px;}

.csc-textpic {clear:both; overflow: hidden; height:1%;}
.csc-header {clear:both;}
.csc-textpic {width:100%;} /*wegen opera*/



/*################################
###### Inhaltsformatierungen #####
##################################*/





/* ########################################
** # Globale Vorgaben  ####################
** ########################################
*/
body {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin: 1.5em 0 0.25em 0; color: rgb(170,170,170); font-family: Arial, Sans-Serif;} /* font-family: ; - Georgia,Times New Roman,Times,serif*/

/*h1 {font-size: 18px; border-bottom:dotted 2px rgb(100,100,100);}*/    
h1 {font-size: 18px;} 



h2 {font-size: 12px; color: rgb(150,150,150); font-weight:bold; font-family: Verdana, Helvetica, Arial, sans-serif;}                   
h3 {font-size: 12px; color: rgb(150,150,150); font-weight:bold; font-family: Verdana, Helvetica, Arial, sans-serif;}                      
h4 {font-size: 12px; color: rgb(150,150,150); font-weight:bold; font-family: Verdana, Helvetica, Arial, sans-serif;}                     
h5 {font-size: 12px; color: rgb(150,150,150); font-weight:bold; font-family: Verdana, Helvetica, Arial, sans-serif;}                 
h6 {font-size: 12px; color: rgb(150,150,150); font-style:italic; font-family: Verdana, Helvetica, Arial, sans-serif;} 

/*
h2 {font-size: 16px; color: rgb(244,111,154); }                   
h3 {font-size: 14px; color: rgb(244,111,154); }                      
h4 {font-size: 12px; color: rgb(244,111,154); }                      
h5 {font-size: 12px; color: rgb(244,111,154); }                   
h6 {font-size: 12px; color: rgb(244,111,154); font-style:italic; } 
*/

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 1em 0 0 0; }

hr {  color: rgb(255,255,255);  background:transparent;  margin: 0.5em 0 0 0;  padding: 0.5em 0 0  0;  border:0;  border-bottom: 1px rgb(100,100,100) solid; }
	
ul, ol, dl { margin: 1em 0 0 0; }
li { margin-left: 1.5em; margin-top: 0.5em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 1em 0 0 2em; }
	
/*blockquote { font-style:italic; } */
cite { font-style:italic; } 
blockquote { margin: 1em 0 0 1.5em; }
strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: monospace; font-size: 1.1em; }
address { font-style:normal; line-height: 1.5em; margin: 1em 0 0 0; }
acronym, abbr {
 letter-spacing: .07em;
 border-bottom: 1px dashed #c00;
 cursor: help;
}

table { border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }

.float_left { float: left; display:inline; }
.float_right { float: right; display:inline; }
.center { text-align:center; margin-left: auto; margin-right: auto;}

.infobox {padding: 1em; border: 2px #bbc solid; background: #eef}


a {color: rgb(78,145,237); text-decoration:none;} /*color: rgb(144,106,68*/
a:hover, a.download:hover, a.mail:hover { text-decoration:none;}
a:focus { text-decoration:none;}



/*################################
###### Formatierungen menues usw #
##################################*/

#navleiste {
	text-align:left;
	padding-bottom:0px;
	font-size:10px; /*font-size:10px;*/
	font-weight:bold;
	width: 960px;
	height: 50px;
	background-image: url(interface/navleiste.gif);
	background-repeat: no-repeat;
}
#navleiste a{
 color:rgb(255,255,255);
 text-decoration: none;
}



#afterheaderleiste {
	height:auto;
	padding-top:1px;
}
/*################################
###### nav_hmenue ##################
##################################*/
ul#hmenue {
	text-align:left;
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-left:15px;
	font-size:10px;
	/*height: 50px;*/
	
}
ul#hmenue li, ul#hmenue li.first {
  display:inline;
  line-height:50px;
  padding:0px; 
  margin:0px;
  background-image: url(interface/menueh_normalbg.gif);
  background-repeat:no-repeat;
  /*background-position:left center;*/
  background-position: 0px 50%;
}
ul#hmenue li.first {
	background-image:none;
}

ul#hmenue li a {
	/*background-color:#00CC66;*/
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
	padding-top:25px;  /*15*/
	padding-bottom:25px; /*15*/
	color:rgb(200,200,200);
	/*background-image:url(interface/menueh_normalbg.gif);*/
	background-repeat:no-repeat;
	background-position:center left;
	/*background-position:top;*/
	text-decoration:none;
	/*vertical-align:bottom;*/
}
ul#hmenue li a:hover, ul#hmenue li a.aktuell  {
	background-image:url(interface/menueh_aktivbg.gif);
	background-position:center;
	color:rgb(161,200,236);
}
/* ################### */




/*################################
###### nav_usmenue ##################
##################################*/
ul#usmenue {
	text-align:left;
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-left:15px;
	font-size:10px;
}
ul#usmenue li, ul#usmenue li.first {
  display:inline;
  padding:0px; 
  margin:0px;
}
ul#usmenue li.first {
	background-image:none;
}
ul#usmenue li a {
	font-weight:normal;
	padding-left:0px;
	padding-right:12px;
	padding-top:25px;  
	padding-bottom:25px; 
	color:rgb(200,200,200);
	text-decoration:none;
}
ul#usmenue li a:hover, ul#usmenue li a.aktuell  {
	color:rgb(161,200,236);
}
/* ################### */







#footer {
	padding-top: 15px;
	padding-bottom:20px;	
	padding-left:25px;
	padding-right:25px;
	font-size:10px;
	text-align:center;
	
	height:35px;
	background:url(../menuebilder/footerfloral.gif) no-repeat center;
	margin-top:10px;
	
}

/**/
div.sponsoren { border: 1px  dotted rgb(200,200,200); margin-top:40px; margin-bottom:10px; border-left:0px; border-right:0px; padding-left:4px; padding-right:4px; }
h3.sponsoren { font-size: 10px; font-weight:bold; margin-top: 0px; color: rgb(150,150,150);  padding-left:5px; padding-right:5px; text-align: center;}
/*background:rgb(240,240,240);*/

/**/
#schnellsuche form {vertical-align: middle; }
#schnellsuche input.suchfeld {
 padding:2px;
 font-size:11px;
 /*height:12px;*/
 width:150px; 
 margin-right:3px;
 background-color:rgb(245,245,245);
 border:1px solid rgb(100,100,100); 
 border-right: rgb(255,255,255); 
 border-bottom: rgb(255,255,255); 
 }
#schnellsuche input.suchbutton {vertical-align: middle;}
/**/

.extrasprachen {display: inline;}
.extrasprachen img {margin-left:4px; margin-top:2px;}
/**/
.hilfsmenue {display: inline;}
.hilfsmenue {margin-left:4px; margin-top:2px;}
/**/
.klickpfad {color:rgb(150,150,150); padding-top:5px; padding-bottom:5px; border-bottom: 1px solid rgb(230,230,230); font-size:10px; text-align:right;}
.klickpfad a { color:rgb(150,150,150); text-decoration:none}
/**/
div.loginlink { border: 1px  dotted rgb(200,200,200); margin-top:40px; margin-bottom:10px; border-left:0px; border-right:0px; padding-left:24px; padding-right:4px; padding-bottom: 10px;}
h3.loginlink { font-size: 10px; font-weight:bold; margin-top: 0px; color: rgb(150,150,150);  padding-left:5px; padding-right:5px; text-align: center;}
div.loginlink input {width:150px;}
div.loginlink input.btn {width:153px;}
/*background:rgb(240,240,240);*/


/*################################
###### nav_main ##################
##################################*/
/*
#nav_main ul {list-style-type:none;}
#nav_main {border-top: 1px solid white; border-right: 1px solid white; border-bottom: 0px solid white;}
#nav_main ul, #nav_main li{ margin:0px; padding:0px; width:auto; }
#nav_main li { } 
#nav_main ul a { padding:2px 2px 2px 2px; display:block;  border-bottom:solid 1px rgb(255,255,255);  color:rgb(100,100,100); text-decoration: none; }

#nav_main ul.u2 a, #nav_main ul.u3 a, #nav_main ul.u4 a {color:rgb(100,100,100);}
#nav_main ul.u1 a { padding-left:5px; font-size: 11px; font-weight:normal; background:rgb(216,220,221); } 
#nav_main ul.u2 a { padding-left:30px; font-size: 11px; font-weight:normal; background:rgb(226,230,231); } 
#nav_main ul.u3 a { padding-left:45px; font-size: 11px; background:rgb(221,222,207); } 
#nav_main ul.u4 a { padding-left:60px; font-size: 11px; background:rgb(221,222,207); } 

#nav_main ul li a.aktuell {color:rgb(100,100,100); background-image:url(interface/nav_mainaktuellbg.gif); background-repeat: repeat-y; background-position: right;  }
#nav_main ul li a:hover { background-image:url(interface/nav_mainaktuellbg.gif); background-repeat: repeat-y; background-position: right;  }
*/
/* li.aktiv */






/*################################
###### ... #######################
##################################*/

.htmlarea-content-body {background:rgb(255,255,255) url(interface/transpix.gif);}
span.name-of-person, span.detail { }


span.important { color:rgb(255,0,0); }

a.internal-link, a.external-link-new-window {
 background: url(interface/icon_extlink.gif) no-repeat right;
 text-decoration:none;
 padding-right:15px;
}

a.download {
 background: url(interface/icon_download.gif) no-repeat right;
 text-decoration:none;
 padding-right:15px;
}
a.mail {
 background: url(interface/icon_mail.gif) no-repeat right;
 text-decoration:none;
 padding-right:15px;
}

/*
#colmiddle_content ul {
 background-color: rgb(250,250,250); 
 list-style-type:none;
 list-style-image: url(interface/2red_arrow_bullet.gif);
 }
#colmiddle_content ul li{
 background: rgb(250,250,250) ; 
 background-image:url(interface/red_arrow_bullet.gif);
 background-position: -2px 0;
 background-repeat:no-repeat;
 }
 */



#colmiddle_content ul {
  /*list-style-image:url(interface/bullet_1.gif);*/
  list-style-type:square;
}













.csc-textpic-caption {font-size:10px;}
.csc-textpic-image img {background-color: rgb(255,255,255);}
.csc-header-n1 h1, .csc-header-n1 h2, .csc-header-n1 h3, .csc-header-n1 h4 { margin-top:20px;} /*xxx margin-top:50px;*/
/*h.csc-firstHeader*/
.csc-firstHeader h1 { margin-top:0px; } /*xxx*/



/* contenttable*/
.contenttable, .csc-uploads {
   background-color: rgb(255,255,255);
   border: 1px solid rgb(200,200,200);
   margin:3px;
   margin-top:10px;
}

.contenttable tr td, .csc-uploads tr td {
    font-size:1em; /*0.85em;*/
	padding:4px 5px 4px 5px; /*2px 5px 2px 5px;*/
	vertical-align:top;
	line-height:1.5em;
	/*border-bottom: 1px dotted rgb(255,255,255);*/
}

.csc-uploads tr td.csc-uploads-fileName p a {
   font-weight: bold;
   text-decoration: none;
}
.csc-uploads tr td.csc-uploads-fileName p.csc-uploads-description { 
  margin-top:0px;
  font-style: italic; 
  font-weight: normal;
}
.csc-uploads tr td.csc-uploads-fileSize { 
  white-space: nowrap; padding-left: 10px; padding-right: 6px; 
}
.csc-uploads tr td.csc-uploads-fileSize p { 
  text-align: right; 
}

.tr-even {
  background: rgb(230,230,230) url(interface/tr_bottom.gif) bottom repeat-x;
}

.tr-odd {
   background: rgb(240,240,240) url(interface/tr_bottom.gif) bottom repeat-x;
}
/**/

p.csc-subheader { font-size: 12px; font-style: italic; }
p.csc-header-date { font-size: 10px; text-align:right;}

p.csc-linkToTop { text-align: right; }
p.csc-linkToTop a { font-weight: bold; text-decoration:none;}
















/* ?berschrieben dyn css*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:0px;
margin-top:5px;
}



/* ##### */




/* ###################################### */ 
/*mittlere spalte*/
/*
#colmiddle_content .csc-frame-frame1, #colmiddle_content .csc-frame-frame2 { 
 border: solid 1px rgb(180,180,180);
 background:rgb(230,230,230) url(interface/cscframe_verlauf1.gif) repeat-x left top; 
 margin-top:1.5em;
 padding-top: 0px;
 padding-bottom: 5px;
 padding-left: 5px;
 padding-right: 5px; 
}
#colmiddle_content .csc-frame-frame2 { 
 background:rgb(240,240,240); 
}
#colmiddle_content .csc-frame .csc-header h1 {
 border-bottom:solid 2px rgb(255,255,255);
 margin: 0px; 
 background:rgb(251,144,178) url(interface/h1_corner.gif) no-repeat right top; 
 margin-left:-5px;
 margin-right:-5px; 
 padding:2px; 
 padding-left:5px;  
 }
#colmiddle_content .csc-frame .csc-header h1 { 
  color:rgb(255,255,255); 
  font-size: 16px; 
  font-weight:normal;
}
*/
#colmiddle_content .csc-frame-frame1, #colmiddle_content .csc-frame-frame2 { 
 border: none;
 background:rgb(255,255,255) url(interface/frame1hg1.gif) no-repeat left top; 
 margin-top:1.5em;
 padding-top: 0px;
 padding-bottom: 10px;
 padding-left: 15px;
 padding-right: 25px; 
}
#colmiddle_content .csc-frame-frame2 { 
 background:rgb(240,240,240); 
}

#colmiddle_content .csc-frame .csc-header h1 {
 margin: 0px; 
 background:transparent; /*rgb(251,144,178) url(interface/h1_corner.gif) no-repeat right top*/ 
 /*margin-left:-5px;
 margin-right:-5px; */
 padding-top:15px;
 padding-right:10px;
 padding-bottom: 0px;
 padding-left:5px;  
 }
 











/* ###################################### */ 
/* rechte spalte */
#colright_content .csc-header h1 { 
 color:rgb(100,100,100); 
 font-size: 12px; 
 font-weight:normal;
}





#colright_content .csc-frame-frame1, #colright_content .csc-frame-frame2 { 
 border: solid 1px rgb(180,180,180); 
 background:rgb(230,230,230) url(interface/cscframe_verlauf1.gif) repeat-x left top; 
 margin-top:1.5em;
 padding-top: 0px;
 padding-bottom: 5px;
 padding-left: 5px;
 padding-right: 5px; 
}
#colright_content .csc-frame-frame2 { background:rgb(255,255,255);}

#colright_content .csc-frame .csc-header h1 {
 border-bottom:solid 1px rgb(180,180,180);
 margin: 0px; 
 background:rgb(180,180,180)  url(interface/h1_corner.gif) no-repeat right top; 
 margin-left:-5px;
 margin-right:-5px; 
 padding:2px; 
 padding-left:5px; 
 color:rgb(255,255,255); 
}




#colright_content {font-size: 11px; }
#colright_content h1 { border-bottom:solid 1px rgb(180,180,180);} 
#colright_content h2 {}
#colright_content h3 {} 
#colright_content h4 {}
#colright_content h5 {} 
#colright_content h6 {}
/* ###################################### */
/* ende rechte splate */


#colmiddle_content h1 {background: url(interface/h1_bg4.gif) bottom right no-repeat; padding-bottom:3px;} 


/*###### flashprojects #########* /
/* google*/
#htmlprojektdetails, #htmlprojektliste {
  height:100px; 
  overflow:scroll; border:1px dotted rgb(120,120,120);
  display: none;/**/
}
#htmlprojektdetails *, #htmlprojektliste *{
 font-size:10px;
 margin-top:3px;
}

/* js */
#ffprojectdetails table {
   background-color: rgb(255,255,255);
   border: 1px solid rgb(200,200,200);
   margin:3px;
   margin-top:10px;
}

#ffprojectdetails table tr td, #ffprojectdetails table tr th {
    font-size:0.85em;
	padding:2px 5px 2px 5px;
	vertical-align:top;
	background: rgb(230,230,230) url(interface/tr_bottom.gif) bottom repeat-x;
	/*border-bottom: 1px dotted rgb(255,255,255);*/
}
/**/

#ffdlform .textinput{ width:200px;}
#ffdlform .selectinput{ width:205px;}
#ffdlform .textinputlong{ width:200px;}

/**/



span.hg1{
 background: rgb(240,240,240);
}
p.hg1{
 background: rgb(240,240,240);
 padding:5px;
}
p.hg1_rahmen{
 background: rgb(240,240,240);
 border: 1px dotted rgb(180,180,180);
 padding:5px;
}

span.kapitaelchen{ font-variant:small-caps; }
p.autor { font-size:10px; text-align:right; margin-top:0px;}


.align-center {	text-align:center; }
.align-left {	text-align:left; }
.align-right {	text-align:right; }













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

div.box2_1 {
 background-image: url(../menuebilder/box2_mitte.gif);
 background-repeat:repeat-y;
 background-position:top;
}
/**/

/**/
div.box2_2{
 background-image: url(../menuebilder/box2_unten.gif);
 background-repeat:no-repeat;
 background-position:bottom;
}

div.box2_3{
 background-image: url(../menuebilder/box2_oben.gif);
 background-repeat:no-repeat;
 background-position:top;
 height:250px;
 /*min-height:325px;*/
} 




/* /////////////////////////////////////  */
div.newslettersmall{
	padding-left:20px; padding-right:20px; padding-top: 5px; padding-bottom: 10px;
	height:220px; /* nw*/
	overflow:hidden;
	background-image:url(../menuebilder/nb_floral.gif); 
	background-repeat:no-repeat; 
	background-position:bottom left;
}
form.newslettersmall{
	margin-top:0px;
}
form.newslettersmall div.fromaction{
	text-align:right;
}
form.newslettersmall div.fromaction input{
	color:rgb(120,120,120);
	/*font-size:9px;*/
	font-weight:bold;
	/*height:20px;*/
	/*padding:2px;*/
}

table.newslettersmall  input{
	border-left:solid 1px rgb(178,178,178);
	border-top:solid 1px rgb(178,178,178);
	/*
	border-right:solid 1px rgb(212,208,200);
	border-bottom:solid 1px rgb(212,208,200);
	*/
	border-right:solid 1px rgb(230,227,223);
	border-bottom:solid 1px rgb(230,227,223);
	
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	color:rgb(255,144,13);
	
}

table.newslettersmall {
	border-collapse:separate;
	margin-bottom:0px;
	margin-top: 10px;
}

input.fwidth1{
	width:175px;
}
input.fwidth2{
	width:150px;
}
.nlinfo{
	/*font-size:9px;*/
}
/* ////////////////////////////////////////////////////// */

/*mn08*/
/*
div.c2box {
	margin-left:0px;
	margin-right:0px;
	padding-left: 5px;
	padding-right: 10px;
}
*/

.fldownloadhinweis{
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}