/*
Theme Name: TUT
Theme URI: http://textundtv.de
Description: tut theme 2011 based on Twenty Ten
Author: http://www.web-2b.de
Version: 1.1
*/

/*
Colors
------------------------------------------------------
gray      333

*/


@import url('reset.css');
@import url('editor-style.css');

html,body{height:101%}

body {
background: #fff;
color: #333333;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-style: normal;
font-size:12px;
font-weight: normal;
font-variant: normal;
}

img {border:0;}

#master {margin:0 auto;width:980px;text-align:left;}
.head{width:980px;height:180px;position:relative}
.head .logo{position:absolute;left:50px;top:125px}
.main-navigation{position:absolute;top:130px;left:330px;}
.main-navigation li{display:inline;margin-right:46px}
.main-navigation li a{color:#666;text-decoration:none;text-transform:uppercase;letter-spacing:3px}
.main-navigation li a:hover, .current_page_item a, .current-page-ancestor a{color:#000!important;}
.main-navigation>li:last-child{margin-right:0}

.main{width:980px}
.left{width:330px;min-height:200px;float:left;}

.left h2{margin:30px 77px 0 0;text-align:right;color:#000;font-weight:bold;text-transform:uppercase;letter-spacing:3px}
.left h2 a{text-decoration:none;color:#000}

.sub-navigation{margin:28px 77px 0 0;text-align:right}
.sub-navigation li{}
.sub-navigation a{display:block;padding:0 0 5px 0;color:#999;text-decoration:none;text-transform:uppercase;letter-spacing:4px}
.sub-navigation a:hover{color:#000;}
.sub-navigation .current_page_parent a, .sub-navigation .current_page_item a{color:#000!important;background: url('grafiken/left-bg.png') 8px 12px no-repeat}

.content-right{float:left;width:600px;}
.content-right h1{font-size:22px;font-weight:normal;line-height:26px;padding-bottom:20px;margin:0;background: url('grafiken/hr.png') left bottom no-repeat}
.content-right h2{font-size:20px;font-weight:normal;line-height:22px;margin:20px 0 5px 0;}
.content-right h3{font-size:18px;font-weight:normal;line-height:20px;margin:20px 0 5px 0;}
.content-right p{line-height:1.5em;margin-bottom:15px}
.content-right td{line-height:1.7em;margin-bottom:15px}
.content-right a{color:#009d94;text-decoration:none}
.content-right a:hover{color:#000}
.content-right ul{list-style:disc;margin:10px 0 10px 0;}
.content-right li{margin-left:20px;line-height:1.5em;letter-spacing:1px;}

.content-img{position:relative;width:600px;height:200px;margin-bottom:5px;background: #ffffff url('grafiken/content-img-bg.png') left bottom no-repeat}
.content-img img{position:absolute;left:0;top:0}

.content-img-full{position:relative;width:880px;height:200px;margin-bottom:5px;background: #ffffff url('grafiken/content-img-bg-880.png') 50px bottom no-repeat}
.content-img-full img{position:absolute;left:50px;top:0}

strong{font-weight:bold}
.clear{clear:both}
/*
hr{width: 100%;height: 1px !important;margin-top:2px;font-size:1px;line-height: 1px;border: 0px; border-top: solid 1px #cccccc;border-bottom: transparent;}
*/
.hr{clear:both;border:0;padding:10px 0 10px 0;width:600px;height:15px;background: url('grafiken/hr.png') left bottom no-repeat}

/* galerie */
.img-box{padding-bottom:20px}
.ngg-gallery-thumbnail{position:relative;}
.img-desc{position:absolute;left:0;top:0;width:118px;height:89px;display:block;background: url('grafiken/trans.png')}
.img-desc span{display:block;padding:10px 2px 10px 2px;line-height:1.2em;color:#fff}


.ngg-galleryoverview .ngg-gallery-thumbnail-box{margin:0}
.ngg-galleryoverview .ngg-gallery-thumbnail img{border:none;margin:0 1px 1px 0;padding:0;}

/* details */
.img-detail{position:relative;}
.img-detail-video{height:31px;position:relative;}
.img-detail-list{float:right;}
.img-detail-list ul{margin:0!important;padding:0!important}
.img-detail-list li{display:inline;margin:0 0 0 5px!important;padding:0!important;line-height:10px}
.img-detail-list li a{text-decoration:none}
.img-detail-bg{margin-top:-1px}
.img-detail-desc{float:left;}
.img-detail-end{clear:both;padding:4px 0 5px 0}
#img-next, #img-prev{width:41px;height:31px;background:transparent}
#img-next a, #img-prev a{display:block;width:41px;height:31px;background:transparent}
#img-next{position:absolute;top:37px;right:5px;}
#img-prev{position:absolute;top:37px;left:5px;}

/* video */
#video-wrapper .wp-video{margin:0 0 20px 0}
#video-wrapper .img-detail-desc p{margin:0}


/* formular */
.wpcf7 input, .wpcf7 textarea{width:350px;border:1px solid #999;padding:2px;font-family: verdana, arial, helvetica, geneva, sans-serif;font-size:12px}
.wpcf7 input:focus, .wpcf7 textarea:focus{border:1px solid #333}

.wpcf7-submit{width:100px!important}

div.wpcf7-validation-errors {
	border: 0!important;
        font-weight:bold;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

div.wpcf7-mail-sent-ok {
	border: 0!important;
        font-weight:bold;
}

div.wpcf7-response-output {
	margin: 10px 0 0 0!important;
	padding:0!important;
}