/* 
www.nordisk-buero.com
Letzte Aenderung: 10.12.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Text): #4B2942
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */
@import url(reset.css);

/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
	font-size: 62.5%;

}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background-color: #FFF ;
	font: normal normal 1.4em/1.5em Times, "Times New Roman", serif;

}

html>body {
	font-size: 10px;
}

a:link{
	font: italic normal 14px/1.5em Times, "Times New Roman", serif;
	color: #000;
	text-decoration:underline;

}



a:visited {
	font-size: 1.4em;
	color: #777;
	text-decoration: underline;

}

a:hover {
	text-decoration: underline;
}

#content p a{
	font-size: 13px;
}
/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
font: normal normal 1.3em/1.5em Times, "Times New Roman", serif;
	margin-top: 0;
	margin-bottom: 1.2em;
}

h1 {
	margin-top: 1.4em;
	margin-bottom: 1.3em;
	font: bold 1.4em/1.7em Times, "Times New Roman", serif!important;
}

h2 {
	font: bold 1.3em/1.5em Times, "Times New Roman", serif;
	margin-top: 1em;
	margin-bottom: 0;
}

h3 {
	font: 1.33em/1.13em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
}

.clear{
	clear: both;
	visibility: hidden;
}


/* Layoutelemente
--------------------------------------------------------------------------------------- */


#website{
position: absolute;
width: 930px;
top: 50px;
left: 64px;
}

#header{
width: 930px;
height:50px;
margin: 0 0 70px 0;
xbackground-image: url(logo.gif);
xbackground-repeat: no-repeat;
}


#menu{
float: left;
margin:0;
padding:1em 0;
width:220px;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#clock{
	position: absolute;
	top: 11px;
	left: 750px;
}
#clock img{
	margin:0 0 0 0!important;
}

#pageupdate{
margin: 0 0 1em 0;
}

#pageupdate a{
	font-size: 1.4em;
	font-style: normal;
	color: #000;
	text-decoration:none;
}

#switch{
	position: absolute;
	left: 0;
	top: 596px;
}

#switch a{
font: normal normal 1.4em/1.5em Times, "Times New Roman", serif;
	text-decoration: none;
	color: #000;
}



#menu{
	width: 217px!important;
}
div#menu ul li {
float:left;
width:217px;
margin:11px 0;
padding: 0;
list-style:none;
text-align:left;

}

div#menu ul li a {
display:block;
padding:0;
width:100%;
color:#555;
text-decoration:none
}


#link216 a{
background:url(home.gif) no-repeat 0 0;
width:97px;
height: 23px;
text-indent:-999em;
overflow:hidden;
}

#link216 a:hover, #link216 a.current{
background:url(home.gif) no-repeat 0 -24px;
}

#link27{
display:none;
}

#link1 a{
background:url(portfolio.gif) no-repeat 0 0;
width:184px;
height: 23px;
text-indent:-999em;
overflow:hidden;
}

#menu #link1 a:hover, div#menu #link1 a.current{
background: url(portfolio.gif) no-repeat 0 -24px;
}

div#menu #link2 a{
background:url(image.gif) no-repeat 0 0;
width:103px;
height: 23px;
text-indent:-999em;
overflow:hidden;
}

#menu #link2 a:hover, div#menu #link2 a.current{
background:url(image.gif) no-repeat 0 -24px;
}

#link3 a{
background:url(contact.gif) no-repeat 0 0;
width:154px;
height: 23px;
text-indent:-999em;
overflow:hidden;
}
#link3 a:hover, #link3 a.current{
background: url(contact.gif) no-repeat 0 -24px;
}

#link110 a{
background:url(club.gif) no-repeat 0 0;
width:92px;
height: 23px;
text-indent:-999em;
overflow:hidden;
}
#link110 a:hover, #link110 a.current{
background: url(club.gif) no-repeat 0 -24px;
}


#link4 a{
background:url(news.gif) no-repeat 0 0;
width:95px;
height: 23px;
text-indent:-999em;
overflow:hidden;
}
#link4 a:hover, #link4 a.current{
background:url(news.gif) no-repeat 0 -24px;
}

#link212 a{
background:url(charity.gif) no-repeat 0 0;
width:95px;
height: 23px;
text-indent:-999em;
overflow:hidden;
}
#link212 a:hover, #link212 a.current{
background:url(charity.gif) no-repeat 0 -24px;
}

#link214 a{
background:url(eventhings.gif) no-repeat 0 0;
width:212px;
height: 23px;
text-indent:-999em;
overflow:hidden;
}
#link214 a:hover, #link214 a.current{
background:url(eventhings.gif) no-repeat 0 -24px;
}

li#link217{
	margin:9px 0;
}

#link217 a{
background:url(karriere.gif) no-repeat 0 0;
width:78px;
height: 26px;
text-indent:-999em;
overflow:hidden;
}
#link217 a:hover, #link217 a.current{
background:url(karriere.gif) no-repeat 0 -26px;
}

div#menu ul li a:hover {
color:#92499E;
}


/* Das Submenu*/


ul.nav2nd 
{
margin:79px 0 0 0;
list-style-type: none;
color: #FFF;
width: 100%;
font: italic normal 1.4em/1.5em Times, "Times New Roman", serif;
background-color:#FFF;
}

ul.nav2nd li { 
width:256px;
float:left; 
}

