/* ===
live.css 070602
=== */

/* ===
1. All
=== */
/* 1a. */
* { padding:0; margin:0; }
h1, h2 { margin-bottom:1em; }


/* 1a. all */
html { height: 101%; }
body {
        color:#000;
        background-color:#999999;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:small;
}

img { border:0; }

h1 { font-size:150%; }
h2 { font-size:120%; }

.clearing { clear:both; }

address { 
        text-align:center;
        font-size:80%;
        font-style:normal;
        letter-spacing:2px;     
}

/* 1b. links all */
a { outline:none; text-decoration:none; } 
a:link { color:#000; }
a:visited { color:#000; }
a:hover, a:focus { text-decoration:underline; }
a:active { color:#000; }

/* ===
2. Content
=== */
/* 2a. */
#wrapper { 
        color:#000;
        background-color:#fff;
        width:800px;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        margin: 0px auto;
	
}

/* 2b. header */
#header {
	text-align:center;
	color:#000;
	background-color:#ff6600;
	background-image:url(../images/cam-zu-cam-logo.gif);
	width:800px;
	height:100px;	 
}

#header h1 {
        font-size:150%;
        margin:0;	 
}

/* 2b.1. topnavi */
#topnavi { 
	text-align:center;
	color:#000;
	background-color:#003366;
        padding:5px 5px 5px 5px;
        margin:0;
        border-top:2px solid #fff;
        border-bottom:2px solid #fff;
}

#topnavi h1 { 
	font-size:100%;
	font-weight:bold;
        color:#fff;
        background-color:#003366;
        margin:0;	
}

#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:3px 8px 3px 8px;
}

#topnavi a:hover,
#topnavi a:focus { 
        color:#000;
        background-color:#fff;
        text-decoration:none;
}

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

/* 2c. live */
#sites { 
	text-align:center;
	color:#000;
	background-color:#fff;
	width:790px;
        padding:7px 5px 5px 5px;
        margin:0;
}

#sites a { outline:none; text-decoration:none; } 
#sites a:link { color:#000; }
#sites a:visited { color:#000; }
#sites a:hover, a:focus { text-decoration:underline; }
#sites a:active { color:#000; }

#sites01 { 
	clear:both;
	text-align:center;
	color:#000;
	background-color:#fff;
	width:790px;
        padding:9px 5px 14px 5px;
        margin:0;
}

#sites01 a { outline:none; text-decoration:none; } 
#sites01 a:link { color:#000; }
#sites01 a:visited { color:#000; }
#sites01 a:hover, a:focus { text-decoration:underline; }
#sites01 a:active { color:#000; }

#livecams {
  	width:740px;
  	padding:5px 26px 0 34px;
}

#livecams .senderbox {
	float:left;
	width:185px;
}

#live table { 
	border:1px solid #000;	
}

#live table a img:hover {
	border:2px solid #00fa9a;
}

#livecams .sendername {
	font-weight:bold;
	color:#003366;
	background-color:#ff6600;
	background-image:url(../images/online.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding: 5px 5px 5px 5px;
}

#livecams .senderimage {
	border:2px solid #000;
}

#livecams .slogan {
	color:#fff;
	background-color:#003366;
	font-size:x-small;
        padding:5px 5px 5px 5px;
}

#livecams .clearing {
	clear:both;
	padding:1px 0;
	margin:0;
}

/* 2x. steckbrief */
#preview {
	overflow:hidden;
	width:760px;
	border:1px #000 solid;
	margin:5px 20px 10px 20px;
}

#sendername {
	width:760px;
	font-size:130%;
	font-weight:bold;
	color:#003366;
	background-color:#ff6600;
	background-image:url(../images/online.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding: 5px 5px 5px 5px;
}

#picture {
	float:left;
	width:324px;
	color:#fff;
	background-color:#000;	
}

#picture a img {
	border:2px solid #000;
}
	
#picture a img:hover {
	border:2px solid #00fa9a;
}

#data { 
	float:left;
	width:424px;
	padding:10px 2px 5px 10px;
}

#livechat {
	float:left;
	width:324px;
	text-align:center;
	background-color:#f5f5f5;
	border-top:1px #000 solid;
	padding:6px 0;
	margin:0;
}

#livechat a { 
	outline:none;
	font-size:150%;
	font-weight:bold;
	text-decoration:none;
} 
#livechat a:link { color:#000; }
#livechat a:visited { color:#000; }
#livechat a:hover, a:focus { text-decoration:underline; }
#livechat a:active { color:#000; }

#onlinestatus {
	float:right;
	width:436px;
	text-align:center;
	background-color:#f5f5f5;
	border-top:1px #000 solid;
	padding:6px 0;
}

#thumbnails {
	text-align:center;
	background-color:#003366;
	padding:8px 0 5px 0;
}

img.thumbnailpic {
	border:1px solid #fff;
	margin:0 10px 0 10px;	
}

.font_online {
	font-size:150%;
	font-weight:bold;
	color: #3cb371;
}
	
.font_offline {
	font-size:150%;
	font-weight:bold;
	color: #ff6347;
}
	
.attribut_label {
	font-size:x-small;
	font-weight:bold;
	color: #003366;
}
	
.attribut_value_kat {
	font-size:150%;
	font-weight:bold;
	color: #003366;
}
	
.attribut_value {
	color: #000;
}
	
/* 2x. index */
#headcontent, #maincontent, #topsender, #topsender1, #tipps1, #tipps2 { padding:20px; }

#adult { 
        width:600px;
        text-align:center;
        font-size:200%;
        font-weight:bold;
        color:#003366;
        background-color:#ff6600;
        border:5px solid #003366;  
        padding:10px;
        margin:20px auto; 
}

#adult a { 
	outline:none;
	text-decoration:none;
	padding:3px 10px;
} 
#adult a:link { color:#003366; }
#adult a:visited { color:#003366; }
#adult a:hover, 
#adult a:focus { 
	color:#003366;
        background-color:#fff;
}
#adult .adult01 a:active { color:#003366; }

/* 2x.x topsender */
#topsender { 
	background-color:#f5f5f5;
	border-top:2px solid #003366;
	border-bottom:2px solid #003366;	
}

#topsender h2 {      
        margin:0;       
}

#topsender ol {
	font-size:110%;
	font-weight:bold;
	color:#003366;
        padding:15px 0 0 41px;
        margin:0;
}

#topsender li {
	padding:0 0 0 6px;
	margin:0;
}

/* 2x.x rss */
#rss {
	clear:both;
	width:760px;
	padding:20px;
	border-top:1px solid #000;
}

#rss ul {
        padding:15px 0 0 34px;
        margin:0;
}

#rss li {
	list-style-image: url(../images/rss.gif);
	padding:0 0 0 10px;
	margin:0;
}


/* 2x.x tipps */
#tipps1 { 
	float:left;
	width:584px;
}

#tipps1 h2 {      
        margin:0;       
}

#tipps1 ul {
        padding:15px 0 0 24px;
        margin:0;
}

#tipps1 li {
	list-style: disc;	
	padding:0 0 0 10px;
	margin:0;
}

* html #tipps1 { width:578px; }

#tipps2 { 
        float:right;
        width:134px;
} 

#tipps2 img { 
        text-align:left;
        padding:5px 0 0 0;
}  

/* 2x. footer */
#footer {
       clear:both;  
       width:760px;
       padding:20px;
       border-top:1px solid #000;
}