/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body  { font: 76% Verdana, Tahoma, Arial, sans-serif; background: #f4f4f4 repeat-y center top; margin: 0 auto; padding: 0 }

.clear {
	clear: both;
	height:30px;
}

#wrap  { color: #303030; background: #ffffff; margin: 0 auto; width: 780px }

#header {
clear: both;
margin: 20px 0 0 0;
padding: 0;
height: 45px;
}

#header h1 {
width: 250px;
margin: 0 0 10px 0;
float: left;
}

#header p  { color: #a0a0a0; font-size: 0.8em; line-height: 1.2em; text-align: center; margin: 0 0 10px; width: 500px; float: right }
#header h2 { color: #a0a0a0; text-align: center; margin: 0 0 10px; width: 500px; float: right }
#frontphoto {
margin: 0 0 10px 0;
border: 0;
}
#enix { margin: 0 0 10px; border: 0 }
#avmenu  { font-size: 0.9em; margin: 0 0 10px; padding: 0; width: 170px; float: left; clear: left }

#avmenu ul  { font-size: 1.1em; list-style: none; margin: 0 0 20px; padding: 0; width: 170px }	

#avmenu li {
margin-bottom: 4px;
}

#avmenu li a  { color: #505050; font-weight: bold; text-decoration: none; background: #f4f4f4; display: block; padding: 6px 0 0 10px; height: 30px; border-left: 4px solid #cccccc }	
	
#avmenu li a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}

.announce  { color: #505050; line-height: 1.3em; background-color: #f4f4f4; margin: 10px 0; padding: 10px; width: 150px }

#extras {
float: right;
width: 100px;
color: #505050;
background-color: #f4f4f4;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#extras p {
margin: 0 0 1.5em 0;
}
#content  { line-height: 1.6em; text-align: left; margin: 0 110px 20px 160px; padding: 0 10px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0 }
#contentpart1 { line-height: 1.6em; text-align: left; margin: 0 55px 20px 160px; padding: 0 10px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0 }
#contentpart2 { line-height: 1.6em; text-align: left; margin: 0 110px 20px 215px; padding: 0 10px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0 }
#inhalt      { line-height: 1.6em; margin: 0 10px 20px 180px; padding: 0 10px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0 }
.inhalt-box-white     { margin: 0 2px 1.5em; padding: 0; position: inherit; width: 98%; float: left }
.inhalt-left   { margin-right: 2px; margin-left: 2px; position: inherit; width: 47.75%; float: left }
.inhalt-right   { margin-right: 2px; margin-left: 2px; position: inherit; width: 47.75%; float: right }
.inhalt-box-title-grey { color: rgb(50,50,50); font-weight: bold; background-color: rgb(220,220,220); display: block; margin: 0 0 0.5em; padding: 0.2em 0 0.2em 0.3em; clear: both }
.inhalt-box-left-white    { margin: 0 0 1.5em; padding: 0; width: 98%; float: left }
.inhalt-box-right-white   { margin: 0 0 1.5em; padding: 0; width: 98%; float: right }
.inhalt-box-white p.heading { font-size: 1.2em; font-weight: bold; margin: 1em 0 }
.inhalt-box-white p.subheading { font-weight: bold; margin: 1em 0 0.6em }
.inhalt-box-white p { margin: 0 0 0.6em }
.inhalt-box-left-white p.heading { font-size: 1.2em; font-weight: bold; margin: 1em 0 }
.middle-column-box-left-white p.subheading { font-weight: bold; margin: 1em 0 0.6em }
.inhalt-box-left-white p { margin: 0 0 0.6em }
.inhalt-box-right-white p.heading { font-size: 1.2em; font-weight: bold; margin: 1em 0 }
.inhalt-box-right-white p.subheading { font-weight: bold; margin: 1em 0 0.6em }
.inhalt-box-right-white p { margin: 0 0 0.6em }
.inhalt-img-left { margin: 0.3em 0.5em 0 0; float: left; border: solid 1px rgb(100,100,100) }
.inhalt-img-right { margin: 0.3em 0 0 0.5em; float: right; border: solid 1px rgb(100,100,100) }
#inhalt fp    { line-height: 1.6em; margin: 0 10px 20px 180px; padding: 0 10px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0 }
#inhalt kasten {
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}
#inhalt1spalte { line-height: 1.6em; margin: 0 10px 20px; padding: 0 10px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0 }
#table    { line-height: 1.6em; margin: 0 10px 20px 160px; padding: 0 10px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0 }
#tablemore { line-height: 1.6em; border-right: #f0f0f0; border-left: #f0f0f0 }
#table p      { font-size: 9pt; line-height: 10pt; border-right: medium solid #f0f0f0; border-left: medium solid #f0f0f0 }
#tablemore p { font-size: 9pt; line-height: 10pt; border-right: medium solid #f0f0f0; border-left: medium solid #f0f0f0 }
/*#inhalt table            { font-size-adjust: 12; text-align: center; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0 }*/
/*#inhalt table tr { width: 160px; border-top: 1px #f0f0f0; border-bottom: 1px #f0f0f0 }
#inhalt table p   { font-size: 85%; text-align: center }*/
#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}
#inhalt h2 { font-size: 1.5em; margin: 0 0 0.5em }
#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}
#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
width: 760px;
text-align: center;
color: #808080;
font-size: 0.9em;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}
.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}
.hide {
display: none;
}
f { }
#pic_text  { width: 480px; height: auto; float: right }
#pic_text text   { text-align: left; margin-right: 20px; margin-left: 260px; width: 210px; height: auto }
#pic_text pic { list-style-image: inherit; width: 240px }
/*LETTINGS*/