div#submenu li#link6 { 
margin-right: 0;
width: 120px;
float: left;
}
div#submenu li a{
	font-size: 14px;
text-decoration: none;
color: #e2007a;
padding: 0;
margin:0;  /*Abstand horizontal  2nd level*/
}

div#submenu li a:hover,
div#submenu li a.current,
#submenu ul li .active
{
margin: 0;
padding:0;
color: #000;
}


/* Navigation 3. Ebene*/

#submenu ul.nav3rd { 
padding:15px 0 0 0; /*Abstand horizontal Menüpunkte 3. Ebene zur 2. Ebene*/
margin:0;
width: 160px;
}

#submenu ul .nav3rd li { 
padding:0 0 2px 9px; /*Abstand horizontal Menüpunkte 3. Ebene*/
background-repeat: no-repeat;
display: block;
}

#submenu ul .nav4th {
display:block;
padding: 5px 0 5px 20px;
width: 160px;
}

#submenu ul .nav4th li { 
xbackground: url(unterstrich.gif) no-repeat 0 0;
}


#content{
	position: absolute!important;
	float: none;
	display: block;
	width: 668px;
	left: 250px;
	margin-left: 0!important;
padding-bottom: 30px;
}





#gallery{
width:560px;
margin-top:-65px;
padding:0;
}

#gallery .galimg{
margin:0;
padding:0;
border:0;
}

#gallery .galimg a{
margin:0;
padding:0;
}


/* Zweispalter

--------------------------------------------------------------------------------------- */

.zweispalter {
  width: 650px; 
  
}
.zweispalter_1 {
  width: 230px;
  
}
.zweispalter_2 {
  width: 350px;
  margin-left: 10px;
  padding-top: 1px;
}
.zweispalter_1, 
.zweispalter_2 {
  float: left;
}
.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

.hiddencontent, .hiddencontent2 {
display:none;
}

#Abbildungen{
	overflow: hidden;
	margin-top: 25px;
display: none;
}

#Abbildungen a{
	padding-right: 4px;
	height: 105px;
	width: 105px;
}

#nav a, #content .nav a{
	text-decoration: none;
		color: #E2007A;
		margin-right: 20px;

}

#nav a.selected, #nav a.selected:active, #content .nav a.selected, #content .nav a.selected:active{
	color: #000;
	
}

#Video{
	margin-top: 24px;
}

 #content #Video a{
	color: #000;
	text-decoration: none;
	padding: 0;
}

#Video a span{
	font-style: normal;
	padding: 0 16px;
}

a.intern {
margin-right: 20px;
}


/* KONTAKTFORMULAR

--------------------------------------------------------------------------------------- */


#formwrap {
   padding: 0;
   margin: 0 0 30px 0;
}
#form {
		font: italic normal 1.3em/1.5em Times, "Times New Roman", serif;
width:350px;
   padding: 0;
   margin: 0;
}
/* Rahmenfarbe angeben für Opera */
fieldset {
line-height:0.5em;
   border: 1px solid #fff;
   padding: 0;
   margin: 0;
}

legend {
   border: 1px solid #fff;
}

Label {
	font-size: 13px;
	line-height:16px
   padding:0;
   margin: 0;
}

.inpt, input {
   width: 300px;
   background-color: #FFF;
   color: #666;
   padding: 5px 1px 5px 3px;
   margin: 7px 0;
   word-spacing: 0.2em;   
   border: 1px solid #e2007a ;
}

label{
	width: 100px;
	padding: 10px 0 5px 0; 
}

.txt, textarea {
   width: 300px;
   border: 1px solid #958F5D;
   background-color: transparent;
   color: #666;
   padding: 1px 3px 1px 3px;
   margin: 7px 0px 0px 0px;
   border: 1px solid #e2007a;
}

/*.inpt:focus, textarea.txt:focus {
font: italic .9em times, serif;
border: 1px solid #958F5D;
}*/

.senden, .formgen_submit {
   width:108px!important;
   font: italic 16px times, serif;
   text-decoration:none;
   border:none;
   border-bottom: 1px solid #000;
   margin: 12px 0px 0px 0px;
   padding: 0 !important;
   color: #000;
   background-color:#FFF;
   cursor: pointer;
}

.formgen_submit:hover{
	border-bottom-color: #e2007a;
	color:  #e2007a;
} 
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}
.formerror {
font: italic .9em times, serif;
color: #999;
   padding: 0px 0px 20px 5em;
}

.formerror li{
list-style: none;
}

#eventhings input{
display: block;
}

#eventhings input.formgen_submit{
	border: none;
	border-bottom: 1px solid #000;
}

#eventhings p, #karriere p{
	color: #000;
	width: 600px;
	
}

#eventhings p a{
	color: #000;
	
}

#eventhings legend{
	display: none;
}
#eventhings input, #eventhings textarea {
width: 350px;}



/* SEITENSPEZIFISCHE ANPASSUNGEN
--------------------------------------------------------------------------------------- */

#eventhings #content{
	margin-top: 284px;
}

#jobs #content{
	margin-top: 236px;
}

#design-_und_eventagentur #content{
margin: 11px 0 0 0;
}

#image #content{
	margin-top: 78px;
}

#portfolio #content{
	margin-top: 43px;
}

#charity #content{
	margin-top: 170px;
	
}
#club #content{
	margin-top: 191px;
	
}

#news #content{
	margin-top: 351px;
	
}

#kontakt #content{
	margin-top: 396px;
}