/* LAYOUT generated by csscreator.com */ 
html, body {
font: 83% "lucida sans", "Trebuchet MS", tahoma, sans-serif;
background:#fff; 
color:#333;
margin:0 auto; 
padding:0; 
} 

/*TOP BANNER*/

#header {
position:relative; 
height:100px; 
border-bottom: 3px solid #619ADD;
background: #666; 
color: #fff;
width:100%;
} 
#header h1#logo {
position: absolute;
margin: 10px 0 0 10px;
padding: 0;
font: normal 2.5em 'lucida sans', 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: 3px;
text-transform: none;
top: 0; left: 5px;	
}
#header h2#slogan {
position: absolute;	 
top:30px; left: 90px;
color: #eee;
text-indent: 0px;
font: bold 11px 'lucida sans', Tahoma, 'trebuchet MS', Sans-serif; 
text-transform: none;	
}

/*MAIN MENU*/

#navcontainer {
width: 100%;
}
#navcontainer ul {letter-spacing: 3px;
margin: 0;
padding-left: 0;
list-style-type: none;
font: 100% "lucida sans", Arial, Helvetica, sans-serif;
}
#navcontainer a {
display: block;
padding: 3px;
height:25px;
background: #333;
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited {
padding-top: 8px;
padding-left: 20px;
color: #fff;
background: #666 url(images/pfeil9.gif) left center no-repeat;
background-position: 0.4em;
text-decoration: none;
}
#navcontainer a:hover {
background: #ccc url(images/pfeil8.gif) left center no-repeat;
background-position: 0.4em;
color: #666;
}

/*FOOTER*/

#footer {
clear:both;
width:100%; 
height:50px; 
border-top: 3px solid #619ADD;
background: #666; 
color: #fff;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #000;
}
#footer a:hover {
text-decoration : none;
background : inherit;
color : #eee;
}


/*TYPOGRAPHY*/

p {
padding: 10px 15px 10px 15px;
}
h1 {
padding: 20px;
font-size: 175%;
letter-spacing: 1px;
color:  #000000;
background: transparent;
}
h2 {font-family:  helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
margin-left:10px;
padding: 15px;
font-size: 150%;
letter-spacing: 3px;
color:  #619ADD;
background: transparent;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
		/*LINKS*/
a img {
border: 0;
}
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #619ADD;
}
a:hover {
text-decoration : none;
background : inherit;
color : #ccc;
}
a:active {
text-decoration : none;
background : inherit;
color : #8A795D;
}
		/*CLASS*/

.clear {
clear: left;
overflow: hidden;
width: 0;
height: 0;
}
.post {
background-color: #eee;
padding: 3px;
margin: 20px 10px 0 5px;
border: 0px dashed #8A795D;
font-size: 80%;
}
.post .date {
background: url(images/clock.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .comments {
background: url(images/comment.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .readmore {
background: url(images/document.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
			/*IMAGES*/
.imgleft {
float : left;
border : 1px solid #333;
margin : 5px 10px 10px 0;
padding : 5px;
}


/* HIGHSLIDE */



/**********************************/

* {
    font-family: Tahoma, sans-serif, Verdana;
    font-size: 8pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}





/* CSS for the box starts here */
	.box {
		width:95%;
		padding:0 12px 0 0;
		background:#fff url(images/borders.gif) 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 12px;
		background:#fff url(images/borders.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(images/box.gif) 0 100% no-repeat;
	}
	.box h1 {
		font-family:  helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
		margin:0;
		padding:0.3em 10px;
		font-size: 150%;
		letter-spacing: 1px;
		color:  #619ADD;
		background:#ccc;
		
	}
	.box p, .box ul {
		margin:0;
		padding:4px 10px;
		background:#fff;
	}
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}

.hate_quote
{
font:bold 1.5em/1 Arial, Helvetica, sans-serif;
}

form {
	margin: 0;
	padding: 0;
}