/*

              architektei.de - Main stylesheet
              03.11.2008

*/

html,body{
	width: 100%;
	height: 100%;
	}

body{
	margin: 0;
	padding: 0;
	background: #9598a1;
	font: normal 10pt/140% Arial, Helvetica, Sans, Sans-Serif;
	color: #ffffff;
	}

div.clear{
	clear: both;
	}

form{
	margin: 0;
	padding: 0;
	}

a{
	text-decoration: none;
	color: #aa0000;
	}
	a:hover{
		color: #2d2d2d;
		}
	a img{
		border-width: 0;
		}
		
/* PNG FIX */
img{
	behavior:url("../res/js/iepngfix.htc");
	}


div.oldflash{
	border: 3px solid #ff0000;
	background: #ffffff;
	padding: 10px;
	color: #cc0000;
	line-height: 140%;
	}
	div.oldflash a{
		text-decoration: underline;
		}


/*img{
	behavior: url('../res/js/iepngfix.htc');
	}
*/

img.bord{
	border: 1px solid #dddddd;
	}

table{
	border-collapse: collapse;
	border-spacing: 0;
	}
td{
	vertical-align: top;
	}

span.redpipe{
	color: #aa0000;
	font-weight: bold;
	}

table#background-table{
	width: 100%;
	height: 100%;
	}
	table#background-table td#background-left{
		background: transparent url('../../img/layout/shadow_l.gif') top right repeat-y;
		color: #9598a1;
		}
	table#background-table td#background-middle{
		width: 1000px;
		height: 100%;
		}
	table#background-table td#background-right{
		color: #9598a1;
		}



table#maintable{
	width: 100%;
	height: 100%;
	}
	td#left{
		width: 278px;
		background: #b3b3bb;
		border: solid #dddddd;
		border-width: 0 1px 0 1px;
		}
		td#left img#logo{
			margin: 44px 0 0 18px;
			}
		td#left img#image{
			margin: 20px 0 0 0;
			border: solid #dddddd;
			border-width: 1px 0 1px 0;
			}
		td#left div#leftcontent{
			margin: 40px 0 0 0;
			padding: 0 20px 0 20px;
			}
	td#right{
		margin: 0;
		padding: 0px 0px 0 50px;
		background: transparent url('../../img/layout/shadow_r.gif') top left repeat-y;
		border: solid #aaaaaa;
		border-width: 0 0 0 0;
		}
		td#right div#content{
			margin: 50px 20px 20px 20px;
			padding: 0px;
			}
			td#right div#content p{
				margin: 0 0 10px 0px;
				padding: 0;
				font: normal 10pt/140% Arial, Helvetica, Sans, Sans-Serif;
				color: #ffffff;
				}
			td#right div#content a {
				font: normal 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
				color: #b91010;
				}
			td#right div#content a:hover{
				color: #2d2d2d;
				}

	

/* PROJEKTE - M E N U */
div#projectsmenu{
	margin: 20px 0 0 0;
	font-size: 9pt;
	line-height: 100%;
	}
	div#projectsmenu h1{
		font-size: 12pt;
		padding: 0 0 0 8px;
		border: solid #aa0000;
		border-width: 0 0 0 1px;
		color: #ffffff;
		line-height: 120%;
		}
	div#projectsmenu a{
		display: block;
		color: #222222;
		font-weight: bold;
		padding: 5px 0 4px 20px;
		background: #9598a1 url('../../img/layout/arrow_black.gif') 2px 50% no-repeat;
		margin: 7px 0 0px 0;
		}
		div#projectsmenu a:hover{
			background: #2d2d2d url('../../img/layout/arrow_red.gif') 2px 50% no-repeat;
			color: #f0f0f0;
			}
		div#projectsmenu a.active{
			background: #2d2d2d url('../../img/layout/arrow_red.gif') 2px 50% no-repeat;
			color: #f0f0f0;
			}
	div.projects-submenu{
		margin: 0 0 20px 0;
		}
	div#projectsmenu div.projects-submenu a{
		font-size: 8pt;
		padding: 6px 0 4px 20px;
		margin: 0 0 0px 0;
		color: #f0f0f0;
		background: #4d4d4d url('../../img/layout/arrow_black.gif') 2px 50% no-repeat;
		}
	div#projectsmenu div.projects-submenu a:hover{
		background: #4d4d4d url('../../img/layout/arrow_red.gif') 2px 50% no-repeat;
		color: #f0f0f0;
		}
	div#projectsmenu div.projects-submenu a.active{
		background: #4d4d4d url('../../img/layout/arrow_red.gif') 2px 50% no-repeat;
		color: #f0f0f0;
		}


