html{
	height:100%;
}
body {
	background-color:#003366;
	margin:0px;
	padding:0px;
	font-size: 12px;
	height:100%;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}


table{ font-size:12px;}
p{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-size:12px;
}
.tabNav li{ font-size:14px;}
ul.tabNav{ list-style:none; padding:0px 0px 20px 0px; font-weight:bold;}
.inside ul.tabNav a{ outline:none; text-decoration:none;}
ul.tabNav li{float:left; padding:5px 10px 5px 0px;}
.inside ul.tabNav li.current a { color:#FFFFFF;}  
div.tabContainer div.tab { display: none; clear:both;}
div.tabContainer div.current { display: block; }  


h1{
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 10px 0px;
}
h2{
	font-size:14px;
	font-weight:bold;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;
}

.left{ float:left;}
img.left{ padding:10px 10px 10px 0px;}
.right{ float:right;}
img.right{ padding:10px 00px 10px 10px;}
img{ border:none;}
#contentcolumnright h1{
	font-size:12px;
	font-weight:bold;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;
}
#page {
	position:relative;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	width:840px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	background-color:#003366;;
}
.header {
	width:840px;
	height:80px;
}
#home{
	background-image:url(layout_img/header_bg.png);
}
#portfolio{
	background-image:url(layout_img/header_bg_f3.png);
}
#leistungen{
	background-image:url(layout_img/header_bg_f2.png);	
}
#links{
	background-image:url(layout_img/header_bg_f4.png);
}
#kontakt{
	background-image:url(layout_img/header_bg_f5.png);
}
#impressum{
	background-image:url(layout_img/header_bg_f6.png);
}
#content{
	background-image:url(layout_img/side_bg.png);
	background-repeat:repeat-y;
	padding:0px;
	margin:0px;
	line-height: 150%;	
}
#contenbg{
	width:728px;
	margin-left:54px;
	padding:0px;
}
#contenbg.home{
	background-image:url(layout_img/content_image.png);
	background-position: 0px 67px;
	background-repeat:no-repeat;
}
#contentcolumnleft{
	float:left;
	width:544px;
	/*min-height:492px;*/
	/*background-color:#FF0099;*/
	padding:0px;
	padding-left:16px;
	/*margin-left:1px;*/
	/*padding:0px;*/
	
}
#contentcolumnleft #name{
	position:relative;
	margin-left:40px;
	margin-top:11px;
	width:320px;
	height:43px;
	background-image:url(layout_img/roman_pantring.gif);
}
#contentcolumnleft #copyright{
	height:14px;
	width:154px;
	background-image:url(layout_img/copyright.png);
	background-repeat:no-repeat;
	/*background-color:#CCFF00;*/
	margin-left:40px;
	margin-top:16px;
	padding-bottom:14px;
}
#contentcolumnleft #contentinside{
	margin-top:7px;
	width:526px;
	/*width:526px;*/
}
#contentcolumnright{
	float:left;
	/*width:144px;*/
	width:168px;
	padding:0px;
	/*min-height:208px;*/
	background-image:url(layout_img/menu_bg.png);
	background-repeat:no-repeat;
	/*margin-left:24px;*/
	
}
#contentcolumnright ul {padding:0px 0px 0px 15px;}
#contentcolumnright li{ padding:0px; }
#contentcolumnright a:link,
#contentcolumnright a:visited{
	color:#0071BB;
	text-decoration:underline;	/*word-break:break-all;*/
}
#contentcolumnright a:hover{
	color:#0099FF;
}
#wpcumuluscloud{ margin-top:100px;}
.kontakt #contentcolumnright div.Teaser a:link{
	color:#107425;
}
.kontakt #contentcolumnright div.Teaser a:visited{
	color:#107425;
}
.kontakt #contentcolumnright div.Teaser a:hover{
	color:#58A025;
}

.portfolio #contentcolumnright div.Teaser a:link{
	color:#9ABA00;
}
.portfolio #contentcolumnright div.Teaser a:visited{
	color:#9ABA00;
}
.portfolio #contentcolumnright div.Teaser a:hover{
	color:#C6C800;
}
.clear{
	clear:both;
}

.Teaser{
	width:148px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin:0px;
}

.footer{
	height:68px;
}
#homefooter{
	background-image:url(layout_img/footer_bg.png);
}
div.footer div.footertext .Teaser{ width:400px; text-align:center; padding-top:50px;}
div.footer div.footertext .footer{ margin:auto; height:auto;}
div.footer div.footertext .footer a{outline:none;}
#leistungenfooter{
	background-image:url(layout_img/footer_bg_f2.png);
}
#portfoliofooter{
	background-image:url(layout_img/footer_bg_f3.png);
}

