/* ::::: rst.css ::::: */
/* ::::: rst-stahlbau.de ::::: */

/* ::::: COLORS ::::: */
/*
#0093dd (cyan)
#272727
#7f7f7f
#d9d9d9
#cccccc
#eeeeee
#ffffff

*/

/* ::::: COMMONS ::::: */

html    {
        height: 100%;
        padding-bottom: 1px;
        }
        
*       {
        margin: 0;
        padding: 0;
        }

body    {
		font-family: arial,helvetica,sans-serif;
        font-size: 62.5%;
        text-align: center;
        background: #eeeeee;
        color: #272727;
        }

a:link, a:visited {
        color: #272727;
        text-decoration: none;
        }
        
a:hover {
        text-decoration: none;
        }
		
a.active {
		color: #0093dd;
		}

a.extern {
		color: #0093dd;
/*		background: url(icons/rarrow.gif) no-repeat 0 50%;
		padding-left: 16px;
*/		}
		
a.imtext {
		color: #0093dd;
		}

h1      {
        font-family: arial,helvetica,sans-serif;
        font-size: 1.5em;
        font-weight: bold;
		margin-bottom: 9px;
        }
        
h2      {
        font-family: arial,helvetica,sans-serif;
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 3px;
        }
        
h3      {
        font-family: arial,helvetica,sans-serif;
        font-size: 1.3em;
        font-weight: bold;
        margin-bottom: 2px;
        }
        
p		{
        margin-bottom: 6px;
        font-size: 1.3em;
        line-height: 1.3em;
        }

sup		{
		font-size: 0.7em;
		line-height: 0;
		}

img     {
        border: none;
        }
        
.clear  {
        clear: both;
        }
        
ul      {
        list-style-type: none;
        }
        
/* ::::: WRAP ::::: */

#wrap   {
        width: 860px;
        margin: 3px auto;
        border: 1px solid #d9d9d9;
        background: #FFFFFF;
        text-align: left;
        }
       
/* ::::: HEADER :: TOPNAVI ::::: */

#header {
        width: 860px;
        margin: 0 auto;
		padding-top: 16px;
        text-align: right;
        }
		
ul.topnavi {
		margin-bottom: 5px;
        font-size: 1.2em;
		}
        
ul.topnavi li {
        display: inline;
        letter-spacing: 0.1em;
		line-height: 1em;
        margin-left: 9px;
		padding-left: 3px;
        }

ul.topnavi li a {
        padding-left: 9px;
        color: #272727;
        }
        
ul.topnavi li a:hover, ul.topnavi li a.active {
        color: #0093dd;
        }
		
		
/* ::::: SIDEBAR ::::: */

#sidebar {
		width: 252px;
		position: absolute;
		left: 50%;
		margin-left: -430px;
		}
		
#sidewrap {
		width: 252px;
		margin-top: 274px;
		background: #ffffff;
		}
		
#logo	{
		width: 252px;
		background: #ffffff;
		}

#sidenavi {
        width: 252px;
		padding-top: 31px;
		padding-bottom: 30px;
		text-align: left;
		background: #ffffff;
        }
        
ul.sidenavi {
        list-style-type: none;
        font-size: 1.3em;
        font-weight: bold;
		margin-left: 26px;
		margin-top: 3px;
        }
        
ul.sidenavi li {
        margin-bottom: 6px;
        }

ul.sidenavi li a.active {
        color: #0093dd;
        }
		
                       
/* ::::: STAGE ::::: */

#stage  {
        width: 860px;
        height: 300px;
		background: #ffffff;
        }
        
#bu     {
        width: 100%;
        margin: 6px 0 12px 0;
        }
        
p.bu	{
        margin-left: 545px;
        color: #0093dd;
        font-size: 1.2em;
        }
		
p.bu2	{
        margin-left: 565px;
        color: #0093dd;
        font-size: 1.2em;
        }
		
#stage_left {
		float: left;
		width: 252px;
		height: 300px;
		}
		
#stage_right {
		float: left;
		width: 600px;
		height: 300px;
		}
		
img.big	{
		float: left;
		}


/* ::::: CONTENT ::::: */

#content {
        width: 600px;
		margin-left: 252px;
        padding: 0;
        }
        
.textcol1 {
        float: left;
        width: 260px;
		margin-bottom: 12px;
        }
        
.textcol2 {
        float: left;
        width: 260px;
        margin-left: 32px;
		margin-bottom: 12px;
        }

