/*
----------------------------------------------------------------------------- 
MAIN AREAS
-----------------------------------------------------------------------------*/

body, html {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans;
	font-size:0.9em;
}

#top {
	width:100%;
	background: url(../i/bg-top.png) left top repeat-x;
	float:left;
}

#bottom {
	width:100%;
	height:100px;
	background: url(../i/bg-bottom.png) left bottom repeat-x;
	float:left;
}

.main {
	position: relative;
	width: 630px;
	margin: 0 auto;
}

#head {
	width: 630px;
	margin: 0;
	padding:0;
	float:left;
}

#footer {
	height:25px;
	margin-top:75px;
}


#content {
	width: 425px;
	margin: 0;
	float:left;
	margin-top:70px;
	margin-left:40px;
	min-height:650px;

}

#logo {
	margin: 0;
	margin-top:60px;
	float:left;
}

/*
----------------------------------------------------------------------------- 
SEKRETARIAT NAVIGATION
-----------------------------------------------------------------------------*/
#nav-bottom {
	position: relative;
	clear:both;
}

#nav-top, #nav-bottom,#nav-content { 
	background: black;
}

.has-dom .nav-wrapper {
	height: 0;
	overflow: hidden;
	}
	
.nav-wrapper, .tog-container {
	position: relative;
	width: 600px;
	margin: 0 auto;
}
	
#nav-content {
	position: relative;
	padding:0;
	color:white;
}

#nav-content:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#nav-top .nav-wrapper #nav-content {
	position: absolute;
	bottom: 0;
}

a.btn-sekretariat {
	position: relative;
	z-index: 10;
	display: block;
	width: 81px;
	margin-left: auto;
	margin-right:0;
	text-indent:-1000em;
}

#nav-top a.btn-sekretariat {
	background: url(../i/btn-sekretariat-top.gif) left bottom no-repeat;
}

#nav-bottom a.btn-sekretariat {
	background: url(../i/btn-sekretariat-bottom.gif) left top no-repeat;
}

#head a.btn-sekretariat {
	background: url(../i/sek-arrow.gif) left top no-repeat;
	height:25px;
	display:block;
	width:81px;
	float:right;
	margin-right:15px;
}
#head.open a.btn-sekretariat {
	background-position:-81px;
}

#footer a.btn-sekretariat {
	background: url(../i/sek-arrow.gif) left bottom no-repeat;
	height:25px;
	background-position:-81px;
	margin-right:15px;
}

#footer.open a.btn-sekretariat {
	background-position:0;
}

/*
----------------------------------------------------------------------------- 
HEAD and FOOTER
-----------------------------------------------------------------------------*/

#head ul {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	list-style:none;
	margin:0 0 0 187px;
	padding:0;
	display:block;
	width:320px;
	float:left;
}

#head li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-left:1em;
	padding-top:1em;
}

#head li a {
	text-decoration:none;
	color:#999;
}

#head li a.active, #head li a:hover.active, #head li a:active.active {
	color:black;
}

#head li a:hover, #head li a:active {
	color:#f3f;
}

/*
----------------------------------------------------------------------------- 
LOGO
-----------------------------------------------------------------------------*/

#logo h1 a {
	text-indent:-1000em;
	background: url(../i/logo160.png) left top no-repeat;
	display: block;
	width: 160px;
	height: 138px;
	margin:0;
}

#logo h1 {
	margin-bottom:3em;
}

#logo h1 a:hover, #logo h1 a:active {
	background-position:-160px;
}


/*
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a:link {
	color:#000;
	text-decoration:underline;
}

a:visited {
	color:#000;
}

.entry p a:visited {
	text-decoration:line-through;
}

.entry p.meta a:link, .entry p.meta a:visited, .meta2 a:link, .meta2 a:visited {
	color:#999;
	text-decoration:underline;
}

a:hover, a:active, .entry p.meta a:hover, .entry p.meta a:active, .meta2 a:hover, .meta2 a:active {
	color:#f3f;
	text-decoration:none;
}

/*
----------------------------------------------------------------------------- 
ENTRY
-----------------------------------------------------------------------------*/
.entry {
	margin-bottom:4em;
}
.entry h2 {
	font-size:1.6em;
	margin:0;
	margin-top:10px;
	margin-bottom:1em;
	float:left;
	width:388px;
}

.entry h2 a, .entry h2 a:link, .entry h2 a:active {
	text-decoration:none;
	color:black;
}

.entry h2 a:hover, .entry h2 a:active {
	color:#f3f;
	text-decoration:none;
}

.entry p {
	font-size:0.9em;
	line-height:1.9em;
	margin:0;
	margin-bottom:1em;
}