#linksfooter{
	background-image:url(layout_img/footer_bg_f4.png);
}
#kontaktfooter{
	background-image:url(layout_img/footer_bg_f5.png);
}
#impressumfooter{
	background-image:url(layout_img/footer_bg_f6.png);
}
.top{
	height:7px;
	position:relative;
	background-color:#00FF33;
}
#top{
	height:17px;
	background-image:url(layout_img/inside_top.png);
}
#inside{
	min-height:470px;
	/*width:526px;*/
	padding-left:62px;
	padding-right:70px;
	/*background-color:#00CC66;*/
	background-image:url(layout_img/inside.png);

}
#inside #portfoliomenu{ display:none;}
#inside.home p{padding:0px 0px 20px 0px;}
#inside2{
	top:160px;
	left:70px;
	position:absolute;
	min-height:347px;
	/*width:526px;*/
	padding-left:62px;
	padding-right:70px;

}
#nachricht{
	z-index:10;
	height:210px;
	max-height:210px;
	width:394px;
	max-width:394px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
#inside a{
	position:relative;
	outline:none;
}
#inside a.facebox{ text-decoration:none;}
.imgleft{
	float:left;
	margin-top:3px;
}
a:link,
a:visited,
.inside a:link,
.inside a:visited{
	color:#FF9900;
	text-decoration:underline;
}
a:link,a:visited{text-decoration:none; }
a:hover,
#inside a:hover{
	color:#FFCC00;
	text-decoration:none;
}
#bottom{
	height:17px;
	background-image:url(layout_img/inside_bottom.png);
}
.textfield{
	background-color:#333333;
	border:1px solid #000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
textarea.textfield{ width:431px; max-width:435px; height:200px; max-height:200px; overflow-y:auto; }
.textfield:hover{
	background-color: #282828;
}

.Formborderspace{
	padding-right:5px;
}
.trans{
	filter:alpha(opacity=32); //für IE
	-moz-opacity:0.32; //Mozilla	
}
.transparentimg{
	behavior: url("pngbehavior.htc");
}
.smallbutton{
	margin:1px;
	border:1px solid #000000;
}
.normalfontsize{
	font-size:12px;
}
.fontsizebigger{
	font-size:16px;
	font-weight:normal;
}
.fontsizelarge{
	font-size:18px;
	font-weight:normal;
}
.firstpage{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.firstpage a:link{
	color:#00CCFF;
}
.firstpage a:visited{
	color:#0099FF;
}
/* form css */
button,
.yt-uix-button span{}
.yt-uix-button{
	cursor:pointer;
	white-space:nowrap;
	border:1px solid #CCCCCC;
	overflow:visible;
	outline : none;
	height:32px; margin:0px; padding:5px; 
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	background-image:-moz-linear-gradient(top,#ffffff,#ccc);background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ccc));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#cccccc);
}
.yt-uix-button:hover{
	border:1px solid #ffffff;  
	/*-moz-box-shadow: 0 0 1em gold;
	-webkit-box-shadow: 0 0 1em gold;
        box-shadow: 0 0 1em gold; */
}
.yt-uix-button::-moz-focus-inner { border: 0; }
button:focus,
.yt-uix-button:focus,
.yt-uix-button:active{
	background-image:-moz-linear-gradient(top,#ccc,#ffffff);background-image:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ffffff));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#ffffff);
}
/*.yt-uix-button,.yt-uix-button:hover,.yt-uix-button:active{
height:32px;
padding:0px;
margin:0px;
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
-moz-box-shadow:0 0 3px #ffffff;-webkit-box-shadow:0 0 3px #ffffff;box-shadow:0 0 3px #ffffff;
}*/
/*.yt-uix-button:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:-webkit-gradient(linear,center top,center bottom,from(#ffffff),to(#ddd)) repeat scroll 0 0 #f6f6f6;background:-moz-linear-gradient(center top,#ffffff,#ddd) repeat scroll 0 0 #f6f6f6}
.yt-uix-button{padding:0 .5em;height:2.0833em;border:1px solid #ccc;color:#000;background:#f6f6f6;background-image:-moz-linear-gradient(top,#ffffff,#efefef);background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;vertical-align:middle;cursor:pointer;overflow:visible;}*/
/*.yt-uix-button:hover{border-color:#999;background:#f3f3f3;background-image:-moz-linear-gradient(top,#ffffff,#ebebeb);background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);outline:0;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;}*/
