/*
#dfe5c7 lichtste groen
#98c908 donkergroen
#c0e559 lichtgroen
#66cccc blauw

#99cc00
66cccc
*/

@import "reset.css";
@import "typography.css";

@import "error.css";

/* MAIN url(_img/back6.jpg) repeat */
body{background: #151515 url(_img/bunkback.jpg) repeat; }

/* HEADER */
#head{width:100%;}
#headcontent{width:960px; margin:auto; padding:0 10px 10px 10px;}
#titellogo{width:960px; height:65px; display:block; background: url(_img/bann2.png) no-repeat; float:left;margin:20px 0 5px 0;} 
#titellogo a{width:960px; height:65px; display:block; opacity:0.5;}
.menu{}
.menu li{float:left;}
.menu a:link, .menu a:active, .menu a:visited{display:block; font-size:1.3em; color:#99cc00;text-decoration:none; text-align:left; padding:10px 10px; font-weight:bold;}
.menu a:hover{color:#dfe5c7;}
.menub li{float:right;}
.menub{width:100px;float:right;}
.menub a:link, .menub a:active, .menub a:visited{display:block; font-size:1.3em; color:#99cc00;text-decoration:none; text-align:left; padding:8px 10px 2px 10px; font-weight:bold;}
.menub a:hover{color:#e7e7e7; margin-top:3px;}

/* CONTENT */
#content{width:960px; margin:auto;}

#right{width:190px; float:right; margin-top:10px;}
.rtitel{width:170px; background: #c0e559; border-bottom:1px dotted #555555;  padding: 10px;}
.rtitel2{width:170px; background: #99cc00; border-bottom:1px dotted #555555;  padding: 10px;}
.rtitel3{width:170px; background: #66cccc; border-bottom:1px dotted #555555;  padding: 10px;}

.data{width:190px; color:#050505; margin-bottom:10px;}
.data a:link, .data a:active, .data a:visited{display:block; width:180px; color:#050505; background: #e7e7e7;  text-decoration:none; padding:5px;}
.data a:hover, .data a:focus{color:#e7e7e7; background:none;}

#left{width:760px; float:left; margin-top:10px;}
.titel{width:740px; background: #99cc00; padding: 10px;}
.titel a:link, .titel a:active, .titel a:visited, .titel a:hover, .titel a:focus{color:#191919; font-weight:bold; text-decoration:none;}
.titel a:hover, .titel a:focus{text-decoration:underline;}
.datem{width:740px; background: #c0e559; border-top:1px dotted #555555; padding: 10px; display:block; height:19px;}
.datem a:link, .datem a:active, .datem a:visited{color:#191919; text-decoration:none;}
.datem a:hover, .datem a:focus {color:#191919; text-decoration:underline;}
.date{color:#191919; font-style:italic; background: url(_img/up.png) no-repeat; padding-left:18px; float:left; width:200px;}
.comments{color:#191919; font-style:italic; background: url(_img/ballon.png) no-repeat; padding-left:22px; float:right;}

.text{width:740px; background: #e7e7e7; padding:10px; color:#050505; border-top:1px dotted #555555; }
.text img{border:2px solid #151515;}
.icons{width:740px; background: #e7e7e7; padding:10px 10px 7px 10px; color:#111111; border-top:1px dotted #555555; margin-bottom:10px;}
.iconsdet{width:740px; background: #e7e7e7; padding:10px 10px 7px 10px; color:#111111; border-top:1px dotted #555555;}
.text img{display: block; margin:auto; margin-bottom:10px;}
.postfoot{width:740px; background: #e7e7e7; padding:10px; color:#111111; border-top:1px dotted #555555;}
.postfoot2{width:760px; background:#e7e7e7; height:20px; color:#c0e559; border-top:1px dotted #555555;}

.postfootdetail{width:740px; background: #e7e7e7; padding:10px; color:#111111; border-top:1px dotted #555555;}
.formdetail{width:740px; background: #99cc00; padding:10px; color:#191919; border-top:1px dotted #555555;}
.commentdetail{width:740px; background: #dfe5c7; padding:10px; color:#191919; border-top:1px dotted #555555;}

.commentdetail a:link, .commentdetail a:active, .commentdetail a:visited{color:#191919; text-decoration:underline; font-weight:bold;}
.commentdetail a:hover, .commentdetail a:focus {text-decoration:underline;}
.commentdetail p{margin-top:10px;}
.commentfield{background: url(_img/speak.png) no-repeat; padding-left:20px;}

.owncomment{color:red; font-weight:bold;}

.paging{width:760px; display:block; background:#99cc00; clear:right; float:left;}
.paging a:link, .paging a:active, .paging a:visited{display:block; float:left; margin-right:5px; color:#151515; text-decoration:none; font-size:1.3em; padding:10px; font-weight:bold;}
.paging a:hover{text-decoration:underline;}

/* FORMS */
label{display:block; padding:5px; color:#050505;}
form{width: 730px; color: #191919; font-size: 12px;}
input, select, textarea{width: 730px;border: 1px solid #191919;padding: 5px; background-color:#dfe5c7;}
input:focus, select:focus, textarea:focus{background-color:#c0e559;}

/* PAGE */
#main{width:960px; float:left; margin-top:10px;}
.titelmain{width:940px; background: #99cc00; padding: 10px;}
.datemmain{width:940px; background: #c0e559; border-top:1px dotted #555555;padding: 10px; color:#252525; overflow:hidden;}
.iconsabout{width:940px; background: #c0e559; border-top:1px dotted #555555;padding: 10px 10px 7px 10px; color:#191919;}
.datemmain a:link, .datemmain a:active, .datemmain a:visited{color:#191919; text-decoration:none;}
.datemmain a:hover, .datemmain a:focus {color:#252525; text-decoration:underline;}
.textmain{width:940px; background: #e7e7e7; padding:10px; color:#050505; border-top:1px dotted #555555; display:block; overflow:hidden;}
.textmainfot{width:940px; height:400px; background: #e7e7e7; padding:10px; color:#050505; border-top:1px dotted #555555;}
.textmain label{ color:#050505;}
.textmain form{width: 930px; color: #191919;font-size: 12px;}
.textmain input, .textmain select, .textmain textarea{width: 930px;border: 1px solid #191919; padding: 5px; background-color:#dfe5c7;}
.btn input, .btn select, .btn textarea{width: 100px;border: 1px solid #191919;padding: 5px;background-color:#dfe5c7;}
.textmain input:focus, .textmain select:focus, .textmain textarea:focus{background-color:#c0e559;}
.postfootmain{width:960px; background:#99cc00; height:20px; color:#c0e559; border-top:1px dotted #555555; margin-bottom:10px;}
.left{float:left; display:block; height:400px; margin-right:10px;}
.icon{margin-top:3px;}

/* CAMERAS */
.cams{width:150px; height: 170px; display:block; text-align:center; padding:2px; float:left; margin-top:6px;}
.cams img{border:1px solid #151515; display:block; width:150px; height:150px;}
.camname{width:152px; height:20px; display:block; padding:3px 0; color:#e7e7e7; background:#151515; text-align:center; margin-bottom:2px;}
.textcam{background: #e7e7e7; padding:10px 16px; color:#050505; border-top:1px dotted #555555; display:block; overflow:hidden;}
.textcam a:link, .textcam a:active, .textcam a:visited{color:#e7e7e7; text-decoration:none;}
.textcam a:hover{text-decoration:underline;}
.campic{border:1px solid #151515; display:block; width:250px; height:250px; float:left; margin-right:10px;}
.formdetailcam{width:940px; background: #99cc00; padding:10px; color:#191919; border-top:1px dotted #555555;}
.formdetailcam label{display:block; padding:5px; color:#050505;}
.formdetailcam form{width: 930px; color: #191919; font-size: 12px;}
.formdetailcam input, .formdetailcam select, .formdetailcam textarea{width: 930px;border: 1px solid #191919;padding: 5px; background-color:#dfe5c7;}
.formdetailcam input:focus, .formdetailcam select:focus, .formdetailcam textarea:focus{background-color:#c0e559;}
.btn input, .btn select, .btn textarea{width: 100px;border: 1px solid #191919;padding: 5px;background-color:#dfe5c7;}
.commentdetailcam{width:940px; background: #dfe5c7; padding:10px; color:#191919; border-top:1px dotted #555555;}
.commentdetailcam a:link, .commentdetailcam a:active, .commentdetailcam a:visited{color:#191919; text-decoration:underline; font-weight:bold;}
.commentdetailcam a:hover, .commentdetailcam a:focus {text-decoration:underline;}
.commentdetailcam p{margin-top:10px;}
.iconscam{width:940px; background: #e7e7e7; padding:10px 10px 7px 10px; color:#111111; border-top:1px dotted #555555;}

/* FOOTER */
.footer{width:740px; color:#191919; margin-bottom:30px; padding:10px 10px; background: #e7e7e7; border-top:1px dotted #555555; clear:right; float:left;}
.footerpage{width:940px; color:#191919; margin-bottom:30px; padding:10px 10px; background: #e7e7e7; border-top:1px dotted #555555;}

/* ADMIN */

.commentdetail{width:740px; background: #dfe5c7; padding:10px; color:#191919; border-top:1px dotted #555555;}

.commentad a:link, .commentad a:active, .commentdetail a:visited{color:#191919; text-decoration:underline; font-weight:bold;}
.commentad a:hover, .commentad a:focus {text-decoration:underline;}
.commentad p{margin-top:10px;}
.commentad{background: url(_img/speak.png) no-repeat; padding-left:20px;}