.entry ul {
	font-size:0.9em;
	line-height:1.9em;
	margin:0;
	margin-bottom:1.8em;
}

.entry p img {
	border: 1px solid #000;
	padding:11px;
	margin:0;
	margin-top:5px;
}

.entry p a img {
	background-color:#fff;
}

.entry p a:hover img {
	background-color:#000;
}

.entry p.meta {
	font-size:0.8em;
	line-height:1.2em;
	text-align:left;
	color:#999;
}

.entry .ballon {
	float:right;
	height:40px;
	width:37px;
	margin:0;
	display:block;
}

.entry .ballon a {
	height:40px;
	width:37px;
	margin:0;
	display:block;
}

.entry .ballon a:hover {
	background: url(../i/salz-pink.gif) left bottom no-repeat;
}

.entry .ballon a:hover img {
	display:none;
}

.story {
	display:block;
	clear:both;
	
}

.entry blockquote {
	margin:0 0 0 0;
	font-size:1em;
	padding:0 20px;
	border-left:3px solid black;
	line-height:1.6em;
}

.entry blockquote em {
	font-style:normal;
}

.entry p.sub {
	font-size:0.8em;
	line-height:1.2em;
	margin-top:-10px;
}

/*
----------------------------------------------------------------------------- 
SEKRETARIAT INHALTE
-----------------------------------------------------------------------------*/

#nav-content div {	
	float:left;
	width:200px;
	margin:15px 0;
	padding:0;
	font-size:0.8em;
	color:#ccc;
}

#nav-content div.one {
	margin-right:20px;
	width:145px;
}

#nav-content div.two {
	margin-right:20px;
	width:215px;
}

#nav-content ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav-content h3 {
	font-size:1em;
	text-transform:uppercase;
	clear:both;
	margin:0;
	padding:0;
	padding-top:15px;
	padding-bottom:15px;
	color:#f3f;
	display:block;
}

ul#spreeblick li, ul#blogroll li, ul#farben li, #nav-content li{
	margin:0;
	padding:0;
	float:left;
}

#nav-content ul#spreeblick li a:link, #nav-content ul#spreeblick li a:visited {
	padding:4px;
	margin:0;
	margin-bottom:6px;
	display:block;
	width:130px;
	border:1px solid #333;
	font-size:10px !important;
	text-decoration:none;
}

#nav-content ul#spreeblick li a:hover, #nav-content ul#spreeblick li a:active {
	border:1px solid #f3f;
	color:#fff;
	background-color:#f3f;
}

ul#spreeblick li a img {
	vertical-align:-35%;
	margin:0 6px 0 0;
}


ul#blogroll li a {
	padding:4px;
	margin:0 6px 6px 0;
	display:block;
	border:1px solid #333;
}

#nav-content ul#blogroll li a img {
	display:block;
	padding:0;
	margin:0;
}

ul#blogroll li a:hover {
	border:1px solid #f3f;
}

#nav-content ul#features li a {
	padding:4px;
	margin:0;
	margin-right:6px;
	display:block;
	border:1px solid #333;
}

#nav-content ul#features li a img {
	padding:0;
	margin:0;
	display:block;
}

#nav-content ul#farben li a {
	padding:2px;
	margin:0;
	display:block;
	margin-right:6px;
	border:1px solid #333;
	text-indent:-1000em;
}

#nav-content ul#farben li a#pink span {
	background-color:#f3f;
	width:8px;
	height:8px;
	display:block;
}

#nav-content ul#farben li a#green span {
	background-color:#A3CD39;
	width:8px;
	height:8px;
	display:block;
}

#nav-content ul#farben li a#cyan span {
	background-color:#0099FF;
	width:8px;
	height:8px;
	display:block;
}

#nav-content ul#farben li a:hover, #nav-content ul#features li a:hover,ul#blogroll li a:hover {
	border:1px solid #f3f;
}

#nav-content ul#farben li a img {
	padding:0;
	margin:0;
	display:block;
}

#nav-content #farben a:link.active,#nav-content #farben a:visited.active, #nav-content #farben a:hover.active, #nav-content #farben a:active.active {
	border:1px solid white;
}


#nav-content p {
	margin:0;
	padding:0;
	margin-bottom:15px;
	line-height:1.5em;
}

#nav-content form {
	width:190px;
	padding:0;

}

#nav-content form p {
	padding:0;
	display:block;
}

#nav-content form span {
	border: 1px solid #fff;
	display:block;
	margin:0;
	padding:1px;
	background-color:#2D2D2D;
}

#nav-content form span input {
	width:100%;
	font-size:1em;
	line-height:1.4em;
	margin:0;
	width:100%;
	padding:1px;
	display:block;
	border: 1px solid #333;
}


#nav-content select {
	width:100%;
}