.textcol4 {
        float: left;
        width: 260px;
        margin-left: 52px;
		margin-bottom: 12px;
        }

.textcol_full {
        float: left;
        width: 100%;
		margin-bottom: 12px;
        }

div.textbox {
		background: #eeeeee;
		padding: 9px 12px;
		font-style: italic;
		}

img.imtext {
		margin-top: 6px;
		}
		
img.motto {
		margin: 20px 0 20px 0;
		}
		
#spacer {
        float: right;
        width: 1px;
        height: 240px;
        }
		
#leitbild {
		width: 860px;
		height: 600px;
		background: url(images/leitbild.gif) no-repeat;
		}


/* ::::: PROJEKT-NAVI ::::: */


div.projektlinks {
		clear: both;
		margin: 46px 0 0 15px;
		width: 184px;
		}

div.projektlinks img {
		margin: 9px 0;
		}


/* ::::: LISTEN ::::: */

ul.textul {
        list-style-type: disc;
        margin-left: 18px;
        font-size: 1.3em;
        line-height: 1.2em;
        margin-bottom: 12px;
        margin-top: 6px;
        }
        
ul.textul li {
        margin: 6px 0;
        }


ul.projekte {
		clear: both;
		width: 560px;
		margin: 20px 0;
        }
        
ul.projekte li {
		display: block;
		margin-bottom: 6px;
		padding-top: 6px;
		border-top: 1px dotted #7f7f7f;
        }

ul.projekte li img {
		float: left;
		margin-right: 12px;
        }
      
ul.referenzen {
		clear: both;
		width: 560px;
		margin: 20px 0;
        }
        
ul.referenzen li {
		display: block;
		margin-bottom: 6px;
		padding-top: 6px;
		border-top: 1px dotted #7f7f7f;
        }

.last	{
		padding-bottom: 6px;
		border-bottom: 1px dotted #7f7f7f;
		}
		
ul.referenzen li li {
		border: none;
		}

ul.referenzen li img {
		float: left;
		margin-right: 12px;
        }
      

ul.thumbs {
		height: 120px;
		}

ul.thumbs li {
		display: inline;
		}

ul.thumbs img {
		padding: 2px;
		border: 1px solid #cccccc;
		margin-right: 6px;
		}
		
ul.thumbs img:hover, ul.thumbs img.activethumb {
		padding: 2px;
		margin-right: 6px;
		background: #0093dd;
		}


ul.doclinks {
        line-height: 1.2em;
        margin-bottom: 12px;
        }
        
ul.doclinks li {
        margin: 3px 0;
        }
        
ul.doclinks li a, a.doclink {
        background: url(icons/doc.gif) no-repeat 0 2px;
        padding-left: 15px;
        color: #0093dd;
        font-size: 1.3em;
		line-height: 1.2em;
        }

ul.impressum {
        margin-bottom: 6px;
        font-size: 1.3em;
        line-height: 1.3em;
        }



/* ::::: KONTAKT ::::: */

fieldset, .alertbox {
		width: 248px;
		margin: 6px 0;
		padding: 5px 7px;
		border: 1px solid #d9d9d9;
        background: #eeeeee;
        }
        
label   {
        margin-left: 2px;
		color: #0093dd;
        }
        
input.person {
        margin-top: 2px;
		border: 1px solid #d9d9d9;
		width: 186px;
        padding: 2px 3px;
		font-size: 1em;
		}

textarea {
        margin-top: 2px;
		border: 1px solid #d9d9d9;
        width: 240px;
        height: 140px;
        font-family: arial,helvetica,sans-serif;
        font-size: 1em;
        padding: 2px 3px;
		}

input.submit {
        margin-top: 12px;
		margin-left: 6px;
		border: 1px solid #d9d9d9;
        background: #0093dd;
        color: #ffffff;
		letter-spacing: 0.05em;
        height: 20px;
        }

address {
        font-size: 1.3em;
        font-style: normal;
		margin-top: 3px;
        margin-bottom: 9px;
        line-height: 1.3em;
        }
		
span.alert {
		color: #0093dd;
		}


/* ::::: FOOTER ::::: */

#footer {
        width: 860px;
        margin: 0 auto;
        color: #7f7f7f;
		text-align: left;
        margin-bottom: 12px;
        }
        
#footer p {
        margin-top: 4px;
        font-size: 1em;
		margin-left: 252px;	
        }