@charset "utf-8";

/*  =========================================================
	File: live.css
	Date: 090816
========================================================== */

/* ==============================================
   I - General Reset
   ============================================== */
html { height: 101%;
}

* { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	}

ul, ol {
	list-style:none;	
	}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset, img {
	border:0;
	}

caption, th {
	text-align:left;
	}

.clearing { clear: both; }
	
/* ==============================================
   II - Layout
   ============================================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#fff;
	background:#333;
}

div#container {
	width:950px;	
	margin:0 auto;
	color:#fff;
	background:#bd3b5d;
	text-align:left;
}

/* All Links */
a { outline:none; text-decoration:none; } 
a:link { color:#fff; }
a:visited { color:#fff; }
a:hover, a:focus { text-decoration:underline; }
a:active { color:#fff; }

/* II Header */
#header {
	position: relative;
	height:80px;
	color:#e6e6e6;
	background:#6a0000 url(../images/logo_bg.gif) no-repeat top left;
	padding:10px 20px 10px 20px; 
}

#header h1 {
	position:absolute;
	top:10px ; 
	right:10px;
	font-size:140%;
	padding:0 0 5px 0; 
}

/* II TopNavi */
#topnavi { 
	text-align:center;
	color:#000;
	background:#8d1c32 url(../images/topnavi_bg.gif) repeat-x top left;
	padding:5px 5px;
	margin:0;
	border-bottom:2px solid #fff;
}

#topnavi ul { margin-bottom:0; }

#topnavi li {
    display:inline;
    list-style-type:none;
    list-style-position:inside;
    margin:0;
}

#topnavi a {
	font-weight:bold;
	color:#fff;
	padding:5px 8px 5px 8px;
}

#topnavi a:hover,
#topnavi a:focus {
	color:#000;
	background:#8d1c32 url(../images/topnavi_hover.gif) repeat-x top left;
	text-decoration:none;
}

#topnavi a:active {
	color:#000;
	background-color:#fff;
}

/* II. Info */
#info {
	padding:5px 8px;	
}

#info span {
	text-align:right;	
}

/* III SubNavi */
#subnavi {
   float:left; 
   width:220px; 
   padding-left:0px; 
   padding-top:0px;
}

.catlink_header {
	background:#6a0000;
	padding:4px 2px 4px 10px;
	border-top:1px solid #fff;	
}

.catlink ul { 
	width:220px; 
	border-top:1px solid #fff;
	margin-bottom:15px;
} 
.catlink li { 
	list-style-type:none; 
	border-left:5px solid #6a0000; 
	border-bottom:1px solid #fff; 
	margin:0;
}
.catlink a { 
	display:block;  
	text-decoration:none;
	color:#fff; 
	background:#1b3793; 
	padding:4px 2px 4px 10px; 
	border-left:3px solid #6a0000; 
}  
.catlink a:hover,
.catlink a:focus { 
	color:#000;
	background-color:white;
	border-left-color:#fff;
	border-bottom:none; 
}  
.catlink a:active { 
	color:white; 
	background-color:#fff; 
}

.tip a {
	background:#333;
}
.tip a:hover,
.tip a:focus { 
	background:#fff;
}
.tip a:active { 
	background:#fff; 
}

/* III Forms */
.forms {
	line-height:2;
	background:#6a0000;
	padding:10px 2px 10px 10px;
	margin:0 0 10px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.forms label {
	cursor:pointer;
	font-weight:bolder;
}
.forms input {
	padding:1px;
	margin:2px;
}
.forms p a {
	color:#ccc;
	font-weight:bolder;	
}
.forms .subm {
	cursor:pointer;
	padding:2px;
	margin:3px;
}

/* III Tags */
#tags  {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	color:#fff;
	background:#6a0000;
	padding:10px;
	margin-bottom:15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
}
#tags h1 {
	color:#eee;
	font-size:14px;
	font-style:normal;
	font-weight:bolder;
	display:inline
}
#tags h2 {
	font-size:20px;
	color:#fff;
	font-style:normal;
	display:inline
}
#tags h3 {
	color:#eee;
	font-size:11px;
	font-weight:normal;
	display:inline
}
#tags h4 {
	color:#fff;
	font-size:12px;
	font-style:normal;
	display:inline
}
#tags h5 {
	color:#fff;
	font-size:10px;
	font-weight:normal;
	display:inline
}
#tags h6 {
	color:#900;
	font-size:1px;
	display:inline;
	font-style:normal;
	font-weight:normal;   
}
#tags .tag a {
	color:#fff;
	text-decoration:none;	  
}    
#tags .tag a:hover,
#tags .tag a:focus {
	color:black;
}  
#tags .tag a:active { 
	color:white;
}  

