/*************
Projekt: Adverta
Webpublisher: Phuc Le
Beginn: 29.07.2009

Besonderheit: Contortionist Gallery

**************/


html{
	margin:0px;
	padding:0px;
}

*{
margin:0px;
padding:0px;
}



body{
	background-color:#fff;
	color:#5a5a5a;
	font-family:Verdana,sans-serif;
	font-size:12px;
	line-height:18px;
	margin: 0px;
	padding: 0px;
	letter-spacing:0.02em;
	}

.Normal, TD, P, .SubHead TD {
	color:#5a5a5a;
	font-family:verdana,sans-serif;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.02em;
}

#Body {

}

fieldset{
	/*background-color:white;*/
}

.RadEContentContainer{
	padding-top:0px !important;
}

/*FONT*/

h1{
	padding:0px;
	margin:0px;
	font-size:22px;
	margin-bottom:20px;
	color:#000000;
	font-family:verdana,sans-serif;
	line-height:24px;
	
}

h2
{
	padding:0px;
	margin:0px;
	color:#979797;
	font-family:verdana,sans-serif;
	font-size:17px;
	line-height:22.6px;
}

h3{
	padding:0px;
	margin:0px;
font-size:14.5px;
line-height:16.6px;
color:#000;
}

a:link img, a:visited img {
border:none;
}

a:link, a:visited{
	color:#5A5A5A;
	font-family:verdana,sans-serif;
	font-size:12px;
	text-decoration:none;
}

a:hover, a:active{
	font-family:verdana,sans-serif;
	color:#5A5A5A;
	text-decoration:underline;
}

hr,HR {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #000;
	border-bottom: transparent;
	margin:0px;
	padding:0px;
	height:1px;
}

ul{
	margin:0px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
}



/*MODUL*/

.module_edit{
	clear:left;
}

.container_content_pane{
	clear:left;
	/*padding-left:13px;*/
}
/*
.RadEContentBordered{
background-color:#fff !important;
}

#dnn_contentPane{
border:none !important;
}
*/

.ControlPanel{

}

.DNNAligncenter{
text-align:left !important;
}
img{
vertical-align:bottom;
}

/************************************************************************************************************************************
*************************************************************************************************************************************

		BASIC LAYOUT

************************************************************************************************************************************
************************************************************************************************************************************/


.level_zero{
	margin:0 auto;
	position: relative;
	width:100%;
	text-align:center;
}

* html .level_zero{
}

.level_one{
	width:935px;
	margin:0 auto;
	position: relative;
	text-align:left;
	top:30px;
}

* html .level_one{
}

.header_div{
width:100%;
position: relative;
height:160px;
height:197px;
}

.logo_div{
position:absolute;
right:0px;
}

.menu_div{
position:absolute;
height:37px;
right:0px;
margin-top:-37px;
z-index:0;
}


* html .menu_div{
}

.login_div{
position:absolute;
padding-top:10px;
}

.login_div a:link, .login_div a:visited{
color:#868786;
font-size:9px;
}

.impressum{
border-right:1px solid #868786;
}

.login{
padding-left:5px;
}

.content_div{
position:relative;
background:#f0f0f0;
}

* html .content_div{
}

.verlauf_oben_container{
position:absolute;
right:0px;
height:5px !important;
line-height:5px !important;
z-index:100;
}
.verlauf_oben{
background:url(media/verlauf_oben.png);
width:869px;
height:5px !important;
line-height:5px;
background-repeat:no-repeat;
}

.verlauf_unten_container{
display:none;
}

.image_div{
position:absolute;
width:192px;
height:338px;
overflow:hidden;
z-index:0px;
}

.pane_div{
position:relative;
left:192px;
width:718px;
min-height:293px;
padding-left:25px;
padding-top:45px;
}

* html .pane_div{
height:338px;
width:743px;
}

.footer_div{
position:relative;
}

.slogan_div{
position:absolute;
right:0px;
background:url(media/home.gif);
background-repeat:no-repeat;
width:261px;
height:56px;
z-index:0 !important;
margin-top:10px;
}

.slogan_div_Agentur{
margin-top:10px;
background:url(media/agentur.gif);
background-repeat:no-repeat;
width:261px;
}

.slogan_div_Team{
margin-top:10px;
background:url(media/team.gif);
background-repeat:no-repeat;
width:261px;
}

.slogan_div_Design{
margin-top:10px;
background:url(media/design.gif);
background-repeat:no-repeat;
width:261px;
}

.slogan_div_Kontakt{
margin-top:10px;
background:url(media/kontakt.gif);
background-repeat:no-repeat;
width:261px;
}

.a_logo_container{
position:absolute;
z-index:230;
left:163px;
margin-top:301px;
}

.a_logo{
background:url(media/a_klein.png);
background-repeat:no-repeat;
background-position:bottom right;
width:29px;
height:37px;
}

/*CONTAINER*/

.container_content_pane_title_long_center{
font-size:18px;
font-weight:bold;
line-height:17px;
margin-bottom:18px;
letter-spacing:0.1em;
}


