*  { margin: 0; padding: 0; }

/*------------------# Rahmen um alles ------------------# */
/*#container  { width: 900px; margin: 20px auto 0; }*/
#container { margin: 20px auto 0; width: 900px;  }
#container { border: solid 1px black;  } /* funkt nicht im IE outline: solid 1px black;*/


/*------------------# content ------------------# */
#content { height: 620px;}
/*#content { outline: solid 1px black; }*/

/*------------------# left ------------------# */
#left { width: 320px; float: left;  }
/*#left { outline: solid 1px red;}*/

/*------------------ top ------------------ */
#top { width: 320px; height: 150px; }

/*------------------ box ------------------ */
#box1, #box2, #box3, #box4, #box5 { width: 64px; height: 70px; float: left; }
/*#box1, #box2, #box3, #box4, #box5 { outline: solid 1px red;}*/

/*------------------ bottom ------------------ */
#bottom {width: 320px;  height: 470px; }

/*------------------# right ------------------# */
#right { width: 35em; float: right; margin-top: 2em; }
/*#right { outline: solid 1px pink;}*/

/*------------------# Nav ------------------# */
#nav {height: 2em;}
/*#nav { outline: solid 1px blue; }*/


/* --------------Navi Navigation---------------*/
#nav { text-align: center; padding-top: 5px; }
#nav ul { padding-top: 0.3em; }
#nav li { display: inline; font-size: 0.75em; text-transform: uppercase; padding-right: 1.5em; padding-left: 2px; white-space: nowrap; }
#nav a {text-decoration: none; color: #5d5d5d;}
#nav a:hover  { color: black; }
.act   { color: #000000; }


.csc-menu-1 {list-style-type: none; font-size: .7em;}


/* -------------- Schriften ---------------*/
* {font-family: Verdana, sans-serif;}
#leftcontent { color: #ffffff;}
p {font-size: .65em;}
h1 {font-size: .85em; }
h2 {font-size: .65em; margin-top:10px; font-weight: normal;}
#top h1 { padding-top: 44px; padding-left: 30px; color: #ffd138;}
#right a { color: #000000; text-decoration: none; }
#right a:hover { text-decoration: underline; }

#left a { color: #ffffff; }
#right h1{color: #ffffff;}


/* -------------- Stand der Inhalte ---------------*/
#top img { padding-top: 22px; padding-left: 30px; }
#leftcontent { padding-top: 90px; padding-right: 30px; padding-left: 30px;  }
#leftcontent img {  margin-top: 10px; }
#leftcontent .csc-textpic-intext-right .csc-textpic-image img { margin-left: 30px;  margin-top: -20px;}

/* -------------- Besondere Links kennzeichnen ---------------*/
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../user_upload/icons/icon_pdf.gif) no-repeat center right;
}
a[href $='.xlt'] { 
   padding-right: 18px;
   background: transparent url(../user_upload/icons/icon_doc.gif) no-repeat center right;
}
a[href $='.dot'] { 
   padding-right: 18px;
   background: transparent url(../user_upload/icons/icon_doc.gif) no-repeat center right;
}
a[href $='.ppt'] { 
   padding-right: 18px;
   background: transparent url(../user_upload/icons/icon_ppt.gif) no-repeat center right;
}
a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(../user_upload/icons/icon_doc.gif) no-repeat center right;
}

/* 

/*DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
outline: solid 1px orange;
 }
/*#right img {}
.csc-textpic-intext-right { outline: solid 1px green; }
.csc-textpic-text {width: 100px; outline: solid 1px red;} */