/* Style sheet layout */
*{margin:0;padding:0;}
html{height:100%;overflow:inherit;}
:focus{outline: 0;}
body{height:100%;overflow:inherit;font-family:Cambria,Georgia,Times,"Times New Roman",serif;font-weight:normal;font-size:0.88em;color:#777777;line-height:1.4em;}
ol,ul{list-style: none;}
table{border-collapse:separate;border-spacing: 0;}
caption,th,td{text-align:left;font-weight:normal;}
hr{display:none;}
a{color:#6DB6DF;}
a:active,a:focus{outline:none;}
h1{margin:5px 0 20px;font-style:italic;font-weight:normal;font-size:2.14em;color:#65503c;line-height:1.1em;}
h2{margin-top:5px;margin-bottom:2px;font-family:Calibri,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;font-weight:normal;font-size:1.5em;color:#65503C;line-height:1.1em;}
h2 a{text-decoration:none;color:#65503C;}
h2 a:hover{border-bottom:1px dashed #65503C;text-decoration:none;color:#65503C;}
h3{margin:5px 0 20px;font-style:italic;font-weight:normal;font-size:1.86em;color:#65503c;}
h4{margin-top:10px;margin-bottom:2px;font-weight:normal;font-size:1.29em;}
h5{margin-bottom:5px;font-weight:normal;font-size:10px;color:#bbbbbb;}
p{margin-bottom:15px;font-weight:normal;color:#777777;line-height:1.5em;}
#wrapper{position:relative;min-height:100%;}
#header{width:auto;height:30px;margin-bottom:10px;padding-right:10px;vertical-align:middle;background-color:#65503c;}
#header p{margin:0;text-align:right;font-family:Calibri,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;font-weight:normal;font-size:0.86em;color:#F3F3F3;line-height:30px;font-style: normal;letter-spacing: 0.1em;}
#navigation,#intro,#container,#footer .inside{width:960px;margin:0 auto;}
#navigation{height:160px;}
#intro{height:200px;position:relative;clear:both;margin-bottom:20px;background-color:#6db6df;}
#intro .intro_text{width:450px;left:450px;top:70px;position:absolute;}
#intro .intro_text p{font-size:1.21em;color:#ffffff;line-height:1.5em;}
#intro .intro_text a,#intro .intro_text a:hover{font-weight:bold;color:#ffffff;}
#main{min-height:450px;}
#main .inside{overflow:hidden;}
.front #left{float:left;padding-right:20px;}
.front #main{width:290px;margin-right:20px;margin-left:400px;padding-right:20px;padding-left:20px;border-right:1px dashed #6DB6DF;border-left:1px dashed #6DB6DF;}
.sub #main{width:700px;margin-right:20px;padding-right:20px;border-right:1px dashed #6DB6DF;}
.sub #intro,.standard #intro{height:10px;}
#footer{margin-top:50px;background-color:#dce1e4;border-top:1px dashed #aaaaaa;min-height:250px;}
#footer .inside{overflow:hidden;padding-top:30px;background:transparent url(tl_files/images/footer-back.png) no-repeat scroll left top;}
#footer .mod_twitterreader{width:360px;height:160px;float:left;margin-right:50px;background:transparent url(tl_files/images/twitter-back.png) no-repeat scroll 0 0;}
#footer .mod_twitterreader ul{width:210px;padding:20px 0 0 30px;}
#footer .mod_twitterreader .date{display:block;font-style:italic;}
#footer h2{margin-bottom:10px;padding-bottom:2px;padding-left:7px;border-bottom:1px dashed #aaaaaa;font-family:Calibri,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;font-size:1.29em;color:#777777;}
.highlight,.link{color:#6DB6DF;}
#navigation{position:relative;}
.mod_navigation{right:0;bottom:10px;position:absolute;}
.mod_navigation ul{margin:0;padding:0;list-style-type:none;list-style-image:url("none");list-style-position:outside;}
.mod_navigation ul li{float:left;}
.mod_navigation ul li a{height:20px;display:block;padding-top:20px;padding-left:20px;font-family:Calibri,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;text-decoration:none;color:#777777;white-space:nowrap;text-transform:uppercase;}
.mod_navigation ul li a.active,.mod_navigation ul li a.trail,.mod_navigation ul li a:hover{color:#6DB6DF;background: url(tl_files/images/bubble.png) no-repeat scroll left top;}
.web{width:180px;float:left;margin-right:50px;}
.address{width:150px;float:left;margin-right:50px;}
.web ul,.address ul{padding-left:7px;list-style-type:none;list-style-image:url("none");list-style-position:outside;}
.web ul li,.address ul li{padding:2px;}
.web ul li a,.address ul li a{text-decoration:none;color:#777777;}
.web ul li a:hover,.address ul li a:hover{border-bottom:1px dashed #777777;}
.icon{margin-right:10px;vertical-align:middle;}
#kontakt label{width:80px;float:left;display:block;margin-bottom:10px;}
#kontakt input.text{width:300px;float:left;display:block;margin-bottom:10px;padding:1px;border:1px solid #aaaaaa;}
#kontakt textarea{width:300px;height:150px;float:left;display:block;margin-bottom:10px;padding:1px;border:1px solid #aaaaaa;}
#kontakt input.submit{width:205px;float:left;display:block;margin-bottom:10px;margin-left:80px;padding:1px;}
#kontakt p.error{left:400px;position:absolute;color:#6DB6DF;}
#kontakt br{clear:both;}
#kontakt td.col_0{width:110px;}
#kontakt input.error,#kontakt textarea.error{border:1px solid #6DB6DF;}
.mod_newsreader h1,.mod_newslist h1,.mod_newsarchive h1{margin-bottom:8px;}
.mod_newsreader h1 a,.mod_newslist h1 a,.mod_newsarchive h1 a{text-decoration:none;color:#65503c;}
.mod_newsreader h1 a:hover,.mod_newslist h1 a:hover,.mod_newsarchive h1 a:hover{border-bottom:1px dashed #777777;}
.mod_newsreader p.info,.mod_newslist p.info,.mod_newsarchive p.info{margin-bottom:10px;font-size:0.86em;color:#aaaaaa;}
.mod_newsreader img,.mod_newslist img,.mod_newsarchive img{margin-bottom:20px;border:1px solid #dddddd;}
.mod_newsreader .comment_default{width:550px;margin-bottom:20px;padding:10px;border:1px dashed #aaaaaa;background:#FAFAFA none repeat scroll 0 0;}
.mod_newsreader h2{margin-bottom:20px;}
.mod_newsreader label{width:80px;margin-bottom:10px;}
.mod_newsreader input.text,.mod_newsreader input.captcha{width:250px;margin-right:10px;margin-bottom:10px;padding:1px;border:1px solid #aaaaaa;}
.mod_newsreader textarea{width:250px;height:150px;margin-bottom:10px;padding:1px;border:1px solid #aaaaaa;}
.mod_newsreader input.submit{width:200px;margin-bottom:10px;padding:1px;}
.mod_newsreader p.error{margin:0;color:#6DB6DF;}
.mod_newsreader input.error,.mod_newsreader textarea.error{border:1px solid #6DB6DF;}
.mod_newsreader span.mandatory{color:#6db6df;}
.mod_newslist .layout_full{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #aaaaaa;}
.mod_newslist .last{margin-bottom:20px;padding-bottom:20px;border-bottom:0 none !important;}
.ce_comments .form{width:550px;padding:10px;border:1px dashed #aaaaaa;background:#FAFAFA no-repeat scroll;}
.ce_comments .last{margin-bottom:50px;}
.ce_comments a[href $="codestorm.de"]{padding-left:20px;background:transparent url(tl_files/images/comment.png) no-repeat scroll 0 1px;}
.ce_gallery .image_container a{border:1px solid #dddddd;}
.ce_gallery .image_container{float:left;}
.ce_gallery br{clear:both;}
.portfolio_image{float:left;margin-right:80px;margin-bottom:20px;}
.portfolio_image .image_container a{width:400px;height:300px;display:block;border:1px solid #dddddd;background:transparent url(tl_files/images/img_hover.png) no-repeat scroll center;}
.portfolio_image .image_container a img:hover{opacity:0.20;}
.portfolio_text{width:400px;}
.portfolio_projekt{margin-bottom:20px;}
.portfolio_projekt li{padding:2px 0 2px 25px;background:transparent url(tl_files/images/accept.png) no-repeat scroll 0 6px;}
.portfolio_link{margin-bottom:20px;}
.portfolio_link a{padding:2px 0 2px 25px;background:transparent url(tl_files/images/link.png) no-repeat scroll 0 5px;}
.gallery_detail{clear:both;}
.gallery_detail .image_container a{width:125px;height:94px;display:block;background:transparent url(tl_files/images/img_hover.png) no-repeat scroll center;}
.gallery_detail .image_container a img:hover{opacity:0.20;}
.gallery_index .image_container{margin-right:57px;margin-bottom:60px;}
.gallery_index .col_last{margin-right:0 !important;}
.gallery_index .image_container a{width:195px;height:147px;display:block;background:transparent url(tl_files/images/img_hover.png) no-repeat scroll center;}
.gallery_index .image_container a img:hover{opacity:0.20;}
.portfolio_front .image_container a{width:285px;height:214px;display:block;border:1px solid #dddddd;background:transparent url(tl_files/images/img_hover.png) no-repeat scroll center;}
.portfolio_front .image_container a img:hover{opacity:0.20;}
.mod_booknav{margin-top:30px;}
.mod_booknav ul{width:400px;border-top:1px dashed #aaaaaa;list-style-type:none;list-style-image:url("none");list-style-position:outside;}
.mod_booknav ul li.prev{float:left;display:inline;padding:2px 0 2px 15px;background:transparent url(tl_files/images/prev.png) no-repeat scroll 0 7px;}
.mod_booknav ul li.next{float:right;display:inline;padding:2px 15px 2px 0;background:transparent url(tl_files/images/next.png) no-repeat scroll right 7px;}
.mod_booknav ul li a{font-family:Calibri,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif;text-decoration:none;font-size:0.88em;color:#AAAAAA;}
.mod_booknav ul li a:hover{color:#6db6df;}
.caption{padding-top:5px;text-align:center;}
.code{padding:5px;border:1px dashed #AAAAAA;font-family:monospace;background:none repeat scroll 0 0 #FAFAFA;}