body {
    margin: 0;
    padding: 0;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    color: #333;
    line-height: 12px;
}

#top {
    position: static;
    height: 175px;
    /*width: 1010px;*/
    padding-left: 38px;
}

#stage {
    position: static;
    display: block;
    float: left;
    margin: 0px;
    top: 175px;
    height: 312px;
    /*width: 100%;*/
    background-color:#fff;
    /*padding-left: 43px;*/
    /*width: 5010px;*/
}

/* article normal */

#article_normal_head {
    width:100%;
    height:61px;
    background-repeat: repeat-x;
    background-position: 0px 1px;
}

/* projektoverview stage */
.liste {
    width: 20px;
}

/* projektoverview top frame */
.liste #pro_top {
    height: 125px;
    width: 100%;
    background-image:url(../images/bg_project.jpg);
    background-repeat: repeat-x;
}
/* projektoverview top frame - arno bg */
.be_arno .liste #pro_top {
    background-color: #f1f3f4;
}

/* projektoverview top frame - nicole bg */
.be_nicole .liste #pro_top {
    background-color: #f3f3f0;
}
/* projektoverview top frame - nicole bg */
.be_susa .liste #pro_top {
    background-color: #e1dcd4;
}
/* projekt dummy left */
.pro_left {
    float:left;
    width: 35px;
    margin-top: -126px;
    height: 314px;
}
.liste img {
    height: 61px;
    border: 1px solid #fff;
}

/* ------ projektcontainer ----- */
.pro_kat {
    z-index: 1000 !important;
    float: left;
    margin-top: -125px;
    height: 315px;
    width: 194px;
}

.pro_title {
    /*height: 56px;*/
    padding: 0px;
    margin: 0px;
}

.pro_kat .pro_title h2 {
    padding: 0px;
    margin-left: 8px;
    margin-top: 40px;
    margin-bottom: 0px;
    font-size: 10px;
    font-weight: normal;
    color: #333333;
}
.pro_kat ul {
    display: block;
    position: static;
    list-style: none;
	margin: 0px;
    margin-top: 16px;
    padding: 0px;
}

.pro_kat li {
    margin-left: 8px;
    margin-bottom: 3px;
	padding: 0px;
}

.pro_kat a.pro_link_off {
    color:#e9e9e9;
    z-index:0;
    font-weight: normal;
}

/* wird eigentlich vom javascript nicht angesteuert */
.pro_kat a.pro_link_on {
    color:#33333;
    z-index:0;
    font-weight: normal;
}

.pro_kat a:hover {
    font-weight: bold;
    color: #000;
}

#bottom {
    clear: both;
    width: 100%;
}

#bottom p {
    padding-left: 38px;
}

#menue, #menue_project {
    float: left;
    height: 15px;
    background-color: #595959;
    background-color: black;
	margin: 0px;
	padding: 0px;
    vertical-align: bottom;
}

#menue ul {
    height: 14px;
    margin-top: 1px;
    padding-left: 38px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 800px;
    list-style: none;
    float:left;
}
#menue ul, .menue_text ul {
    height: 14px;
    margin-top: 1px;
    margin-left: 18px;
    padding: 0px;
	padding-top: 0px;
    /*width: 450px;*/
    padding-bottom: 0px;
    list-style: none;
    float:left;
}

#menue > ul, .menue_text > ul {
    margin-left: 38px;
}

/*test*/

#menue li, .menue_text li {
    float: left;
    height: 12px;
    display: inline;
    padding: 0px;
    margin: 0px;
    width: 140px;
}

#menue a, .menue_project_one_block a {
    font-size: 10px;
    color: #fff;
}

a.active {
    font-weight: bold;
}

#menue_project .menu_projekt_numb .menu_pro_selected {
    font-weight: bold;
}


.menue_project_one_block {
    float:left;
}

.menue_project_numb {
    float: right;
    width: 400px; /* nur eine annahme */
    margin-top: 1px;
}
.menue_project_numb p {
    text-align: right;
    margin: 0px;
}

.menue_project_one_block {
    width: 1017px;
    float: left;
}



.menue_project_one_block_spacer {
    width: 250px;
    float: left;
}