/* IV MainContent */
#maincontent { 
   padding:0 10px 20px 0; 
   margin-left:230px; 
}
#maincontent .navi-headline {
	color:#fff;
	background:#6a0000;
	margin:10px 0;
}
#maincontent .bildrahmen {
	border:1px solid #fff;
	padding:1px;
	margin:10px;	
}
#maincontent .grau-bg {
	background-color:#6a0000;
	border:1px solid #000000;

}
#maincontent .cam-rahmen {
	background-color:#6a0000;
	border:1px solid #000000;
}
#maincontent .camnavi-in {
	height:20px;
	font-size:85%;
	line-height:1.3em;
	background-color: #6a0000;
	border-top:1px solid #ce0000;
	border-bottom:1px solid #fff;
}
#maincontent .camnavi-out {
	height:20px;
	font-size:85%;
	line-height:1.3em;
	background-color: #6a0000;
	border-top:1px solid #ce0000;
	border-bottom:1px solid #ce0000;
}

#maincontent h1 {
	font-size:100%;
}
#maincontent h2 {
	font-size:100%;
}
#maincontent h3 {
	font-size:100%;
	padding-right:5px;
}
#maincontent h4 {
	font-size:100%;
}
#maincontent h5 {
	font-size:85%;
}

#maincontent h6 {
	font-size:100%;
}
#maincontent .interests {
	padding:5px 10px 10px 10px;
}
#maincontent .interests h1 {
	font-size:110%;
}
#maincontent .interests a {
	font-weight:bold;
}
#maincontent .interests_head {
	font-size:120%;
	padding:5px 10px 0 10px;
}
#maincontent .promocat {
	overflow:hidden;
	font-size:90%;
	line-height:1.3em;
	color:#fff;
	background:#6a0000;
	border:1px solid #000;
	padding:3px 6px 3px 3px;
	margin:0 0 4px 0;
}
#maincontent .promo  h2 {
	font-size:120%;
	margin:5px 0 16px 11px;
}
#maincontent .promocat  h3 {
	font-size:120%;
	margin:0 0 4px 0;
}
#maincontent .promocat img {
	float:left;
	border:1px solid #fff;
	padding:1px;
	margin-right:10px;
}
#maincontent .prolink {
	font-size:100%;
	font-weight:bolder;
	margin-top:3px;
}
#maincontent .prolink  a {
	color:#9f9;
	font-size:100%;
	font-weight:bolder;
}

.main-navi a:link { color:#c00;}
.main-navi a:visited {  color:#c00; text-decoration:none; }
.main-navi a:link { color:#c00; text-decoration:none; }
.main-navi a:hover { color:#fc0; text-decoration:none; }

.main-navi2 a:link { color:#c00;}
.main-navi2 a:visited {  color:#c00; text-decoration:none; }
.main-navi2 a:link { color:#c00; text-decoration:none; }
.main-navi2 a:hover { color:#fc0; text-decoration:none; }

/* V About */
#maincontent .about {
	font-size:90%;
	line-height:1.3em;
	color:#fff;
	background:#6a0000;
	border:1px solid #000;
	padding:3px 6px 3px 3px;
	margin:0 0 4px 0;
}
#maincontent .about img {
	padding:2px;
	margin-right:10px;
}
#maincontent .aboutlink {
	font-size:100%;
	font-weight:bolder;
	margin:3px 0 60px 81px;	
}
#maincontent .aboutlink  a {
	color:#9f9;
	font-size:100%;
	font-weight:bolder;
}

/* ==============================================
   X - Footer
   ============================================== */
div#footer {
	clear:both;
	padding:10px 0 10px 0;
	color:#ccc;
	background:#333;
	font-size:85%;
	letter-spacing:2px;
	text-align:center;
	border-top:4px solid #6a0000;
}

div#footer li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
	margin:0;
}

div#footer a {
	text-decoration:none;
}

div.copy	{
	color: #ccc;
	font-size:85%;
	text-align:center;
	margin-bottom:20px;
}

.sonder-headline {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
}

.copy a { color: #ccc;}
.copy a:visited { color: #ccc; text-decoration: none; }
.copy a:link { color: #ccc; text-decoration: none; }
.copy a:hover { color: #fff; text-decoration: none;}

/* ==============================================
   End
   ============================================== */