/*  ------- allgemeine Styles für alle Seiten -------  */



/*  ------- BASICS -------  */

body, html { margin:0; font-family: Georgia, serif; font-size: 9pt; line-height: 13pt; color: #000; padding: 0; }

html { width:100%; height:100%; overflow: scroll; background-color: #eee; }

body {
	margin-left:auto;
	margin-right:auto;
	width: 775px;
	min-height:100%;
}




img { margin:0; padding:0; border:0; margin-bottom: 5px; }

ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

li {
   padding: 0;
   margin: 0;
}




p { margin:0; padding:0; margin-top: 9px; }

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h1 { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; font-style: normal; text-transform: uppercase; font-weight: bold; letter-spacing: 0px; margin-bottom: 5px; }

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold; 
	letter-spacing: 0px;
	margin-bottom: 5px;
}

a.log-link:link, a.log-link:visited { font-style: normal; text-decoration: none; color: #EA5121; }
alog-link:active, alog-link:hover { font-style: normal; text-decoration: none; color: #EA5121; }

a:link, a:visited { font-style: normal; text-decoration: none; color: #000; }

a:active, a:hover { font-style: normal; text-decoration: none; color: #EA5121; }



td {
	vertical-align: top;
}




/*  ------- GRUNDLAYOUT NAVIGATION - HEADER - CONTENT -------  */

#nav_col {
	margin-left: 5px;
	float: left;
	width: 90px;
}

#content_col {
	margin-left: 105px;
	margin-right: 5px;
}

#header { height: 120px; background-color: #FFF; text-align: right; }

#header img{ margin-top: 30px; margin-right: 60px; }

#content { margin-left: 5px; padding-left: 40px; padding-right: 73px; }

.box { margin-bottom: 7px; background-color: #FFF; padding: 0px; }

.clear {
	clear: both;
}




/*  ------- HAUPT-NAVIGATION -------  */

ul#main { margin-top: 30px; float: right; font-size: 9pt; font-family: Helvetica, Arial, sans-serifsans-serif; font-weight: bold; text-transform: uppercase; text-align: right; }
	
li#main { margin-bottom: 5px; }


div#outer, div#outer a { display: block; }
	
div.news a { }
div.news { color: #EA5121; }

div.works a { }
div.works { color: #EA5121; }

div.office a { }
div.office { color: #EA5121; }

div.profile a { }
div.profile { color: #EA5121; }

div.contact a { }
div.contact { color: #EA5121; }

div#outer span { display: block; visibility: visible; margin:0; }

div#outer a:hover, div#outer a#active { }
#active { color:#EA5120 }

.hide {
	display: none;
}



/*  ------- SUB-NAVIGATION -------  */

#subnav { padding-bottom: 15px; font-size: 11px; text-align: right; border-top: 1px solid #000; padding-top: 5px; width: 540px; }

#subnav a {
	font-style: normal;
}




/*  ------- LINKBOX-NAVIGATION -------  */

ul#works {
}
	
li#works {
	float: left;
	margin-right: 3px;
}


div#outer_works, div#outer_works a {
	display: block;
	width: 43px;
	height: 14px;
	overflow:hidden;
}
	
div.print a {
	background: url(../pics/basic/nav_print_combi.gif) top left no-repeat;
}
div.print {
	background: url(../pics/basic/nav_print_combi.gif) 0 -14px no-repeat;
}

div.web a {
	background: url(../pics/basic/nav_web_combi.gif) top left no-repeat;
}
div.web {
	background: url(../pics/basic/nav_web_combi.gif) 0 -14px no-repeat;
}


div#outer_works span {
	display: block;
	visibility: hidden;
	margin:0;
}

div#outer_works a:hover, div#outer_works a#active {
	background-image: none;
}

/* cursor für slide anker */
a:hover {cursor:pointer}.linkslide { font-style: normal; color: #E74621; }
.details { margin: 0px; padding: 0px; }



.linkback { float: right; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 7pt; }