/*////////////////////////////////////////////////////// 
ALLGEMEINE FORMATIERUNG 
//////////////////////////////////////////////////////*/
* { 
	margin: 0px; 
	padding: 0px;
}
html, body { 
	height: 100%;
}
body {	
	background:#F1F1F1 url(../images/allgemein/bgheader.gif) repeat-x top;
	border:0px;
	text-align:center; /* mittig für IE */
}
table { 
	width:100%;
	border:0px;
}
td { 
	vertical-align:top;
}
p, div {
	font-family:Arial, Helvetica, Verdana, sans_serif;
	font-size:12px;
	line-height:140%;
	color:#666;
}
ul {
	margin-left:15px;
}
li {
	font-family:Arial, Helvetica, Verdana, sans_serif;
	margin-bottom:5px
}
h1 {
	font-family:Arial, Helvetica, Verdana, sans_serif;
	padding:10px 0px 30px 0px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	line-height:110%;
	color:#EA0000;
}
h2 {
	font-family: Arial, Helvetica, Verdana, sans_serif;
	padding:5px 0px;
	font-size:16px;
	line-height:120%;
	font-weight:normal;
	color:#EA0000;
}
h3 {
	font-family: Arial, Helvetica, Verdana, sans_serif;
	font-size:12px;
	line-height:120%;
	padding:15px 0px 10px 0px;
	font-weight:bold;
	color:#444;
}
h4 {
	font-family: Arial, Helvetica, Verdana, sans_serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444;
	font-weight:normal;
	line-height:140%;
	/*text-transform:uppercase;*/
	margin:5px 0px 10px 0px;
}
img { 	
	border:0px solid #FFF; 
}
strong {
	font-family:Arial, Helvetica, Verdana, sans_serif;
}

/*//////////////////////////LINKS//////////////////////////*/
a {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
a:link, a:visited {
    color:#444;
}
a:hover, a:active, a:focus {
    color:#EA0000;
}
a.picto:link, a.picto:visited, a.picto:hover, a.picto:active, a.picto:focus {
	background:none;
	padding-left:0px;
}

/*//////////////////////////FORMULAR//////////////////////////*/
input, textarea, select {
	font-size:12px;
	border:none;
	color:#444;
	background:#EFEFEF;
	padding:2px;
}
select {
	width:100%;
}
input[type="text"] {
	width:100%;
}
textarea {
	width:100%;
}
input[name="spamblocker"] {
	width:96px;
}
input[type="submit"] {
	font-size:12px;
	border:none;
	color:#FFF;
	background:#888;
	padding:5px;
	width:100px;
	text-transform:uppercase;
}
input[type="checkbox"] {
	padding:0px;
	width:1.2em;
	height:1.2em;
}
input[type="radio"] {
	padding:0px;
	width:1.2em;
	height:1.2em;
}



/*////////////////////////////////////////////////////// 
MAINTABLE 
//////////////////////////////////////////////////////*/
.maintable {
	width:800px;
	height:100%;
	vertical-align:top;
	margin:auto;
	text-align:left;	
	background:#F1F1F1 url(../images/allgemein/bgheader.jpg) repeat-x top;
	border-left:0px solid white;
	border-right:0px solid white;
}
.maintable td.tdTop  {
	background:#FFF url(../images/allgemein/bgleftBox.gif) repeat-y;	
}



/*////////////////////////////////////////////////////// 
TOP 
//////////////////////////////////////////////////////*/
.top {
	width:800px;
	height:120px;
	background-color:#FFF;
	border-bottom:1px solid #FFF;
}
.topheight {
	width:110px;
	height:39px;
	border-bottom:1px solid #FFF;
	background:url(../images/allgemein/bgleftBox.gif) repeat-y;	
}



/*////////////////////////////////////////////////////// 
NAVI + INTRO
//////////////////////////////////////////////////////*/
.introholder {
	width:800px;
	border-bottom:1px solid white;
}
.intro, 
.intro_profil, 
.intro_leistungen, 
.intro_templates, 
.intro_gatepacks, 
.intro_kostenanfrage, 
.intro_kontakt, 
.intro_zusaetzliches, 
.intro_extras,
.intro_partnership,
.intro_award {
	float:left;
    width:650px; 
	height:200px; 
	padding:20px 20px 20px 20px;
	background: url(../images/allgemein/a_f05_2.jpg) bottom no-repeat;
}
.introtext {
    width:250px; 
	padding:0px; 
}
.intro_profil {
    background-image:url(../images/allgemein/a_f08.jpg);
}
.intro_leistungen {
    background-image:url(../images/allgemein/a_f01.jpg);
}
.intro_templates {
    background-image:url(../images/allgemein/a_f06.jpg);
}
.intro_gatepacks {
    background-image:url(../images/allgemein/a_f12.jpg);
}
.intro_kostenanfrage {
    background-image:url(../images/allgemein/a_f07.jpg);
}
.intro_kontakt {
    background-image:url(../images/allgemein/a_f04.jpg);
}
.intro_zusaetzliches {
    background-image:url(../images/allgemein/a_f13.jpg);
}
.intro_extras {
    background-image:url(../images/allgemein/a_f09.jpg);
}
.intro_partnership {
    background-image:url(../images/allgemein/a_f03.jpg);
}
.intro_award {
    background-image:url(../images/allgemein/a_f15.jpg);
}
.navi {
	width:110px;
	padding-bottom:0px;
	background:#CCC;
	float:left;
}
.navi a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	width:100px;
	font-size:10px;
	padding:4px 0px 4px 10px;
	border-bottom:1px solid #FFF;
}