/*REFERENZEN SEITE*/
.level_zero_referenzen .image_div{
display:none;
}

.level_zero_referenzen .pane_div{
left:0px;
width:910px;
}

.level_zero_referenzen .pane_div{
padding:0px;
width:743px;
min-height:338px;
position:relative;
z-index:200;
}

.level_zero_referenzen .content_div{
background:white;
position:relative;
z-index:30;
}

.level_zero_referenzen .verlauf_unten_container{
position:absolute;
z-index:20;
margin-top:-2px;
display:block;
right:0px;
line-height:2px !important;
height:2px !important;
}

.level_zero_referenzen .verlauf_unten{
background:url(media/verlauf_unten.png);
background-repeat:no-repeat;
background-position:bottom right;
height:2px !important;
line-height:2px;
width:869px;
}


/*REFERENZEN CONTORTIONIST*/

.referenzen_navigation{
background:#f0f0f0;
width:177px;
height:318px;
position:absolute;
padding-top:20px;
padding-left:15px;
}

* html .referenzen_navigation{
height:338px;
width:192px;
}

.referenzen_titel{
/*display:none;*/
color:#0066CC
}

.referenzen_content{
position:relative;
left:192px;
padding-left:25px;
padding-top:42px;
z-index:30;
}

#div_overview_text{
clear:left;
margin-top:25px;
position:absolute;
}


.overview_float{
position:relative;
float:left;
margin-right:7px;
z-index:200;
}

.overview_selected_false{
background:#999;
width:13px;
height:13px;
cursor:pointer;
position:relative;
float:left;
margin-right:7px;
}

.referenz_float_auswahl{
width:220px;

}

.overview_selected_true{
background:#0066cc;
width:13px;
height:13px;
cursor:pointer;
position:relative;
float:left;
margin-right:7px;
}

.referenzen_div_outer{
position:absolute;
width:483px;
right:0px;
top:47px;
height:250px;
}

.referenzen_vergroessern{
background:url(media/vergroessern.gif);
width:20px;
height:16px;
background-repeat:no-repeat;
cursor:pointer;
margin-top:7px;
}

.referenzen_navigation a:hover, .referenzen_navigation a:active{
color:#0066cc;
text-decoration:none;
}

.navigation_true:link, .navigation_true:visited{
color:#0066cc;
}


/*popup*/
.referenzen_div_inner{
position:absolute;
z-index:300;
right:-8px;
margin-top:-144px;
margin-top:-102px;
background:url(media/popup.png);
background-repeat:no-repeat;
width:575px;
height:405px;
padding-top:24px;
}

.referenzen_popup_image{
vertical-align:center;
text-align:center;
width:540px;
height:321px;
padding-left:14px;
position:relative;
}

.referenzen_popup_description{
position:relative;
padding-left:24px;
}

.referenzen_popup_navigate{

width:100%;
height:20px;
padding-top:16px;
}

.referenzen_close{
cursor:pointer;
background:url(media/close.png);
width:10px;
height:20px;
position:absolute;
left:15px;
background-repeat:no-repeat;

}

.referenzen_count{
position:absolute;
left:270px;
height:20px;
color:white;
margin-top:-5px;
}

.referenzen_next{
cursor:pointer;
background:url(media/next.png);
width:10px;
height:10px;
position:absolute;
right:20px;
background-repeat:no-repeat;
line-height:auto;
}

.referenzen_before{
cursor:pointer;

background:url(media/before.png);
width:10px;
height:20px;
position:absolute;
right:35px;
background-repeat:no-repeat;
}


/*HOME*/

.home_button_container{
position:absolute;
top:-56px;
left:-56px;
z-index:100;
}

.home_button{
cursor:hand;
cursor:pointer;
background:url(media/button.png);
width:113px;
height:113px;

}

.referenzen_div_inner_home{
margin-top:-104px;
z-index:20;
}

.referenzen_close_home{
margin-top:15px;
}

.referenzen_div_home_background{
position:absolute;
background:url(media/home_background_image.jpg);
width:743px;
height:338px;
top:0px;
left:0px;
z-index:0;
}

.verlauf_oben_container2{
position:absolute;
z-index:100;
right:0px;
height:5px !important;
line-height:5px !important;
top:0px;
}


/*kontakt seite*/
.kontakt .content_div{
background:white;
background-image:url(media/verlauf_unten.png);
background-repeat:no-repeat;
background-position:bottom right;
}


#lageplan{
position:absolute;
z-index:300;
right:-8px;
background:url(media/popup.png);
background-repeat:no-repeat;
width:575px;
height:405px;
top:-60px;
padding-top:55px;
}

.lageplan_image{
position:relative;
margin-left:30px;
}

.close_button{
cursor:pointer;
background:url(media/close.png);
width:10px;
height:20px;
position:absolute;
left:15px;
top:380px;
background-repeat:no-repeat;
z-index:2000;
}

.vergrossern_button{
cursor:pointer;
}

.bilder_verwalten_link{
color:#0066CC!important;
}

.references_edit_title{
font-weight:bold;
margin-bottom:20px;

}