/*################################
###### 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;       
 background: rgb(0,0,0);
 text-align: left; 
} 
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;
/* background: rgb(240,240,240) url(interface/blstr.gif) top center repeat-x;*/
 padding-bottom:20px;
}

#pagemargins { 
 margin-top:20px;
 margin-right:auto; 
 margin-left:auto; 
 width:960px; 
 background: rgb(180,180,180) ;
 padding:1px;
}

#frame1 { 
 background:rgb(255,255,255); 
 padding:10px;
}


#navleiste { background:rgb(232,100,143); /*height:20px;*/ ;} /* background:rgb(20,120,200);*/
#header {	background:rgb(255,255,255); 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 {background:rgb(232,100,143); /*height:20px;*/}


#contentarea {
/*background:rgb(245,245,245) url(interface/contentbg.jpg) left repeat-y; */
background:rgb(240,240,240) url(interface/contentbg_top.gif) center top no-repeat; 
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;
 /*float:left;*/
 }
 #colmiddle {  
 width:540px  /* wegen opera*/
 /* margin-left:200px; margin-right:200px;*/ /*von alten floats*/

 }
#colright {
width:200px;
/*float:right;*/

}


 #colleft_content { padding-left:10px; padding-right:10px; padding-top:20px;}
 #colmiddle_content { padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:20px; }
 #colright_content { padding-left:10px; padding-right:10px; padding-top:20px;}


#footer {background:rgb(240,240,240) url(interface/footerbg_verlauf.gif) center top no-repeat; 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: 12px;  font-family: Verdana, Helvetica, Arial, sans-serif; color: rgb(80,80,80); }
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin: 1.5em 0 0.25em 0; color: rgb(251,144,178); 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(80,80,80); font-weight:bold; font-family: Verdana, Helvetica, Arial, sans-serif;}                   
h3 {font-size: 12px; color: rgb(80,80,80); font-weight:bold; font-family: Verdana, Helvetica, Arial, sans-serif;}                      
h4 {font-size: 12px; color: rgb(80,80,80); font-weight:bold; font-family: Verdana, Helvetica, Arial, sans-serif;}                     
h5 {font-size: 12px; color: rgb(80,80,80); font-weight:bold; font-family: Verdana, Helvetica, Arial, sans-serif;}                 
h6 {font-size: 12px; color: rgb(80,80,80); 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:underline;}
a:focus { text-decoration:underline;}



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

#navleiste {
 color:rgb(255,255,255);
 text-align:right;
 padding-right:10px;
 padding-top:4px;
 padding-bottom:4px;
 font-size:11px; /*font-size:10px;*/
 font-weight:bold;
}
#navleiste a{
 color:rgb(255,255,255);
 text-decoration: none;
}



#afterheaderleiste {height:auto; padding-top:1px; color:rgb(255,255,255); }
/*################################
###### nav_hmenue ##################
##################################*/
ul#hmenue {
  text-align:right;
  list-style-type:none;
  padding:0px; 
  margin:0px; 
  font-size:12px;
}
ul#hmenue li {
  display:inline;
  /*line-height:18px;*/
  line-height:20px;
  padding:0px; 
  margin:0px;
}
ul#hmenue li a {
  font-weight:normal;
  padding-left:20px;
  padding-right:20px;
  padding-top:4px;
  padding-bottom:3px;
  color:rgb(255,255,255); 

  background-image:url(interface/menueh_normalbg.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
ul#hmenue li a:hover, ul#hmenue li a.aktuell_link  {
  background-image:url(interface/menueh_aktivbg.gif); 
  text-decoration:none; color:rgb(50,50,50);
}
/* ################### */











#footer {
 padding-top: 15px;
 padding-left:25px;
 padding-right:25px;
 padding-bottom:20px;
 color:rgb(130,130,130);
 font-size: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 { } /*list-style-type:none;*/
#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); } /*187,188,157 - 205,211,213*/
#nav_main ul.u2 a { padding-left:30px; font-size: 11px; font-weight:normal; background:rgb(226,230,231); } /*207,208,186*/ 
#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_link {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:50px;}
/*h.csc-firstHeader*/



/* 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: dotted 1px rgb(100,100,100); */
 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(150,150,150);*/
 border-bottom:solid 2px rgb(255,255,255);
 margin: 0px; 
 /*background:rgb(180,180,180); 99,159,191*/
 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;
}

/* ###################################### */ 
/* 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; }