#nav-content a:link {
	color:#ccc;
	text-decoration:underline;
}

#nav-content a:visited {
	color:#ccc;
	text-decoration:underline;
}

#nav-content #kurze a:visited {
	color:#ccc;
	text-decoration:line-through;
}


#nav-content a:hover, #nav-content a:active{
	color:#f3f;
	text-decoration:none;
}

#feed a:link, #feed a:visited {
	background: url(../i/feed-icons.gif) left top no-repeat;
	background-position: 0 0;
	color:#ccc;
	height:14px;
	width:100px;
	display:block;
	padding-left:20px;
	padding-top:2px;
	text-decoration:underline;
}

#feed a:active, #feed a:hover {
	background-position: 0 -16px;
	color:#f3f;
}

p#feed {
	line-height:1em;
}

a img {
	border:none;
}

/*
----------------------------------------------------------------------------- 
KOMMENTARE
-----------------------------------------------------------------------------*/

.commentlist {
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.8em;
	line-height:1.7em;
	margin:0;
}

.kommentarkopf {
	background: url(../i/kommentarkopf.gif) left bottom no-repeat;
	display:block;
	height:45px;
	margin:0;
}

.alt .kommentarkopf {
	background: url(../i/kommentarkopf2.gif) left bottom no-repeat;
}

.kommentarfuss {
	background: url(../i/kommentarfuss.gif) left bottom no-repeat;
	display:block;
	padding:0 15px 15px 15px;
	margin:0;
	margin-bottom:20px;
}

.alt .kommentarfuss {
	background: url(../i/kommentarfuss2.gif) left bottom no-repeat;
}

.kommentarfuss p {
	margin:0;
}

.alt .kommentarfuss p {
	color:white;
}

.alt .kommentarfuss p a:link {
	color:white;
}

.alt .kommentarfuss p a:hover, .alt .kommentarfuss p a:active {
	color:#f3f;
}

.kommentarfuss p a:visited {
	text-decoration:line-through;
}

.meta1 {
	float:left;
	display:block;
	width:115px;
	height:20px;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
}


.meta2 {
	float:right;
	display:block;
	width:290px;
	text-align:right;
	margin-right:10px;
	color:#999;
}

.meta1 a:link, .meta1 a:hover,.meta1 a:active,.meta1 a:visited{
	text-decoration:none;
	font-weight:bold;
}

#respond {
	margin-top: 3em;
}

/*
----------------------------------------------------------------------------- 
SMALLNAV
-----------------------------------------------------------------------------*/

.smallnav {
	font-size:0.8em;
	margin-bottom:3em;
}

.smallnav .alignleft {
	float:left;
	text-align:left;
	width:200px;
}

.smallnav .alignright {
	float:right;
	text-align:right;
	width:200px;
}
/*
----------------------------------------------------------------------------- 
MEDIA-LIST
-----------------------------------------------------------------------------*/

ul.media {
	list-style:none;
	padding:0;
	line-height:1em;
	font-size:11px;
}

ul.media li {
	margin:0;
	padding:0;
}

ul.media li a {
	display:block;
	text-indent:40px;
	padding:0;
	padding-top:2px;
	height:11px;
	margin-bottom:8px;
}

ul.media li.link a {
	background: url(../i/media/link.gif) left top no-repeat;
}

ul.media li.mov a {
	background: url(../i/media/mov.gif) left top no-repeat;
}

ul.media li.mp3 a {
	background: url(../i/media/mp3.gif) left top no-repeat;
}

ul.media li.mp4 a {
	background: url(../i/media/mp4.gif) left top no-repeat;
}

ul.media li.mpg a {
	background: url(../i/media/mpg.gif) left top no-repeat;
}

ul.media li.pdf a {
	background: url(../i/media/pdf.gif) left top no-repeat;
}

ul.media li.real a {
	background: url(../i/media/real.gif) left top no-repeat;
}

ul.media li.swf a {
	background: url(../i/media/swf.gif) left top no-repeat;
}

ul.media li.wmv a {
	background: url(../i/media/wmv.gif) left top no-repeat;
}

ul.media li.link a:hover, ul.media li.mov a:hover, ul.media li.mp3 a:hover, ul.media li.mp4 a:hover, ul.media li.mpg a:hover, ul.media li.pdf a:hover, ul.media li.real a:hover, ul.media li.swf a:hover, ul.media li.wmv a:hover {
	background-position: 0 -13px;
}


ul.media .oton-player {
	margin-right:5px;	
}

a {
	outline:none;
}

.entry p.fimg img {
	float:left;
	margin:0 12px 18px 0;
}

.entry p.fimg a {
	float:left;
}

.clearboth {
	clear:both;
}