/* standard elements */

.all {
width:100%;
height:200px;
}
.links {
float:left;
width:300px;
height:200px;
background:#00CC99;
margin-right:20px;
}
.rechts {
float:left;
height:200px;
background:#996699;
}






* {
	margin: 0;
	padding: 0;
}

body {
	background: #000000 url(img/bg.jpg) repeat;
}
body  p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #888888;
font-weight:normal;
line-height:18px;
}
.mainbox_l_bigpic p {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #888888;
font-weight:normal;
line-height:18px;
}
body  p a{
color: #999377;
text-decoration:none;
}
body  h1{
font-family:  "Times New Roman", Times, serif;
font-size:38px;
color: #FFFFFF;
font-weight:normal;
padding-bottom: 20px;
}
body  h2{
font-family: Arial, Helvetica, sans-serif;
font-size:17px;
color: #fff;
font-weight:normal;
padding-bottom: 15px;
padding-top: 15px;
}
body h3 {
font-family: "Times New Roman", Times, serif;
font-size:22px;
color: #FFFFFF;
font-weight:normal;
padding-bottom: 15px;
}
body  h4{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #999377;
font-weight:normal;
padding-bottom: 0px;
}
body  h5{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #ffffff;
font-weight:bold;
padding-bottom: 0px;
}
body  h6{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #999377;
font-weight:normal;
padding-bottom: 10px;
padding-top: 10px;
}
body  span{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #9a9478;
font-weight:bold;
font-style:italic;
}
pull {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #999999;
font-weight:normal;
font-style:italic;
}
pull_color {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #999377;
font-weight:normal;
font-style:italic;
}
pull a {
color: #999377;
text-decoration:none;
}
pull_des {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #5e5d5d;
font-weight:normal;
font-style:italic;
}
.back  {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #999377;
font-weight:normal;
font-style:italic;
width: 700px;
text-align:right;
padding-top:10px;
}
.back  a {
color: #999377;
text-decoration:none;
}
.back  a:hover {
color: #ffffff;
text-decoration:none;
}
body img {
margin-bottom:7px;
}

/* misc */
.clearer {
	clear: both;
}
/* ----------Line box-------------- */
.linebox {
width:950px;
height:20px;
padding-top:0px;
}
.linebox_l {
float:left;
width:230px;
height:20px;
margin-right:20px;
border-bottom:1px solid #303030;
margin-bottom:10px;
}
.linebox_l_bigpic {
float:left;
width:230px;
height:20px;
padding-top:18px;
margin-right:20px;
border-bottom:1px solid #303030;
margin-bottom:30px;
}
.linebox_r {
float:left;
width:700px;
height:20px;
border-bottom:1px solid #303030;
margin-bottom:10px;
}

/* ----------Basic Architecture-------------- */
.topwrapper {
	padding: 0;
	background:url(img/agentur_potsdam_topbg.jpg) no-repeat;
}
.topbox {
    width:950px;
	padding-top:50px;
	padding-bottom:0px;
}
.topbox_l {
    width:230px;
	height:65px;
    float:left;
	padding: 0;
	background:url(img/logo_agentur.png);
}
.topbox_r {
    width:700px;
    height:65px;
    float:left;
	padding: 0;
	margin-left:20px;
}
.mainbox {
    width:950px;
	padding:0px;
	margin:0px;
}
.mainbox_folio {
    padding-top:10px;
}
.mainbox_bigpic {
    width:950px;
    padding-top:10px;
}
.mainbox_l {
    width:230px;
    float:left;
	padding: 0;
}
.mainbox_l_folio {
    width:230px;
    float:left;
	padding: 0;
	margin-right:20px;
}
.mainbox_l_bigpic {
    width:230px;
	height:400px;
    float:left;
	padding: 0;
	margin-right:20px;
	text-align:right;
}
.mainbox_l_bigpic p {
	text-align:right;
}
.mainbox_r {
    width:700px;
    float:left;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:20px;
}
.mainbox_r_folio {
    float:left;
	padding: 0;
	margin-left: 250px;
}
.mainbox_r_bigpic {
    width:700px;
    float:left;
}
.folio {
    float:left;
    width:340px;
    margin-right:20px;
	margin-bottom:15px;
}
.folio_banner {
    float:left;
    width:700px;
    margin-right:20px;
	margin-bottom:15px;
}
.folio_r {
    float:left;
    width:340px;
    margin-right:0px;
	margin-bottom:25px;
}
.folio_l {
    float:left;
    width:340px;
    margin-right:20px;
	margin-bottom:25px;
}

