/*################################
###### 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;
 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(0,0,0); /*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(0,0,0); height:20px;}


#contentarea {
background:rgb(245,245,245) url(interface/contentbg.jpg) left repeat-y; 
clear:both; width: auto;

}






table#contentareatable { margin:0px;} /* 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:0px; padding-right:0px; 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:00px;}


#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(50,50,50); }
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin: 1.5em 0 0.25em 0; color: rgb(99,159,191); font-family: Arial, Sans-Serif;}

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

h2 {font-size: 16px; }                   
h3 {font-size: 14px; }                      
h4 {font-size: 12px; }                      
h5 {font-size: 12px; }                   
h6 {font-size: 12px; 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(52,100,164); text-decoration:none;}*/
/*a {color: rgb(143,140,115); text-decoration:none;}*/
a {color: rgb(144,106,68); text-decoration:none;}
a:hover, a.download:hover, a.mail:hover { text-decoration:underline;}
a:focus { text-decoration:underline;}

/*
a {
color:rgb(100,100,100);
text-decoration: none; 
border-bottom:1px dotted rgb(150,150,150); 
background-image:url(interface/iconlink.gif); 
background-position:left 5px;
background-repeat:no-repeat;
padding-left:15px;
}
*/





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

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

#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 img {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.leftteaser { padding-left: 2px; text-align: center;  margin-top: 10px; }
div.loginlink { border: 1px  dotted rgb(200,200,200); margin-top:15px; margin-bottom:10px; border-left:0px; border-right:0px; padding-left:4px; 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 form {margin-left: 20px; }
div.loginlink form label {font-size: 10px;}
div.loginlink input {width:150px;}
div.loginlink input.btn {width:153px;}
/*background:rgb(240,240,240);*/


/*################################
###### nav_main ##################
##################################*/
#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(255,255,255); 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:bold; background:rgb(187,188,157); }
#nav_main ul.u2 a { padding-left:30px; font-size: 11px; font-weight:normal; background:rgb(207,208,186); }
#nav_main ul.u3 a { padding-left:45px; font-size: 11px; background:rgb(230,230,220); }
#nav_main ul.u4 a { padding-left:60px; font-size: 11px; background:rgb(230,230,220); }

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







.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:1em;}
/*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;
}

table.csc-uploads {
   width:97%;
}

.contenttable tr td, .csc-uploads tr td {
    font-size:0.85em;
	padding:2px 5px 2px 5px;
	vertical-align:top;
	/*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(255,255,255);}

#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); */
 background:rgb( 99,159,191) 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_bg2.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;}




/**/
.pfrsstoolclass { margin: 0px; padding: 0px; background-color:rgb(250,250,250); border: solid 1px rgb(230,230,230);  overflow: auto; height:500px; position:relative;}
.pfrss_itemarea{}
.pfrss_item{ position: relative; width:200px; height:175px;  margin:5px; padding:5px; border: solid 1px rgb(200,200,200); float:left; font-family: verdana, arial, sans; font-size:10px; background-color:rgb(255,255,255); border-top: solid 1px rgb(240,240,240); border-left: solid 1px rgb(240,240,240);}
.pfrss_ititle{margin-top:0px; font-weight: bold; color:rgb(110,110,110); }
.pfrss_itextarea{  position:absolute; height: 60px; width:200px; top:109px; overflow: auto; }
.pfrss_idescription{ font-weight: normal; color:rgb(110,110,110); margin-top:3px;}
.pfrss_ilink { text-align:right; padding-right:1px; height:10px; width:200px; position:absolute; bottom: 3px; font-size:9px; }
.pfrss_ilink a { color:rgb(150,150,180); font-weight: bold; text-decoration: none; }
.pfrss_ipupdate{ text-align:left; font-size:9px; font-style:normal; color:rgb(200,200,200);}
.pfrss_iimage{}
/**/
#colright_content .pfrss_item {width:140px; height:200px;}
#colright_content .pfrss_iimage {overflow: hidden;}
#colright_content .pfrss_itextarea{ width:auto; height:110px;}
#colright_content .pfrss_ilink{ width:140px;}