.one_numb a.menue_pro_numb, .one_numb a.menu_pro_selected, .one_more {
    /*float: left;*/
    width:20px;
    margin-left: 3px;
    text-align: right;
}
.one_more {
    margin-left: 15px;
    margin-right: 38px;
} 

.one_last {
    width: 10px;
    margin-left: 15px;
    margin-right: 38px;
}

.one_prev {
    margin-left: 15px;
}
/* startscreen */
.logo {
    position: fixed;
    margin-top: 85px;
}

/*---------- startpage ------------*/

.start {
    background-color: #d9d9d9;
    width: 100%;
}

#home #stage, #start #stage {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
#home #stage .content {
    padding-top: 36px;
    margin-left: 18px;
}

#home #stage > .content {
    margin-left: 38px;
}

.be_arno {
    background-color: #D2D9DB;
    width: 100%;
}

.be_susa {
    background-color: #e1dcd4;
    width: 100%;
}

.be_nicole {
    background-color: #D8D9D1;
    width: 100%;
}

#stage div.content {
	position: block;
    display: block;
    /*padding-left: 38px;*/
    /*margin-top: 36px;*/
    /* direkt in der logik margin-right: 250px; */
    /* direkt in der logik width: 1010px; */
    float: left !important;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}



#stage.intern div.content {
    margin-top: 0px;
	margin-bottom: 0px;
}

h1,h2 {
    font-size: 12px;
}

#sp_arno {
    margin-top: 0px;
}


#sp_susa {
    margin-top: 34px;
}

#sp_nicole {
    margin-top: 30px;
}


img {
    border: 0;
}


a {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    color: #999999;
    text-decoration: none;
}

#impressum {
    margin-left: 30px;
}

/*--------- normal article ---------- */

.article_normal .project_shorty {
	padding: 0px;
	margin: 0px;
    padding-top: 36px;
    margin-right: 38px;
    margin-left: 38px;
    height: 213px;
}
.article_normal .content {
    float: left;
    height: 249px;
}
.article_normal img {
    border: 1px solid #fff !important;
    height: 249px;
}


/* -------- normal > link ------------*/
.article_normal .content_link {
    float: left;
    padding: 0px;
    margin: 0px;
    padding-top: 30px;
    height: 212px;
}
.normal_block_link {
    height: 100px;
    width: 200px;
    margin-top: 10px;
}
.normal_block_link h3, .normal_block_link p{
    padding: 0px;
    margin: 0px;
}

.normal_block_link h3 a {
    color: #333;
    font-weight: bold;
}

.normal_block_link img.link_img {
    float: right;
    border: 1px solid #e5e5e5; 
    padding: 2px;
    margin-left: 10px;
    margin-right: 100px;
    margin-bottom: 1em;
}
    


/*--------- ein projekt ------------ */


/* ..... 1) textblock */
.project_block_text, .intern .project_shorty {
    /*float:left;*/
	padding: 0px;
	margin: 0px;
    padding-top: 36px;
    margin-right: 38px;
    margin-left: 38px;
    width: 934px;
    height: 274px;
}

h1.project_title {
    display:block;
	/*width: 400px;*/
}
h2.project_headline_2 {
    display:block;
}

.project_thetext {
    display: inline;
	  z-index: 0; 
}

.project_text_image, img.project_shorty  {
    float:right;
    /*text-align: right;*/
    margin: 0px;
	margin-top: -36px;
	padding: 0px;
    padding-left: 36px;
    border: 1px solid #fff;
	z-index: 1000 !important; 
	overflow: visible;
}

/* ..... 2) bildblock */


.first_image {
    margin-left: 38px;
    margin-right: 20px;
    float: left;
    border: 1px solid #fff;
}
.second_image {
    margin: 0px;
    float: left;
    border: 1px solid #fff;
}

div.projekt_image .img {
    border: 1px solid #fff;
}

/* --------- block table -------------- */
.block_table table {
    border: 1px solid #e5e5e5;
    margin-top: 36px;
    margin-left: 36px;
}

.block_table td {
    border: 1px solid #e5e5e5;
	padding: 4px;
}