/*
================================
layout.css

projekteins.ch - solgan:
people too weak to follow their
own dreams, will always find a
way to discourage yours!

Muntelier, © 2008 / ch
================================
*/

@import url(color.css);
@import url(typo.css);

/* Normalisieren  (margin, padding) */
body, div, dl, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	} 

/* Normalisieren  (Überschriftsgrössen) */
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	}
	
/* Normalisieren  (list-style) */
ol, ul {
	list-style: none;
	}
	
/* Normalisieren  (font-style, font-weight) */
adress, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}

/* Normalisieren  (list-style) */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
/* Normalisieren  (border) */
fieldset, img {
	border: 0;
	}

/* Normalisieren (Linksausrichtung) */
caption, th {
	text-align: left;
	}

/* Normalisieren (Anführungszeichen) */
q:before, q:after {
	content:'';
	}


/* Zweispalten Layout */
html {
	text-align:	center;
	background: #fff url(../images/frijune_bg.jpg) center repeat-y;
	}
	
body {
	position:relative;
	width: 966px;
	padding-top:0em;
	margin: 0 auto;
	text-align:left;
	border: 0px solid #FFFF99;
	}
	
div#branding {
	position:relative;
	width: 100%;
	height: 27em;
	background: url(../images/frijune_top.jpg) top center no-repeat;
	}
	
div#top_nav {
	position:absolute;
	left:25px;
	top: 140px;
	width: 220px;
	height: 200px;
	text-align:left;
	background:none;
	font-style:italic;
	font-weight:bold;
	}
	
div#top_nav ul {
	list-style-type:none;
	}

div#top_nav a:link, div#top_nav a:active, div#top_nav a:visited {
	color:#003333;
	font-size: 130%;
	text-decoration:none;
	background:none;
	}

div#top_nav a:hover {
	color:#999966;
	font-size: 130%;
	text-decoration:none;
	background:none;
	}

div#top_sub {
	position:absolute;
	left:270px;
	top: 140px;
	width: 220px;
	height: 200px;
	text-align:left;
	font-style:italic;
	font-weight:bold;
	}

div#top_sub a:link, div#top_sub a:active, div#top_sub a:visited {
	color:#666633;
	font-size: 130%;
	text-decoration:none;
	background:none;
	}

div#top_sub a:hover {
	color:#999966;
	font-size: 130%;
	text-decoration:none;
	background:none;
	}
	
div#adress {
	position:absolute;
	left:13%;
	width: 15%;
	}
	
div#sponsors {
	position:absolute;
	top: 230px;
	left:580px;
	width: 360px;
	text-align:right;
	padding: 0;
	}
	
div#sponsors a:link, div#sponsors a:active, div#sponsors a:visited, div#sponsors a:hover {
	background:none;
	}	
	
div#content {
	
	width: 100%;
	height:100% ;
	}

div#content_main {
	position:relative;
	left:25px;
	width:916px;
	}
	
div#content_sub {
	position:absolute;
	left:25px;
	top: 20px;
	width: 220px;
	background:#FFcc01;
	}
	
div#archiv {
	margin-top: 50px;
	font-size: 85%;
	}


div#footer {
	position:relative;
	width:100%;
	height: 100px;
	text-align:left;
	color: #003333;
	padding-top:3%;
	}

ul#nav_main {
	margin-top: 10%;
	}

/* Ausstattung platzieren */
div#branding, div#nav_main, div#site_info {
	width:100%;
	}
	
h2 {
	margin-top:1%;
	margin-bottom:2%;
	font-size:150%;
	color:#999966;
	font-weight:bold;
	letter-spacing:1px;
	}

h3, h4 {
	margin-top:1%;
	margin-bottom:1%;
	font-size:120%;
	color:#003333;
	font-weight:bold;
	letter-spacing:1px;
	}

h5 {
	display:none;
	}

img {
	margin-bottom:1%;
	margin-top:2%;
	}	
	
div#content ul {
	padding: 0 0 0 5px;
	list-style-type: square;
	list-style-position:inside;
	font-size:110%;
	}

p {	
	margin-top: 3px;
	margin-bottom: 5px;
	}

sup {
	color: red;
	font-size:0.7em;
	}

div#content a:link, div#content a:active, div#content a:visited {
	color: #999966;
	}

div#content a:hover {
	color: #003333;
	}

.eingabefeld1 {
	width:40%;
	border: 1px solid #003333;
	color: #003333;
	}

/*end css projekteins.ch */