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

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

Muntelier, © 2007 / 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, th, var {
	font-style: normal;
	font-weight: normal;
	}

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

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

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


/* Zweispalten Layout */
html {
	text-align:	center;
	background: #fff9cf url(../images/bg.gif) center repeat;
	}
	
body {
	position:relative;
	width: 1000px;
	padding-top:1em;
	margin: 0 auto;
	text-align:left;
	border: 0px solid #FFFF99;
	}
	
	
div#leftrow, div#leftrow1, div#leftrow2, div#leftrow3, div#leftrow4, div#leftrow5, div#leftrow6, div#leftrow7, div#leftrow8, div#leftrow9, div#leftrow10 {
	position:absolute;
	top:0px;
	left:0px;
	width: 333px;
	height: 1000px;
	border-left: 1px solid #6a6a65;
	}
	
div#leftrow {
	background: #f4f4e1 url(../images/links.jpg) top left no-repeat;
	}
	
div#leftrow1 {
	background: #f4f4e1 url(../images/left2.jpg) top left no-repeat;
	}
	
div#leftrow2 {
	background: #f4f4e1 url(../images/left1.jpg) top left no-repeat;
	}
	
div#leftrow3 {
	background: #f4f4e1 url(../images/left3.jpg) top left no-repeat;
	}
	
div#leftrow4 {
	background: #f4f4e1 url(../images/left4.jpg) top left no-repeat;
	}

div#leftrow5 {
	background: #f4f4e1 url(../images/left5.jpg) top left no-repeat;
	}
	
div#leftrow6 {
	background: #f4f4e1 url(../images/left6.jpg) top left no-repeat;
	}
	
div#leftrow7 {
	background: #f4f4e1 url(../images/left7.jpg) top left no-repeat;
	}
	
div#leftrow8 {
	background: #f4f4e1 url(../images/left8.jpg) top left no-repeat;
	}
	
div#leftrow9 {
	background: #f4f4e1 url(../images/links.jpg) top left no-repeat;
	}
	
div#leftrow10 {
	background: #f4f4e1 url(../images/left10.jpg) top left no-repeat;
	}
		
div#language {
	position:absolute;
	top:122px;
	left: 0px;
	width: 162px;
	text-align:center;
	}
	
#language a:link, #language a:active, #language a:visited {
	color: #04067b;
	font-size:95%;
	text-decoration: none;
	}

#language a:hover {
	color: #0609ae;
	border-bottom: 1px solid #04067b;
	}

div#leftnews {
	position:absolute;
	top:165px;
	left: 0px;
	width: 157px;
	margin-left: 2px;
	text-align:center;
	/*
	background: url(../images/leftnews_bg.gif) top left repeat;*/
	}

div#rightrow {
	position:absolute;
	top:0px;
	left:334px;
	width: 666px;
	background: #fafae6;
	height:1000px;
	border-right: 1px solid #6a6a65;
	}	
	
div#branding {
	position:relative;
	background: #fafae6 url(../images/top.jpg) top left no-repeat;
	width: 100%;
	height: 152px;
	}
	
div#menu {
	position:absolute;
	top: 170px;
	left:162px;
	width: 170px;
	list-style:none;
	text-align:center;
	}
	
div#menu a:link, #menu a:active, #menu a:visited {
	display:block;
	color: #04067b;
	text-decoration: none;
	padding: 2px;
	border-bottom: 1px solid #ccc;
	letter-spacing:1px;
	font-weight:bold;
	}

div#menu a:hover {
	display:block;
	color: #0609ae;
	background: #f5f3ca;
	border-bottom: 1px solid #04067b;
	font-weight:bold;
	}
	
div#content { 
	position: relative;
	top:0px;	
	background: #fafae6 url(../images/ecke.gif) top left no-repeat;
	padding-left:18px;
	padding-right:9px;
	width: 639px;
	text-align: justify;
	}
	
div#logo {
	position:absolute;
	left:0;
	width: 12%;
	text-align:center;
	}
	
div#adress {
	position:absolute;
	left:13%;
	width: 15%;
	}
	
div#flashbalken {
	position:absolute;
	left:29%;
	width: 71%;
	text-align:right;
	border-left: 1px solid #e0e03d;
	}
	
div#content_sub {
	position:absolute;
	left:0;
	width:26%;
	}

div#footer {
	position:absolute;
	padding-left:0px;
	padding-right:18px;
	width: 648px;
	text-align:left;
	color: #000055;
	padding-top:3%;
	}

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

ul#nav_main a:link, ul#nav_main a:active, ul#nav_main a:visited {
	display:block;
	color: #000055;
	text-align:right;
	margin-bottom:2px;
	padding: 2px 20px 2px 15px;
	border-right: 1px solid #e0e03d;
	border-bottom: 1px solid #e0e03d;
	background: #ffff9a url(../images/menu3.jpg) top left repeat-y;
	} 
	
ul#nav_main a:hover {
	display:block;
	background: #000055;
	color: #000055;
	font-weight:bold;
	margin-bottom:2px;
	border-right: 1px solid #000055;
	border-bottom: 1px solid #000055;
	background: #e0e03d url(../images/ecke.gif) top left no-repeat ;
	} 

/* Ausstattung platzieren */
div#branding, div#nav_main, div#site_info {
	width:100%;
	}
	
h2 {
	padding-top:3%;
	margin-bottom:2%;
	font-size:150%;
	letter-spacing:1px;
	}
	
h3 {
	margin-top:2%;
	margin-bottom:1%;
	padding-top:2px;
	padding-bottom:2px;
	font-size:140%;
	letter-spacing:1px;
	background: #e4e4d0;
	}
	
h4 {
	padding-top:3%;
	margin-bottom:3%;
	font-size:120%;
	letter-spacing:1px;
	}

h5 {
	padding-top:2px;
	padding-left: 7px;
	font-size:110%;
	letter-spacing:1px;
	}

img {
	margin-bottom:1%;
	margin-top:2%;
	}	
	
#content p {
	margin-bottom: 10px;}
#werbung {
	 background-color: #f3f3d9;
	 padding-top: 10px;
	 padding-left: 5px;
	 border-top: 1px solid #e4e4d0;
	 border-left: 1px solid #e4e4d0;
	 border-bottom: 1px solid #e4e4d0;
	 border-right: 1px solid #e4e4d0;
	 }
#werbung1 {
	 background-color: #f3f3d9;
	 padding-top: 9px;
	 padding-left: 5px;
	 border-top: 1px solid #e4e4d0;
	 border-left: 1px solid #e4e4d0;
	 border-bottom: 1px solid #e4e4d0;
	 border-right: 1px solid #e4e4d0;
	 }

.img_align {
		vertical-align:bottom;		}

.img_align2 {
		vertical-align:bottom;
		}