/* ----------MENU TOP-------------- */
.menu{

}
.menu a{
text-decoration:none;
}
.menubox_selected {
float:left;
width:160px;
height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #999377;
font-weight:normal;
border-top:1px solid #646262;
border-bottom:3px solid #999377;
padding-left:0px;
padding-top:40px;
margin-right: 20px;
}
.menubox_selected_r {
float:left;
width:160px;
height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #999377;
font-weight:normal;
border-top:1px solid #646262;
border-bottom:3px solid #999377;
padding-left:0px;
padding-top:40px;
}
.menubox  {
float:left;
width:160px;
height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #777777;
font-weight:normal;
border-top:1px solid #3f3f3f;
border-bottom:1px solid #4f4e4e;
padding-left:0px;
padding-top:40px;
margin-right: 20px;
}
.menubox:hover {
color: #999377;
border-bottom:3px solid #999377;
}
.menubox_r  {
float:left;
width:160px;
height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #777777;
font-weight:normal;
border-top:1px solid #3f3f3f;
border-bottom:1px solid #4f4e4e;
padding-left:0px;
padding-top:40px;
}

.menubox_r:hover {
color: #999377;
border-bottom:3px solid #999377;
}


/* ----------Port themes-------------- */


#port_l h3, #port_r h3 {
font-family: "Times New Roman", Times, serif;
font-size:38px;
color: #999377;
font-weight:normal;
padding-left:55px;
padding-top:5px;
}
#port_l h3 a, #port_r h3 a {
color: #999377;
text-decoration:none;
}
#porthead_web {
width:340px;
height:70px;
margin-top:10px;
background:url(img/www_icon.png) no-repeat;
}
#porthead_identity {
width:340px;
height:70px;
margin-top:10px;
background:url(img/photo_icon.png) no-repeat;
}
#porthead_photo {
width:340px;
height:70px;
margin-top:10px;
background:url(img/identity_icon.png) no-repeat;
}
#porthead_banner {
width:340px;
height:70px;
margin-top:10px;
background:url(img/banner_icon.png) no-repeat;
}
#porthead_bc {
width:340px;
height:70px;
margin-top:10px;
background:url(img/bc_icon.png) no-repeat;
}
#porthead_ul {
width:340px;
height:70px;
margin-top:10px;
background:url(img/ul_icon.png) no-repeat;
}
#port_l {
width:340px;
float: left;
margin-right:20px;
margin-top:15px;
border-top:1px solid #303030;

}
#port_r {
width:340px;
float: left;
margin-top:15px;
border-top:1px solid #303030;

}

/* -----------footer--------------------------- */
.footer {
	 width:950;
}
.footertext {
     width:700px;
	 margin-left:250px;;
}
.footertext_left {
     float:left;
	 width:300px;
     font-family:"Trebuchet MS";
	 font-size:11px;
	 color:#777777;
	 font-style:italic;
}
.footertext_left a {
	 color:#777777;
	 text-decoration:none;
}
.footertext_left a:hover {
	 color:#999377;
}
.footertext_right {
text-align:right;
     float:right;
	 width:400px;
     font-family:"Trebuchet MS";
	 font-size:11px;
	 	 font-style:italic;
	 color:#777777;
}
.footermenu{
     text-align:left;
	 width:700px;
	 margin-top:0px;
	 color:#777777;
	 margin-bottom:40px;
}
.footermenu a{
     font-family:"Trebuchet MS";
	 font-size:10px;
	 color:#777777;
	 text-decoration:none;
}
.footermenu a:hover {
     font-family:"Trebuchet MS";
	 font-size:10px;
	 color:#999377;
	 text-decoration:none;
}




/* -----------MAIN MENU--------------------------- */

/* -------------- SUBMENU--------------------------- */