.navi a:link, .navi a:visited, .navi a.on {color:#666; background:#E1E1E1;}
.navi a:hover, .navi a:active, .navi a:focus, .navi a.on {color:#EA0000; background:#EFEFEF; /*background:#EA0000 url(../images/allgemein/bgnavi.jpg) repeat-x*/}

.unternavi a:link, .unternavi a:visited, .unternavi a.on {color:#666; background:#EFEFEF; font-size:11px; font-weight:normal; padding:1px 0px 1px 15px; width:95px; 
	text-transform:none;}
.unternavi a:hover, .unternavi a:active, .unternavi a:focus, .unternavi a.on {color:#EA0000; /*background:#FCE5E5;*/}



/*////////////////////////////////////////////////////// 
LEFTBOX 
//////////////////////////////////////////////////////*/
.leftBox {
	width:110px;
	float:left;
	text-align:left;
	padding-bottom:0px;
	overflow:hidden;
}
.anzeige {
	width:110px;
	margin:0px;
	text-align:left;
	background-color:#E7E7E7;
	border-bottom:1px solid #FFF;
}
.anzeige .swfs {
	padding:0px;
	background-color:#EFEFEF;
	height:330px;
}
.anzeige .headline {
	padding:5px 10px;
}
.anzeige h2 {
	color:#FFF;
}
.anzeige p {
	font-size:9px;
	color:#444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 10px;
}
.anzeige h3 {
	font-size:10px;
	line-height:110%;
	padding:5px 10px 0px 10px;
}
.anzeige img {
	margin-top:0px;
	padding:0px;
	line-height:0px;
}
.anzeige img.zoom {
	position:relative;
	top:-26px;
	left:86px;
	display:block;
	margin-bottom:-20px;
	padding-bottom:0px;
}

/*////////////////////////////////////////////////////// 
MAINBOX
//////////////////////////////////////////////////////*/
.mainBox {
	width:690px;
	padding:0px;
	background-color:#FFF;
	float:left;
}
.copy {
    clear:both;
	width:560px;
	padding:10px 20px;
}
.copy p {
	margin-bottom:15px;
}
.copy h2 {
	margin:15px 0 10px 0;
}
.h1first {
	padding-top:30px;
}



/*////////////////////////////////////////////////////// 
NEWSBOX
//////////////////////////////////////////////////////*/

.newsBox {
	width:460px;
	border-left:0px solid #FFF;
	padding:0px;
	background-color:#FFF;
	border-right:0px solid #FFF;
	float:left;
}
.newsBox .headline {
	border-right:1px solid white;
}
.newscontent {
	width:418px;
	padding:20px;
	margin:0px 1px;
	border-bottom:1px solid #CCC;
	clear:both;
}
.newscontent a {
	font-size:11px;
}
.newscontent h1 {
	padding-top:0;
	margin-top:0;
}
.newsthumb {
	float:left;
	background-color:#FFF;
	margin:0px 10px 0px 0px;
	width: 50px;
	height:50px;
	overflow:hidden;
	line-height:100%;
}
.newsthumb img.zoom {
	position:relative;
	top:-21px;
	left:29px;
}
.newstext {
	float:left;
	width:357px;
	margin:-5px 0px 0px 0px;
	overflow:hidden;
}
.newstext p, .newstext h2 {
	font-size:12px;
}
.newstool {
	width:428px;
	padding:0px 15px;
	margin:0px 1px;
	border-bottom:20px solid #CCC;
}
.newstool a {
	font-size:1em;
	font-weight:normal;
}


/*////////////////// 1x benutzt für die BUDOGATE Störer (features) //////////////////*/

#features {
	text-align:center; 
}
#features img{
	text-align:center;
	margin:0px 10px;
}


/*////////////////////////////////////////////////////// 
TEMPLATEBOX
//////////////////////////////////////////////////////*/
.templatethumb {
	float:left;
	background-color:#FFF;
	margin:0px 10px 10px 0px;
	width: 210px;
	height:200px;
	overflow:hidden;
	line-height:100%;
}
.templatethumb img {
	margin-left:-175px;
}
/**/.templatethumb img.zoom {
	position:relative;
	top:-26px;
	left:362px;
}
.templatetext {
	float:left;
	width:340px;
	margin:-8px 0px 0px 0px;
}



/*////////////////////////////////////////////////////// 
EXTRASBOX
//////////////////////////////////////////////////////*/
.extrasthumb {
	position:relative;
	float:left;
	background-color:#FFF;
	margin:0px 10px 10px 0px;
	width:210px;
	height:200px;
	overflow:hidden;
	line-height:100%;
	text-align:center;
}
.extrasthumb img {
	margin-left:0px;
}
.extrasthumb img.zoom {
	position:absolute;
	text-align:center;
	bottom:5px;
	right:5px;
}
.extrastext {
	float:left;
	width:340px;
	margin:-8px 0px 0px 0px;
}
.extrastext p.trenner2 {
	margin-bottom:0px;
}



/*////////////////////////////////////////////////////// 
RIGHTBOX
//////////////////////////////////////////////////////*/
.rightBox {
	float:left;
	width:230px;
	background-color:#FFF;
	border-left:0px solid #FFF;
}
.banner {
	border-bottom:1px solid #FFF;
}
.banner p {
	margin:10px 20px;
	font-size:11px;
}
.banner p.vorteile {
	font-size:12px;
}
.banner p.pfirst {
	margin-top:20px;
}
.banner p.plast {
	margin-bottom:20px;
}
.b1 {
    background:#E7E7E7 url(../images/allgemein/a_f02.png) bottom no-repeat;
	padding-bottom:140px;
}
.b2 {
    background:#E7E7E7;
}


/*////////////////////////////////////////////////////// 
TD BOTTOM 
//////////////////////////////////////////////////////*/
.tdbottom {
	vertical-align:bottom;
	height:1px;
}
.tdbottom div {
    background-color:#FFF;
	border-top:20px solid #Ea0000;
	margin-left:0px;
	margin-right:0px;
	padding:20px;
}
.footnote {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
}


/*////////////////////////////////////////////////////// 
ZUSATZFORMATIERUNGEN 
//////////////////////////////////////////////////////*/
.trenner {
	clear:both;
	height:0px;
	line-height:0px;
	margin-bottom:0px;
}
.trenner2 {
	clear:both;
	border-bottom:1px solid #999;
	height:5px;
	line-height:0px;
	margin-bottom:10px;
}
.clearer {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
.farbeRot {
	color:#EA0000;
}
.durchstrich {
	text-decoration:line-through;
}
.mehr {
   display:none;
}
p.picon {
	margin-bottom:5px;
}
.icon {
   display:block;
   clear:both;
   float:left;
   width: 18px;
   margin-right:5px;
}
.icon2 {
   float:left;
   width: 16px;
   line-height:100%;
   text-align:center;
   background-color:#EA0000;
   color:#FFF;
   padding:2px;
   margin-right:5px;
}
.headline {
	background-color:#EA0000;
	padding:5px 20px;
	border:1px solid #FFF;
	border-right:0;
	border-top:0;
}
.headline h2 {
	color:#FFF;
}
.rightBox .headline {
	border:0px;
}
.leftBox .headline {
	border:0px;
}
.reg {
	font-weight:normal;
	font-size:10px;
	line-height:1em;
}



/*////////////////////////////////////////////////////// 
TABELLENLISTE 
//////////////////////////////////////////////////////*/
.tabellenliste {
	border-bottom:3px solid #999;
}
.tabellenliste td {
	padding:5px;
	border-bottom:1px solid #999;
}
.tabellenliste .borderless td {
	border-bottom:0px solid #999;
}
.tabellenliste .tdright {
	width:100px;
	padding-left:0px;
	text-align:right;
}
.tabellenliste .titel {
	background-color:#CCC;
	border:none;
}
.tabellenliste .titel h3 {
	padding:0px; 
}
.tabellenliste p {
	margin: 0;
}
.tabellenliste .untertitel {
	background:#EFEFEF;
}
.tabellenliste .untertitel td {
	border:0;
}
.tabellenliste .untertitel .tdright {
	padding-right:5px;
}
.tabellenliste .untertitel .tdleft {
	padding-left:5px;
}
.tabellenliste a {
	font-size:0.95em;
}
/*////////////////// gatepacks //////////////////*/
.gatepacks h2 {
	padding-bottom:0px;
	margin-top:6px;
}
.gatepacks .tdright {
	width:16px;
	border-left:1px solid #CCC;
	padding-left:5px;
	text-align:center;
}
.gatepacks .toprow {
	border:0px;
}
.gatepacks .lastcol {
	border-right:1px solid #CCC;
}
.gatepacks .leistung .tdright{
	font-size:2em;
}
/*////////////////// preise_packs //////////////////*/
.preise_packs h2 {
	padding-bottom:0px;
	margin-top:6px;
}
.preise_packs .tdright {
	width:60px;
	padding-left:5px;
	text-align:right;
}
/*////////////////// preise //////////////////*/
.preise h2 {
	padding-bottom:0px;
	margin-top:6px;
}
.preise .tdright {
	width:70px;
	border-left:0px solid #CCC;
	padding-left:5px;
	text-align:right;
}
.preise .toprow {
	border:0px;
}
.preise .lastcol {
	border-right:0px solid #CCC;
}
/*////////////////// kostenanfrage //////////////////*/
.kostenanfrage .tdleft {
	width:145px;
}
.kostenanfrage .checkboxdiv {
	width:125px;
	margin-right:5px;
    float:left;
	/*background:blue;*/
}
.kostenanfrage .listleft {
    width:16px;
	margin-right:5px;
	float:left;
	/*background:red;*/
}
.kostenanfrage .listright2 {
    width:100px;
	float:left;
	/*background:yellow;*/
	font-size:1em;
}
.kostenanfrage .listright {
    width:240px;/**/
	/*background:#CCC;*/
	float:left;
}
.kostenanfrage p.trenner {
	margin-bottom:5px;
	clear:both;
}
input[name="farbwahl2wunsch"] {
	width:80px;
	margin-top:5px;
}
.kostenanfrage .mehrInfos { 
	border-top:0px solid #CCC;
	border-bottom:0px solid #CCC;
	padding:10px;
	background:#EFEFEF;
	}
.kostenanfrage .mehrInfos p {
	margin-bottom:5px;
	}
/*////////////////// extras //////////////////*/
.extras {
	margin-top:0px;
}
.extras .tdleft {
	width:75%;
	padding-right:5px;
	padding-left:0px;
}
.extras .tdright {
	width:25%;
	text-align:center;
	background-color:#EFEFEF;
	padding-right:0px;
}
/*////////////////// provision //////////////////*/
.provision {
	margin-top:10px;
}
/*////////////////// kontakt //////////////////*/
.kontakt .tdleft {
	width:145px;
}
/*.kontakt td {
	padding:5px 5px 0 5px;
	border-bottom:0px solid #999;
}
.kontakt .titel {
	margin-top:5px;
}*/

/*////////////////////////////////////////////////////// 
LIGHTBOX 
//////////////////////////////////////////////////////*/


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	margin:0px;
	padding:0px;
	}
#imageContainer>#hoverNav{ left: 0; margin:0px; padding:0px;}
#hoverNav a{ outline: none; margin:0px; padding:0px;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block; margin:0px; padding:0px;
	}
#prevLink { left: 0; float: left;  margin:0px; padding:0px;}
#nextLink { right: 0; float: right;  margin:0px; padding:0px;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat;  margin:0px; padding:0px;}
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat;  margin:0px; padding:0px;}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; padding-left:0px; margin-bottom:2px; line-height:0px; text-decoration:none;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}