/* Hauptmenue oben */
div#menu{
	float: left;
	margin: 40px 0 0 20px;
	border: solid #aa0000;
	border-width: 0 0 0 1px;
	line-height: 120%;
	}
	div#menu a{
		font-size: 9pt;
		font-weight: bold;
		color: #ffffff;
		padding: 2px 20px 1px 20px;
		border: solid #aa0000;
		border-width: 0 1px 0 0;
		}
	div#menu a:hover {
		color: #2d2d2d;
		}
	div#menu a.active {
		color: #2d2d2d;
		}
	div#menu a.active:hover{
		color: #000000;
		}

/* Menü links für Impressum, Kontakt */
div#servicemenu{
	margin: 30px 0 0 0;
	padding: 0;
	font-size: 8pt;
	border: solid #aa0000;
	border-width: 0 0 0 1px;
	line-height: 160%;
	}
	div#servicemenu a{
		font-weight: bold;
		color: #ffffff;
		padding: 2px 10px 1px 10px;
		border: solid #aa0000;
		border-width: 0 1px 0 0;
		}
	div#servicemenu a:hover{
		color: #222222;
		}
	div#servicemenu a.active{
		color: #222222;
		}
	div#servicemenu a.active:hover {
		color: #000000;
		}

/* Newsbox Home */
div#newsteaser-box{
	color: #333333;	
	}
	div#newsteaser-box h1{
		font-size: 12pt;
		padding: 0 0 0 8px;
		border: solid #aa0000;
		border-width: 0 0 0 1px;
		color: #ffffff;
		line-height: 120%;
		}
	div#newsteaser-box p{
		maring-bottom: 0;
		padding: 0;
		}
	div#newsteaser-box a{
		color: #2d2d2d;
		}
	div#newsteaser-box a:hover{
		color: #aa0000;
		}



div#footer{
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
	font-size: 8pt;
	font-weight: bold; 
	color: #ffffff;
	text-align: center;
	}
	div#footer a{
		font-weight: bold;
		color: #ffffff;
		}
		div#footer a:hover{
			color: #2d2d2d;
			}




ul {
                   list-style-position: outside;
                   margin-left: 0.5em;
                   margin-top: 1em;
                   margin-bottom: 1em;
                   padding-left: 10px;
                   padding-right: 1.0em;
                   vertical-align: top;
                   font: normal 9pt/160% Arial, Helvetica, Sans-Serif, Sans;
                   color: #ffffff;
                    }
ol {
                   list-style-position: outside;
                   margin-left: 0.5em;
                   margin-top: 1em;
                   margin-bottom: 1em;
                   padding-left: 10px;
                   padding-right: 1.0em;
                   vertical-align: top;
                   font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
                   color: #000000;
                    }
.right{
                text-align: right;
                font: normal 8pt/100% Arial, Helvetica, Sans-Serif, Sans;
        }
.small{
                font: normal 8pt/100% Arial, Helvetica, Sans-Serif, Sans;
                color: #2d2d2d;
                }
                .small span{
                         color: #b91010;
                         font-weight: bold;
                         }

h1, h2, h3, h4{
	font-weight: bold;
	line-height: 140%;
	}

h1{
	font-size: 16pt;
	}
h2{
	font-size: 14pt;
	}
h3{
	font-size: 12pt;
	}
h4{
	font-size: 10pt;
	}



.floatleft{
                float: left;
                margin: 4px 10px 10px 0;
                border: 1px solid #c0c0c0
                }
.floatright{
                float: right;
                margin: 4px 0px 10px 10px;
                border: 1px solid #c0c0c0
                }