/* CSS Document
© 2011 RE-SHARE UG
RE-SHARE ist urheberrechtlich geschützt.
RE-SHARE ist eine eingetragene Wortmarke und Wort/Bildmarke
-------------------------- */
body { margin: 0; padding: 0; height: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #000; background:#eeeeee url(/images/top_menu_bg.png) repeat-x top left;}
h1 {font-size: 28px; font-weight: 500; color: #000; margin:0 0 0 40px;}
h2 {font-size: 18px; font-weight: 500; color: #000; margin: 10px 0 10px 40px;}
h3 {font-size: 16px; color: #000; margin: 20px 0 10px 0;}
h4 {font-size: 16px; font-weight: bold; color: #000; margin: 0 0 10px 0;} /** inwhite **/
form { padding: 0; margin: 0; }
a img {border: 0;}
p {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; text-align: left;}
p a{color: #000; text-decoration: none;}
p a:hover{color: #000; text-decoration: underline;}
hr {border: 5px solid #fff;}

.googleplus {color: #fff; font-weight: 500; text-decoration: none;padding: 2px 3px 2px 3px; border: 1px solid #ce4128; background-color: #ce4128;}
.googleplus:hover { color: #fff; text-decoration: none;}
.twitter {color: #fff; font-weight: 500; text-decoration: none;padding: 2px 3px 2px 3px; border: 1px solid #32ccff; background-color: #32ccff;}
.twitter:hover { color: #fff; text-decoration: none;}
.facebook {color: #fff; font-weight: 500; text-decoration: none; padding: 2px 3px 2px 3px; border: 1px solid #3a5998; background-color: #3a5998;}
.facebook:hover { color: #fff; text-decoration: none;}
.reshare {color: #fff; font-weight: 500; text-decoration: none; padding: 2px 3px 2px 3px; border: 1px solid #3679d5; background-color: #3679d5;}
.reshare:hover { color: #fff; text-decoration: none;}


/* Struktur
-------------------------- */
#content_wrapper{clear: both; margin: 0 auto 25px auto; width: 980px; padding: 0;}
#header {clear: both; margin: 0; padding: 13px 0 0 0; height: 72px; width: 970px;
background: transparent;}
#main_wrapper{margin: 0 auto; width: 980px; padding: 0; min-height: 150px; background: #transparent; text-align: center;}
#no-col {
min-height: 400px;
background-color: #fff;
width: 980px;
float: left;
display: inline;
margin:  0 0 20px 0;
padding: 30px 0 0 0;
line-height: 20px;
text-align: left;
font-size: 15px;
}
.blue{ margin: 15px 0 0 0; padding: 5px; border: 1px solid #c9e1fc; border-radius: 4px 4px; background: #c9e1fc;}
.white{ text-align: left;line-height: 20px; margin: 5px 0 0 0; padding: 5px; border: 1px solid #c9e1fc; border-radius: 4px 4px; background: transparent;}
.cell {text-align: left; font-size: 13px; line-height: 20px; padding: 5px; float: left; display: inline; overflow: hidden;}

#col-0 {
background-color: transparent;
margin:  30px 0 0 0;
padding: 0;
line-height: 22px;
text-align: left;
font-size: 15px;
}

#col-0 .white { margin: 10px 0 0 0; padding: 40px; background: #fff; border: 1px solid #b2b2b2; border-radius: 4px 4px;}

#col-0 .white_cell_l { width: 153px; float: left; display: inline; margin: 10px 10px 0 0; padding: 40px; background: #fff; border: 1px solid #b2b2b2; border-radius: 4px 4px;}

#col-0 .white_cell_r { width: 153px; float: right; display: inline; margin: 10px 0 0 10px; padding: 40px; background: #fff; border: 1px solid #b2b2b2; border-radius: 4px 4px;}

#col-1 {
background-color: transparent;
width: 620px;
float: left;
display: inline;
margin: 0 0 0 0;
padding: 0;
line-height: 22px;
text-align: left;
font-size: 15px;
}
#col-1 .white{ margin: 10px 0 0 0; padding: 40px; background: #fff; border: 1px solid #b2b2b2; border-radius: 4px 4px;}
#col-1 .good{ width: 600px; margin: 20px 0 0 0; padding: 10px; background-color: #D2E6D2; border: 2px solid #669966;}


#col-2 {
background-color: transparent;
width: 350px;
float: right;
display: inline;
margin:  0 0 0 0;
padding:  0 0 0 0;
text-align: center;
font-size: 15px;
}
#col-2 ul li{margin: 0; padding: 0;}
#col-2 .blue{ width: 340px; margin: 15px 0 0 0; padding: 5px; border: 1px solid #c9e1fc; border-radius: 4px 4px; background: #c9e1fc;}
#col-2 .white{ text-align: left; line-height: 20px; width: 340px; margin: 10px 0 0 0; padding: 5px; border: 1px solid #b2b2b2; border-radius: 4px 4px; background: #fff;}
#col-2 p{ text-align: left;}
#col-2 small{ color: #999;}



#video_wrapper{ clear: both; margin: 30px auto; width:892px; padding: 15px 15px 0 15px; background: #fff; border: 5px solid #f3f3f3; border-radius: 10px 10px;}
#footer_wrapper{width: 100%; background: #fff; margin: 30px 0 0 0; border-top: 1px solid #b2b2b2;}
#footer {clear: both; margin: 0 auto; padding: 15px 40px 40px 40px; width: 900px; height: 500px;}
/* Menu
-------------------------- */
.mainmenu {display: block; height: 40px; line-height: 40px; font-size: 18px; font-weight: normal; background-color: transparent; font-family: Arial,Verdana,Helvitica,sans-serif; margin: 2px 0 0 0;}
.mainmenu ul { margin: 0; padding: 0; list-style-type: none;}
.mainmenu ul li { display: block; float:left; margin: 0; background: transparent url(/images/main_menu_left.png) no-repeat bottom left;}
.mainmenu ul li :hover{ background: transparent url(/images/main_menu_left_dark.png) no-repeat bottom left;}
.mainmenu ul li a{ display: block; float:left; color: #000; text-decoration: none;}
.mainmenu ul li a span{ padding: 10px 40px;}
.mainmenu ul li .current{ color:#000; background: transparent url(/images/main_menu_left_dark.png) no-repeat bottom left; cursor: default; text-decoration:none;}

/* Button
-------------------------- */
.big_button {clear: both; margin: 0 auto; background-color: #c9e1fd; text-align: center; padding: 8px 4px 4px 8px; border-radius: 8px 8px;}
.big_button ul{margin: 0; padding: 0; list-style-type: none;}
.big_button li{display: inline; margin: 0 8px 0 0; padding: 0;  background-color: #fff; height: 68px;}
.big_button a{ float: left; display: inline;
background: url(/images/big_button_left.png) no-repeat left;
margin: 0; padding: 0 0 0 8px; line-height: 68px; overflow: hidden; text-decoration: none;}
.big_button a span{
float: left; display: inline; display: inline;
background: url(/images/big_button_right.png) no-repeat right;
overflow: hidden; margin:0; padding: 0 30px 0 22px;
line-height: 68px;font: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color:#fff; text-decoration: none;}
.big_button a:hover{color: #fff; cursor: pointer; text-decoration:none;}
.big_button a:hover span{color: #fff; cursor: pointer; text-decoration:none;}
.big_button p{float: left; display: inline; padding: 0 20px  0 20px; margin: 0; font-size: 22px; font-weight: bold; line-height: 80px;}
/*
---*/
.medi_button {background-color: #c9e1fd; text-align: center; padding: 5px 10px 5px 15px; border-radius: 4px 4px;}
.medi_button ul {list-style:none; margin:0; padding:0}
.medi_button li {float:left; margin-right:5px; height: 33px; border: none;}
.medi_button a {float: left; display: inline; background:url(http://www.rohrer-immobilien.de/images/button/menu_left_400.png) no-repeat left; margin: 0; padding: 0 0 0 5px; 
line-height: 33px; overflow: hidden;text-decoration: none; }
.medi_button a span  {float: left; display: inline; background: url(http://www.rohrer-immobilien.de/images/button/menu_right_400.png) no-repeat right;
overflow: hidden; border:none; padding: 0 15px 0 0; margin: 0 0 0 10px; height: 33px; line-height: 33px; font: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color:#000}
.medi_button a span:hover {color: #0066cc;}
/*
---*/
.flex_button {}
.flex_button ul{list-style-type: none; margin:0; padding: 0;}
.flex_button li{float: left; margin: 0 5px 0 0; padding: 0; background: transparent; height: 23px;}
.flex_button a{ float: left; display: inline;
background: url(http://www.re-share.de/images/button_left.png) no-repeat left;
margin: 0; padding: 0 0 0 5px; 
line-height: 16px; overflow: hidden;text-decoration: none;
}
.flex_button a span{
float: left; display: inline;
background: url(/images/button_right_450.png) no-repeat right;
overflow: hidden; margin:0; padding: 0 5px 0 0;
line-height: 23px;font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color:#000; text-decoration: none;}
.flex_button a:hover{color: #4b64a8; cursor: pointer; text-decoration:none;}
.flex_button a:hover span{color: #0066cc; cursor: pointer; text-decoration:none;}
.flex_button p{float: left; display: inline; padding: 0 5px 0 0; margin: 0; line-height: 23px;}
/* Formstyle
--------------------*/


#formstyle{
border:1px dotted #999999;
border-radius: 8px 8px;
background:#ffffff;
}

#formstyle label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
line-height: 20px;
}

.label_long{
display:block;
font-weight:bold;
text-align:right;
width:300px;
float:left;
}

#formstyle .small{
color:#666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
line-height: 14px;
}
#formstyle input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999999;
width:200px;
margin:2px 0 20px 10px;
}
#formstyle img{
margin:2px 0 20px 150px;
}
#formstyle textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999999;
width:400px;
height: 140px;
margin:2px 0 20px 10px;
}
#formstyle select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999999;
width:100px;
margin:2px 0 20px 10px;
}

#formstyle button{
clear:both;
margin-left:150px;
width:200px;
background-color: #E33616;
border: 2px solid #E33616;
text-align:center;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
cursor: pointer;
}

#formstyle button:hover{

background-color: #FFFFFF;
color: #E33616;
border: 2px solid #E33616;
}

#formstyle hr {margin: 0 0 10px 0; border: 1px dotted #fff;}

/* Slider
-------------------------- */
#slider_wrapper {
width: 900px;
height: 330px;
padding: 0;
margin: 0;
background: #fff;
}

#container_right {position:absolute; top:0; right:733px; width: 145px; padding: 10px; height: 308px; background: #fff url(../images/slider_bg.png) repeat-x top left; border: 1px solid #b2b2b2; border-radius: 4px 4px; overflow: hidden;}
#container_right h2{font-size: 14px; font-weight: strong; color: #000;}
#container_right p{font-size: 12px; color: #000;}

#container {position:relative;  background: transparent; padding: 0; height:330px;}
.sliderbutton {float:left; width:0; height:330px; cursor:pointer}
#slideleft {background:url(../images/style/icons.gif) -50px -265px no-repeat}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(../images/style/icons.gif) 0 90px no-repeat}
#slideright:hover {background-position:-50px 90px}
#slider {float:right; position:relative; overflow:auto; width:718px; height:328px; background: #fff url(../images/slider_bg.png) repeat-x top left; border: 1px solid #b2b2b2; border-radius: 4px 4px;}
#slider ul {position:absolute; list-style:none; margin: 0; padding: 0;}

#slider li {float:left; width:719px; height:330px; border-left: 1px solid #fff; border-radius: 4px 4px;}

.pagination {position:absolute; top:280px; right:316px; list-style:none; height:10px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #ccc; border-radius: 5px 5px;}
.pagination li:hover, li.current {background:#3679d5; border:1px solid #3679d5;}


/* Bastelkiste
-------------------*/
#bastelkiste textarea {
width: 550px;
padding: 5px;
background: #FFFFCC;
}

#bastelkiste .wrapper{
margin: 0 0 40px 0;
padding: 15px;
border: 1px solid #ccc;
border-radius: 4px 4px;
overflow: hidden;
}

/* Expose intern
-------------------*/

.rs_expo_wrapper { background: #fff; width: 760px;}

.rs_expo_wrapper_small { background: #fff; width: 610px;}

.rs_expo_wrap {border: 1px solid #e1e1e1; margin: -1px 0 0 0;}

.rs_expo_cell_header {padding: 6px; background: #e1e1e1;}

.rs_expo_cell {padding: 6px; font-size: 13px; line-height: 20px;}

.rs_expo_cell_left  {float: left; display: inline; width: 170px; padding: 6px;}

.rs_expo_cell_right {float: left; display: inline; width: 400px; padding: 6px;}

.rs_expo_cell_left_catch  {font-weight: bold; float: left; display: inline; width: 170px; padding: 6px;}

.rs_expo_cell_right_catch {font-weight: bold; float: left; display: inline; width: 170px; padding: 6px;}

/* CMS Article
-------------------------- */
.ReShareCMS-Article h1{font-size: 18px; line-height: 18px; font-weight: 500; color: #000; margin: 0 0 10px 0;}
.ReShareCMS-Article h2{font-size: 14px; line-height: 14px; font-weight: 500; color: #000; margin: 0 0 15px 0;}
.ReShareCMS-Article p{}
.ReShareCMS-Article a{color: #3578d5; text-decoration: none;}
.ReShareCMS-Article a:hover{color: #3578d5; text-decoration: underline;}
.ReShareCMS-Article img{ margin: 0 15px 15px 0;}
.ReShareCMS-Article iframe{margin: 0 15px 15px 0;}
.ReShareCMS-Article hr {width: 900px; margin: 0; padding: 0;}
.news .ReShareCMS-Article {background: #fff;}
.news .ReShareCMS-Article  img{}

.ReShareCMS-Article-Date {font-size: 12px; color: #999; margin: 0 0 10px 0;}
.ReShareCMS-MoreLink {}

.ReShareCMS-AttachmentList ul{}
.ReShareCMS-AttachmentList li{ line-height: 26px; padding: 0; list-style-type: none; list-style-image: url(http://www.re-share.de/images/download_icon.png);}