div {
	border: 0px solid #333;
	}

/* Allgemein */
/* ----------------------------------------------------- */
.ahem, .skiplinks {display:none;}
.invisible { display:none; }
.nachoben A{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	padding: 2px 4px 3px;
}
.nachoben A:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #FAF4D9;

}
.mailform{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72%;

	}
.mailformrequired {
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72%;
	}

/* HTML tag styles */
/* ----------------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	background-color: #DEE4F3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72%;
	line-height: 130%;
	background-image: url(../images/swarchitects_hintergrund01.gif);
	background-repeat: repeat-y;

}
p {
	margin: 0px 0px 10px 0px;
	}
a:link, a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1 {
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;

}
h2 {
	font-size: 100%;
	margin: 20px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	border-color: #CC3C17;
	border-style: solid;
	border-width: 1px 0px 1px 0px;

}
h3 {
	font-size: 100%;
	margin-bottom: 2px;
	font-style: italic;
}

blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
}
.table {
	font-size: 100%;
	line-height: 150%;
}
.tablecell {
	border-top: none;
	border-right: 1px solid #F5E9B3;
	border-bottom: 1px solid #F5E9B3;
	border-left: none;
	background-color: #FAF4D9;
}






/* Header */
/* ----------------------------------------------------- */
#header{
	height: 180px;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	
}
#header img{
	margin: 0;
	padding: 0;
}

/* Topnav */
/* ----------------------------------------------------- */
#topnav {
	width: 250px;
	height: 25px;
	text-align: left;
	position: absolute;
	top: 160px;
	left: 505px;
}

/* Left Cols */
/* ----------------------------------------------------- */
#leftcol {
	position: absolute;
	top: 200px;
	width: 190px;
	left: 0px;
}

/* Center Cols */
/* ----------------------------------------------------- */	

#centercol {
	width: 460px;
	margin: 40px 0px 40px 240px;
}
#centercol li {
		list-style-type: square;
		margin: 0px 0px 4px 0px;		
}

.celmenu {
	font-size: 100%;
	margin: 4px 0px 0px 20px;
	padding: 0px 0px 0px 16px;
	background-image:  url("../images/quadrat_schwarz_5x5.gif");
	background-repeat: no-repeat;
}

.celsubmenu {
	font-size: 100%;
	list-style-type: square;
	margin: 0px 0px 4px 0px;
}

/* News & Events Formatierung */
/* ----------------------------------------------------- */	
#centercol .date{
	margin: 15px 0px 0px 0px;

}
#centercol .newstitle{
	margin: 4px 0px 0px 0px;
}
#centercol .newstext{
	margin: 4px 0px 0px 0px;
}
#centercol .more{
	margin: 0px 0px 0px 0px;
}

/* Right Cols */
/* ----------------------------------------------------- */
#rightcol {
	position: absolute;
	top: 155px;
	left: 760px;
	width: 180px;

}
	#rightcol h1 {
	font-size: 11px;
	color: #152D6E;
	background-color: #8C9FD5;
	height: 20px;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	width: 170px;
	border-top: 1px solid #506DBF;
	border-bottom: 1px solid #506DBF;
	}
	#rightcol h2 {
	font-size: 11px;
	color: #152D6E;
	padding:0px 2px 2px 2px;
	margin: 0px 0px 0px 0px;

	}
	#rightcol p {
	font-size: 11px;
	color: #000;
	line-height: 120%;
	padding:0px 2px 2px 2px;
	margin:0px;
	}
	#rightcol .date {
	margin:4px 0px 0px 0px;
	font-size:10px;
	}
	#rightcol .morenews {
	margin:8px 0px 0px 0px;
	}
	#rightcol A {
	font-size: 11px;
	}
	#rightcol .tabelle {
	margin-bottom: 10px;
}
	#rightcol .abstand {
	padding-bottom: 5px;
}
	#rightcol .pfeil {
	margin: 0px 3px 20px 0px;
	float: left;
}

#rightcol .addinfo{
	background-color:#CBD4EC;
	border-bottom: 1px solid #506DBF;
	border-left: 1px solid #506DBF;
	border-right: 1px solid #506DBF;
	padding:0px 0px 5px 0px;
	margin:0px 0px 12px 0px;
}
#rightcol .caption {
	font-size: 11px;
	color: #000;
	line-height: 120%;
	padding:0px 2px 0px 2px;
	margin:0px;
	text-align:right;
	}

/* Footer */
/* ----------------------------------------------------- */
#footer {
	width: 480px;
	border-top: solid #6FABB1 1px;
	margin: 0px 0px 0px 240px;
	padding: 15px 0px 0px 0px;
	font-size: 11px;
}

/* FORMATIERUNGEN */
/* ----------------------------------------------------- */

/* Topnav Menue */
/* ----------------------------------------------------- */
.topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #262626;
}
.topnav A{
	color: #262626;
	text-decoration : none;

}
.topnav A:hover{
	color: #002A55;
	text-decoration : none;

}
.topnav A:active{
	color: #002A55;
	text-decoration : none;

}


/* Nav */
/* ----------------------------------------------------- */
/*** Nav bar styles ***/

ul#nav,
#nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 5px 0px 0px 0px;
	cursor: default;
	list-style-type: none;
	font-size:105%;
}

ul#nav{
	width: 180px;
	padding: 0px 0px 0px 10px;
}

ul#nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

#nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 0px 0px 10px;
}

/*** Menu styles (customizable) ***/
ul#nav li{
	border-top:1px solid #D96D51;
	padding:2px 0px 5px 0px;
}

ul#nav,
#nav ul,
#nav ul li a{
	color: #fff;
}

ul#nav li:hover,
#nav ul li a:hover{
	color: #fff;
	text-decoration:underline;
}

ul#nav li:active,
#nav ul li a:active{
	color: #fff;
	
}

#nav a{
	color:#fff;
	text-decoration:none;
}
#nav :hover{
	text-decoration:underline;
}

#language{
	width:130px;
	padding:4px 4px 6px 20px;
	margin:20px 0px 0px 0px;
	background-color:#D96D51;
}
#language a:link, #language a:visited{
	color:#990000;
}

/* Footernav + Copyright */
/* ----------------------------------------------------- */
	#footernav {
	color: #787B7B;
	margin: 8px 0px 4px 0px;
	}

	#footernav A{
	color: #787B7B;
	text-decoration : none;
	font-size: 11px;

	}
	#footernav A:hover{
	color: #999;
	text-decoration : underline;
	}
	#footernav A:active{
	color: #787B7B;
	text-decoration : none;

	}
	#copyright {
	color: #787B7B;
	font-size: 11px;
	}
	#copyright A {
	color: #787B7B;
	text-decoration: none;
	}
	
	#copyright A:hover {
	color: #999;
	text-decoration : underline;
	}
	#copyright A:active {
	color: #787B7B;
	text-decoration : none;
	}

/* Formatierung der E-Mail Formulare*/
#centercol .csc-mailform{
	border:0px solid #e9e9e9;

	padding: 12px;
	margin: 0 0 4px 0;
}

#centercol .csc-mailform-field, #centercol .csc-mailform-label{
	font-size: 1em;
	margin-bottom: 0.8em;
	line-height:1.4em;
}
#centercol .csc-mailform-field label{
	float            : left;
    text-align        : right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width: 10em;
    margin-right: .3em;
}

#centercol .csc-textpic-text {
	margin: 0 0 0 0px;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor: pointer;
}